Learning Platform - Future Proof with AI

Designing Harvard D^3’s Online AI Learning Experience

View Live Site

I led the end-to-end UX and visual design for Harvard Digital Data Design Institute’s Online AI learning platform, spanning multisite landing pages, product checkout, and the Sana.ai learning experience. The work combined web architecture, accessibility, and visual storytelling to bring Harvard research to learners worldwide.

| Web and Mobile |

Project Goals

The D³ multisite serves as the primary entry point for Future-Proof with AI and the destination for all paid and organic traffic.

I designed this experience to consolidate program offerings, clearly communicate value, and guide users into the enrollment flow. The page acts as the first touchpoint in the learner journey—routing users from discovery to Cvent checkout and onward to the Sana.ai learning platform. All paid ad traffic and organic discovery routes through this experience.

Accessibility & Localization
The multisite and learning content were designed with multilingual access in mind. Both the public-facing landing pages and learning modules are available in Spanish, supporting inclusive access for a global audience.

Live Site

Program Discovery & Entry Point

My Role

  • Launch a centralized program hub for AI learning

  • Design a seamless learner journey across platforms (D³ website → Cvent → Sana.ai)

  • Build accessibility and multilingual support from the start

  • Maintain strong Harvard and D³ brand alignment across all touchpoints

The platform was designed with multilingual access in mind. Both the public-facing landing page and the learning modules are available in Spanish, ensuring accessibility for a global audience and supporting inclusive, international participation.

Research and Discovery

To design for a global professional audience, I partnered with product managers and content strategists to define learner goals, pain points, and constraints. These insights informed platform architecture, navigation patterns, and content hierarchy across the multisite, checkout, and learning experience.

Product Overview: Future-Proof with AI

Future-Proof with AI is Harvard Digital Data Design Institute’s on-demand online learning platform designed to help professionals build confidence and capability in applying artificial intelligence in real work contexts. The platform blends research-backed insights, guided exercises, and practical frameworks to equip learners across functions with actionable AI skills. 

Through modular pathways, learners access short, self-paced AI classes that combine clear explanations with hands-on activities, earning Completion Badges to showcase progress and mastery. 

The product also includes Perspectives — a curated mix of live online sessions, webinars, conversations with faculty, and insight articles — providing diverse ways to engage with cutting-edge research and real-world AI applications.

I owned the product design lifecycle from concept through launch, including:

  • UX research, user flows, and wireframing

  • UI and component design across platforms

  • Accessibility and internationalization (i18n)

  • Checkout flow design and integration

  • Developer handoff, QA, and launch support

I also mentored a junior designer on content layout, mobile responsiveness, and system-based design thinking.

To support consistency and scalability, I created a lightweight design system used across all platforms, including:

  • A shared icon set tailored to AI learning concepts

  • Reusable UI patterns for navigation, progress, and content grouping

  • Accessibility-aligned typography and color usage

This system ensured visual cohesion across the D³ website, Cvent checkout, and Sana.ai platform while remaining flexible for future program expansion.

Checkout Flow Integration

I designed and refined interaction patterns for progress tracking, content discovery, and in-module navigation. These interactions reduce cognitive load while reinforcing momentum and completion, especially across longer learning pathways. The system was intentionally designed to scale across courses, skills, and future program launches while maintaining Harvard and D³ brand integrity within Sana.ai’s constraints.

To demonstrate this, I included web and mobile walkthroughs highlighting key interaction patterns, navigation states, and progress behaviors across devices.

Learning Platform Design

The Sana.ai platform serves as the core learning environment for Future-Proof with AI. I designed the end-to-end learning experience, focusing on modular content structures, clear navigation, and interaction patterns that support self-paced learning for busy professionals.

The interface balances depth and simplicity—allowing learners to:

  • Move easily between lessons

  • Track progress and completion

  • Return to content without friction

Accessibility, readability, and responsive behavior were prioritized to ensure a consistent experience across devices and global audiences.

Process Timeline

Growth Design & Performance Analytics

In addition to product UX, I led growth-focused design initiatives to support enrollment and engagement. I collaborated with communications and content teams to design and measure paid campaigns across Meta, LinkedIn, Harvard Business Review Ads, Google, and Newsletters.

What I Did:

  • Integrated and managed Google Tag Manager, UTM tracking, and LinkedIn Insight Tag to track engagement and conversion

  • Set up and analyzed campaign performance using Google Analytics 4 (GA4) and Sana’s AI dashboard, tying ad views and clicks to actual course starts

  • Designed mobile-optimized, multilingual ad creatives in 5 languages

  • Created and tested variations based on audience segmentation

  • Implemented Google Tag Manager, UTM tracking, and LinkedIn Insight Tag

  • Analyzed performance using GA4 and Sana’s AI dashboard, tying engagement to actual course starts

Outcomes and Impact

  • 23% increase in engagement on the new catalog multisite and higher registration completion

  • Launched multilingual support across 3 languages

  • Enabled seamless transition from discovery to learning platform

  • Created a reusable, scalable system for future education launches

  • Established a modular design foundation for ongoing product and campaign growth

  • Boosted click-through rates by iterating on ad layout and hierarchy based on A/B testing results

  • Created a design system for ad campaigns; reusable, scalable, and brand-aligned

  • Generated reports for the comms and leadership teams on top-performing creatives, helping inform future spend allocation and messaging

UX Planning & Design Systems

I mapped the full learner journey—from browsing courses to completing enrollment and entering the learning platform.

I designed the end-to-end checkout experience using Cvent, ensuring a smooth transition from program discovery to enrollment and onboarding into Sana.ai.

The checkout UX accounted for:

  • International address and payment variations

  • Accessibility and form clarity

  • Data security and responsive behavior

Clear visual hierarchy and progressive disclosure were used to reduce friction at a critical conversion point in the learner journey.

Reflection

This project reinforced the importance of designing education products as systems—aligning product UX, accessibility, and growth strategy to support global scale. By unifying discovery, enrollment, and learning into a cohesive experience, the platform enables long-term engagement with AI concepts while remaining adaptable as the field evolves.