STRATEGIC MARKETING LEADER

Student orientation design showing hand-drawn wireframes alongside digital interface layouts.

Digital experience UX 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 orientation viewed on mobile, laptop, and desktop devices.

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 recording voiceovers using a mic.

Training Video Example

This is an example of the new student orientation videos. Watch Orientation Module 1 on YouTube.

UX Design

I designed the user experience for this orientation using Figma, focusing on branding, engagement, and clarity. Below are a few examples that showcase key design elements on mobile and desktop as well as sample components.

The mobile design for the orientation landing page.
The desktop design for the orientation landing page.
The orientation component designs in Figma