UX Product & Visual Design
ND-Pages%402x.jpg

Udacity Onsite Experience + Emails

Udacity Onsite Experience + Emails

In 2018, I was the lead visual designer for Udacity’s Growth and Marketing team, where I worked on a variety features that paved my way into product design.

 

Nanodegree Overview Pages

Nanodegree Overview Pages

Created these description pages each time a Nanodegree launched. I systemized out Sketch templates so these took very little manpower to create in the end, save for some visual design to inject brand and personality.

 
Nanodegree School Hub

Nanodegree School Hub

Nanodegree School Hubs

Early 2018, Udacity rolled out our Schools of Study, to encourage students to explore multiple Nanodegrees within a field interest. Thus, a need for a hub was born. Some early iterations saw a sidebar with an overview of skills and projects, and student stories, but we ultimately scrapped this approach to streamline the tiles and focus the hub on Nanodegrees. With this redesign, we saw increased traffic to our school and Nanodegree pages, as well as an uptick in lead-gen email submissions. The intention of this site was to drive more traffic to our product pages as well as increase awareness of our offerings. Current prototype is available here: desktop and mobile.

Early wireframes

Early wireframes

Final design

Final design

 
Megamenu

Megamenu

Megamenu

Once we expanded our catalog and started categorizing our Nanodegree programs by schools, we needed a more robust navigational bar to give users quicker access to our schools, catalog, and Nanodegree pages. With the new drop down option, I was able to create 4 new pathways to our NDOPs, and after a week, traffic to our NDOPs increased approximately 1200%. Encouraging more intuitive discovery of Udacity.com, Nanodegrees and the respective schools were now more accessible through the global navigation bar. Prototype available here.

New navigation flow

New navigation flow

Old navigation flow

Old navigation flow

 
EMAILS@2x.jpg

New User Email Flow

Updated the New User Flow for with the current look and feel, and to also create a story through a 3-email campaign. Prospective students gained insight to what exactly is a Nanodegree program, inspiration through other Nanodegree grads, as well as a peek at projects completed by other students.

 
4-what-is-ND@2x.jpg
4-what-is-ND@2x.jpg

What is a Nanodegree?

One of the last projects I did for Udacity was creating a page that clearly defined what our flagship product was.

Skill levels, a peek into the classroom, some of classroom features that made the Udacity experience exceptional, our career services, student stories,  samples of projects in our programs, and the bottom line. All were incredible value props for Udacity, but there was never a place we could show them prominently to prospective students.