Alice Bao Design

2022.5 - 2025.5

UX/UI &
Product design

Over the past three years, I’ve worked as a UI/UX Designer at Dreamscape Learn, a virtual reality classroom platform used in colleges nationwide.

Guided by clear learning objectives, our team designed and delivered interactive VR learning experiences that combined storytelling with immersive education.

Over the past three years, I’ve worked as a UI/UX Designer at Dreamscape Learn, a virtual reality classroom platform used in colleges nationwide.

Guided by clear learning objectives, our team designed and delivered interactive VR learning experiences that combined storytelling with immersive education.

Company

2022.5 - 2025.5

Position

UIUX & Product Designer

Recording

UIUX design, interactions,
Unity Dev

Session I: VR Content Design

VR Content Design

Biology in VR - 3 episodes
Chemistry in VR - 9 episodes
Astronomy in VR – Lead Designer 1 Episode

VR Content Design

Biology in VR - 3 episodes
Chemistry in VR - 9 episodes
Astronomy in VR – Lead Designer 1 Episode

Work Examples:

Background

How to Design Gamification Education - Learn during interactions

In gamified education, we use virtual reality settings to guide students in memorizing and understanding new knowledge through a colorful path with gamified interactions.

Interaction Design Highlights

Example 1: Using chair vibrations and haptics to illustrate molecular motion and heat transfe

When molecules move—whether by vibrating, rotating, or translating—that movement is called kinetic energy.

The total kinetic energy of molecules in a substance is what we perceive as thermal energy (heat). The faster the molecules move, the higher the temperature.

Instead of just reading about this concept, students will feel it directly through haptic feedback from the headset and chairs as they watch molecules vibrate, rotate, and flow around them.

Example 2: Learning start distance as we are traveling with our desk - the feeling of speed with time.

To convey the dramatic distance difference between each planet, I had this idea of transferring our desk to a spaceship, and students will travel (with skybox changing) to travel from one planet to the other.

The experience of traveling helps students understand the difference in distance between stars.

Example 3: Turn the controller to different tools

During the experience, we transformed the controllers into various tools to simulate different scenarios.

HCI Research

Immersive Learning Environment

Designing stationary interactions in VR requires a strong understanding of spatial context.
By applying human factors to cockpit design, I mapped both third-person and player perspectives to ensure intuitive access to controls and interfaces.

This approach enhances usability, spatial awareness, and overall VR experience effectiveness.

Immersive Learning Environment

This approach enhances usability, spatial awareness, and overall VR experience effectiveness.

Human Factor Research

Content Design Process in VR

Production Workflow

Storyboard

Figma UX flow

I also Use Figma to create User flows and animate them as paper prototypes

Figma UX flow

I also Use Figma to create User flows and animate them as paper prototypes

Hi-fi Storyboard

I created a high-fidelity storyboard by photobashing assets together in Photoshop.

Hi-fi Storyboard

I created a high-fidelity storyboard by photobashing assets together in Photoshop.

Final Works

Full experience video

VR Content

VR Platform

Session II: REMOTE classroom Platform

Product Background

Immersive Classroom is a remote teaching platform that enables one teacher to lead live classes with up to 50 students.

At the early stage, I created the product feature list based on teaching and learning user flows. I then designed the UI for both teachers and students.

Finally, I redesigned the calibration flow, which is now live across four products.

Product Background

Immersive Classroom is a remote teaching platform that enables one teacher to lead live classes with up to 50 students.

At the early stage, I created the product feature list based on teaching and learning user flows. I then designed the UI for both teachers and students.

Finally, I redesigned the calibration flow, which is now live across four products.

Project 1: Redesign the Calibration

Problem:

Calibration is tthe process to measure the hight of a user and calibrate the table area.

The previous experinces has failed to get the data coorectly.

Appraoch:

Redesign the data we need to colelct enable to calibrrate the user hight and desk area
redesign the prompts and user steps
redesign the UI with progress bars
redesign the UI with branding colors.

Redesign the main menu

Project 2: feature planning for immersive classroom

How to move the classroom interaction into VR? (User Needs Map)

Since educational games need to address the needs of both students and teachers, I mapped out interactions in a realistic classroom environment.
The product design aligns with these interactions while also incorporating fictional elements for enhanced engagement.
Based on this interaction map, I identified the critical features for the VR game, which are listed below.

Project 2: feature planning for immersive classroom

How to move the classroom interaction into VR? (User Needs Map)

Since educational games need to address the needs of both students and teachers, I mapped out interactions in a realistic classroom environment.
The product design aligns with these interactions while also incorporating fictional elements for enhanced engagement.
Based on this interaction map, I identified the critical features for the VR game, which are listed below.