InLean

VisionOS-Powered MR Education Platform Design

B2B2C

B2B2C

B2B2C

MR Interface Design

MR Interface Design

MR Interface Design

Project Type

Project Type

End-to-End Product Design

End-to-End Product Design

Team Structure

Team Structure

Three Designers, One Programmer

Three Designers, One Programmer

My Role

My Role

Product Designer

Product Designer

Industry

Industry

Educational Technology

Educational Technology

Tools

Tools

Figma, Miro, Adobe Illustrator

Figma, Miro, Adobe Illustrator

Timeline

Timeline

2023.07 - 2023.08 (1 month)

2023.07 - 2023.08 (1 month)

Project Type

B2B Product Version Iteration

B2B Product Version Iteration

Company

SHOPLINE in JOYY Inc

SHOPLINE in JOYY Inc

Role

UX Designer

UX Designer

Industry

Cross-Border E-commerce

Tools

Figma, Jira, Notion, Zoom

Figma, Jira, Notion, Zoom

Timeline

2024.06 - 2024.09 (3 months)

2024.06 - 2024.09 (3 months)

InLearn is an immersive virtual education platform designed for Apple Vision Pro users. It offers interactive, personalized learning experiences that keep users engaged and learning effectively, while enabling content creators to create, publish and monetize original MR educational content.

InLearn is an immersive virtual education platform designed for Apple Vision Pro users. It offers interactive, personalized learning experiences that keep users engaged and learning effectively, while enabling content creators to create, publish and monetize original MR educational content.

Overview

Designing an MR Education Platform to provide richer content and a more immersive learning experience

With the release of Apple Vision Pro, mixed reality (MR) presents new opportunities for education. Currently, educational content remains scarce, unengaging, and scattered across multiple platforms. Content creators also lack a unified platform to create, publish and monetize original content.

To address these challenges, I designed an MR education platform that offers learners a rich, cohesive, and immersive learning environment, with support for personalized goals and social interaction. It also enables content creators to create, publish, and monetize original content on the platform.

Click to view the prototype

Impact

Enabling deeper engagement through an immersive, diverse, and personalized learning experience

The platform encouraged users to spend more time actively engaged, interact seamlessly across learning modes, and navigate with confidence. By offering a rich and cohesive environment tailored to learner needs, the design helped unlock the value of MR education—transforming passive content consumption into a deeper, more goal-driven experience.

9.7

min

Avg. Active Session Duration

80%

Product Usability Satisfaction

75%

Feature Adoption Rate

Feature 01

Provide diverse pre-recorded courses in the content library to support various learning needs

I designed a content library that supports diverse pre-recorded courses, enabling learners to explore by subject, grade level, format, time, or popularity. Through integrated filters, voice/text search, and personalized recommendations, users can easily navigate content that fits their goals.

Feature 02

Three diverse course modes to support varied needs and drive engagement

I designed three diverse course modes to meet varying learner needs and offer a more flexible, engaging viewing experience. This structure enhances accessibility, improves comprehension, and supports a more personalized learning journey.

Course Mode 01 — Video Course

Gesture-driven media experience with full ambient control

This mode delivers a spatially enhanced video learning experience, where users can control playback and adjust light and sound using intuitive gestures—creating a distraction-free and personalized environment.

Course Mode 02 — Experimental Course

Text-visual hybrid learning with interactive 3D elements

This mode combines structured textual content with interactive 3D models to present abstract concepts in a more intuitive and visually engaging way. Users can either click the play button to hear narrated text content, or explore the topic further through contextual 3D visualizations and related videos.

Design Output

Thoughtful UX details—like feedback buttons, pagination, and multimodal switching—encourage active learning and continuous engagement.

Development Output

Course Mode 03 — 3D Course

Immersive interactive video with extractable 3D content

This mode transforms traditional video into an exploratory 3D learning experience. While watching, users can pull key objects or concepts directly out of the video stream to examine them in spatial 3D, enabling learners to engage with complex topics in a tactile, immersive way.

Feature 03

Designing the online classroom to foster connection and active participation

I designed a live course mode to support real-time participation. Users can join live sessions, interact with hosts, and connect with peers in a shared virtual space. This synchronous format enhances engagement, enables instant feedback, and brings a stronger sense of human presence to the learning experience.

Other highlights

Introducing gesture-based zoom to adapt focus

Pinch-to-zoom interaction lets users resize content based on spatial context.

Enabling content sharing to expand reach and social discovery

Enable users to share content instantly and intuitively—promoting collaboration, discovery, and continued learning beyond the platform.

Introducing a personal dashboard to help users track progress and gain insights

A personal dashboard that consolidates learning data, task progress, and schedule management into a single interface.Users can track performance over time.