Digital experience design
Strategized and designed a gamified, asynchronous orientation experience that helps Distance Education students build connection, navigate their journey, and feel prepared for academic success.
The Challenge
The existing orientation, housed in Canvas (the Learning Management System), lacked engagement and failed to meet the needs of incoming students. Feedback indicated that students felt disconnected and overwhelmed, and internal stakeholders preferred a more actionable, portal-based experience.
The Solution
I developed a dynamic orientation course centered around accessibility, motivation, and community-building. Key features included:
-
Spruce, a friendly new mascot to represent Distance Education
-
Digital swag rewards for students who complete the orientation
-
9 animated training videos
-
12 portal pages
-
A progress bar to visualize completion
-
A program-based leaderboard to foster friendly competition
-
Immediate and follow-up surveys to measure impact and improve future iterations
Training Videos
For each of the animated training videos, I wrote the script, recorded screen captures, and recorded myself for the voiceovers. My colleague Adia animated and finalized the orientation videos. Here is one example:
UX Design
I designed the user experience for this orientation using Figma, focusing on branding, engagement, and clarity. Below are a few embedded examples that showcase key design elements. For the best viewing experience, I recommend using the icon to display the design in full screen.
Project Role
Strategy
Defined the vision and structure for a gamified, student-centered orientation experience.
Voiceover
Recorded narration for all training videos using high-quality lab audio equipment.
UX Design
Designed and prototyped the orientation pages and components using Figma.
Video Development
Recorded and edited screen recordings to create clear, engaging instructional videos.
UX Writing / Copywriting
Wrote all of the web page content and video scripts tailored to meet the needs of new online students.
Project Leadership
Led the project, directed design work, and ensured stakeholder alignment.