top of page
Images of the orientation User Experience (UX)

New Student Orientation

Strategized and designed a gamified, engaging, and asynchronous orientation for new Distance Education students. The orientation fosters a sense of connection, progression, and preparedness.

A laptop, desktop, and mobile phone with the orientation web pages displayed

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

​

Andrea Tripp with headphones and microphone recording the voiceover for orientation videos

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

creativity.png

Strategy

Defined the vision and structure for a gamified, student-centered orientation experience.

Microphone icon

Voiceover

Recorded narration for all training videos using high-quality lab audio equipment.

figma.png

UX Design

Designed and prototyped the orientation pages and components using Figma.

Icon of a laptop screen with an arrow to represent screen capture

Video Development

Recorded and edited screen recordings to create clear, engaging instructional videos.

Quill and ink icon

UX Writing / Copywriting

Wrote all of the web page content and video scripts tailored to meet the needs of new online students.

Leadership icon

Project Leadership

Led the project, directed design work, and ensured stakeholder alignment.

bottom of page