A New Way To Tour

California Health College (CHC) is a vocational school that offers 12 different programs in the healthcare industry. During the application process, students take a tour on the campus before deciding to enroll. I created a large touchscreen installation to highlight CHC’s interactive lab offerings and job placements. For this project, I was in charge of the user research, design, and file handoff.

Client's name has been changed per NDA.

Client

California Health College // Gigasavvy

Role

Lead UX Designer

Platform

Large Installation, iPad

Challenge

California Health College needed a new, interactive way to show prospective students CHC’s offerings to boost enrollment. Prospective students usually don't know a lot about the programs and career opportunities before the tour.

Solution

Create a microsite that can be shown on large touch screens for on-campus tours and on iPads for remote tours. Break down each program’s course offerings so prospective students can learn about the differences.

RESEARCH

Figuring Out The Students

I conducted interviews on current students to discover what prompted them to attend CHC. Students often decide to attend CHC after coming in for a tour and seeing the lab in action because they know they’ll be prepared for working in the field. Some students stated hesitations about CHC’s credibility so seeing the accreditations and career opportunities helped alleviate that.

Hands-on Lab

In person training and labs help prepare students for working in the field. I highlighted this on the Coursework Page.

Job Prospects

Good job prospects increase enrollment so I added an interactive map with job placements.

Accreditations

Showing accreditations & stats increase CHC’s credibility so I included them on each program page.

Responsive Design

Designing for large touchscreens and ipads

Since this microsite would be shown on large wall touchscreens and iPads, I had to ensure that the interactions would work for both setups.

Mid-fi Design

Testing the Navigation

Because the project had a limited budget, I conducted user testing internally with the Gigasavvy Team. I wanted to make sure the tour guides would be able to switch between the programs easily and find the Placements Map to show where alumni had gotten jobs after graduating.

1: Mid-fi Menu - First Tap

I prioritized the program accessibility by listing 'Programs' on the menu first. This confused users since 'Home' is usually listed first.

2: Mid-fi Menu - Programs open

Tapping on 'Programs' shows a list of all the programs.

Hi-Fi Menu
Design

Program Overview Breakdown

I broke down each program into 4 sections to make the information easily digestible.

  1. Program Overview
  2. Quick breakdown of program stats.
  3. Coursework
  4. Highlights major skills and courses.
  5. Lab
  6. Video demonstrating the different tools students learn for job training.
  7. Placements map
  8. Interactive map and filter that shows the job placements for each program.
Design

Elements at a Glance

The overall look and feel is very sleek with a touch of tech to help highlight CHC’s advanced lab offerings. Because the client was open to moving away from their usual style, I was given free rein to create a different mood but still incorporated their brand colors and fonts for consistency. I chose to include dark overlays and subtle animations to help bring the designs to life on a large screen.

Menu Animation
Placements Filter
Program Navigation
Final Thoughts

Immersive Experiences

This was my first project for large touchscreens so it was fun for me to think about how the user experience needed to change to accommodate that. In the future, I would like to conduct some user testing on the tour guides to ensure that the overall navigation and Placements Map filter work well on both the iPad and large screen version. Designing this has opened up my UX possibilities and I hope to create more immersive experiences in the future.

YOU MIGHT ALSO LIKE