Launching Microsoft Viva Learning - Desktop & Web


Complete mobile flows and desktop handoff to bring learning to the flow of work, with a key focus on Accessibility.


Context

Part of the Microsoft Viva suite, integrated with Teams.
Primary surfaces: desktop web and Teams app.

Role

Led design across Search & Discovery, My Learning dashboard, Personalization, and admin-driven Featured content. Focused on scalable patterns, accessibility (WCAG), and cross-surface consistency.

Impact

Key metrics measured after one year of GA launch.
Reduction
50%
▼ Onboarding time
Time from onboarding to full productivity.
Outside Microsoft
Reduction
20%
▼ Employee attrition
Lower attrition driven by improved engagement.
Outside Microsoft
Increase
58%
▲ Engaged quality learners
Employees completing 2+ elective courses per month.
Inside Microsoft
MAU
169k
▲ Monthly active users
Including ~40,000 active mobile users.
Inside Microsoft
Inline results (Image 1): Quick search with inline suggestions surfaces the most relevant courses immediately, helping learners act without leaving their flow.

Full results with filters (Image 2): Expanded search results include rich filters by duration, format, and provider, making it easier to explore and compare content across large catalogs.

My Learning

Created scalable dashboard patterns for assigned, saved, and in-progress learning, with quick actions and progress cues.


Day 0: Home overview (Image 1): The home surface balances organizational priorities and personal relevance: featured content set by admins, personalization prompts, trending topics in the org, and a categorized library for exploration.

Day N: Personalized snapshot (Image 2): Returning users see a dashboard with assigned courses, recommended learning, and recently viewed items alongside personalization and trending content.

Personalization

Interest selection and recommendations to raise relevance on the home surface.

Lightweight prompt (Image 1): Onboarding invites learners to pick interests from the home screen, making personalization effortless.

Refine interests (Image 2): A searchable modal with tags lets users fine-tune preferences so recommendations feel tailored.

See the payoff (Image 3): The home view updates instantly with recommended courses based on saved interests.

Admin dashboard (Image 1): Admins create, schedule, and manage featured sets to control which learning is promoted to employees.

Featured banner (Image 2): Selected featured content appears as a prominent banner on the home screen for maximum visibility.

Details & Sharing

Streamlined course details for quick evaluation and lightweight sharing to support peer discovery in Teams.


Course details (Image 1): Rich metadata, related content, and quick actions to share via Teams, mail, or link make resources easy to evaluate and distribute.

Share in chat (Image 2): Share courses directly in Teams conversations to spark peer-to-peer discovery.
Happy to walk through the live Figma files and interview deck for flows, decisions, and impact.
Accessibility Statement

I'm committed to making this website fully conformant with WCAG 2.1 level AA. This site relies on HTML, WAI-ARIA, and CSS to work with combinations of assistive technologies and web browsers. If you wish to report an access barrier or have any access requirements, please contact me and I will address it promptly: Go to email.