Roles

At GA I was the main visual designer on the product team. My responsibilities were to coordinate with the brand side designers as well as the other UX designers and developers to unify the GA brand and make visual enhancements.

This project was a chance to flex some UX and design skills, with that being said this project was not done with a team, all UX, design, and illustration is custom made.

Objective

At the point at which I had started at GA the product had been very focused on function and not as much on form. There were different concepts from different eras living in one brand ecosystem and it would be my job to improve what worked, phase out what didn't, and work towards a more cohesive system to guide future updates.

GENERAL UPDATES

As a starting point for the design unification, I ran several surveys and user tests to gauge brand awareness, perception of the brand tone between students, professors, and employees, and had several interviews with stakeholders to get a sense of how to move the brand forward in the most positive way.

Over the time spent at GA I worked with the brand team to unify color, typography, and imagery. I also worked with the developers and other product designers to create an overarching animation/content loading concept that would give the products a more dynamic feeling and support the learning process. I created concepts and variations of the design of the platform experimenting with layout, color pacing, and typographic heirarchy.

GA-Logo

This is just a few select screens, if you want to see it all check out the prototype.

These are just some select screens, to see them all check out the prototype.

This is just a few select screens, if you want to see it all check out the prototype.

These are just some select screens, to see them all check out the prototype.

DESIGN EXPLORATION

Learning Path Introduction

Lesson Enhancements

Long Form Lesson Exploration

long-form-lesson-test
Large Copy
GA-Spacer-3

VTS UPDATE

Initially upon completion of a lesson users would be interrupted with a prompt to give feedback that would fall between the completion screen and the lesson summary. Since this caused an unnecessary stop in the user journey we decided the best way to improve this would be to combine the messages into one action that both reinforced the completion and prompted them to provide their feedback. This would allow us to capture data and improve lesson content without disrupting the learning process.

End Result

SIDEBAR UPDATE

To make user navigation easier we began exploring sidebar navigation that would give students the ability to move back and forth between content more easily. This prompted many overall navigation explorations, animation explorations, and also influenced a lot of smaller unification efforts including the way that we show progress, animate content, and scale across different viewports.

Early Exploration

Mobile Exploration with Navigation

Menu-Style2-1 Copy 10
Menu-Style2-1 Copy 13
Menu-Style2-1 Copy 11
Menu-Style2-1 Copy 14
Menu-Style2-1 Copy 3
Menu-Style2-1 Copy 5

End Result

mobile-finallesson
final-lesson

Lesson Flow Animation Transition

PHOTOGRAPHY

To increase the brand presence, humanity, and aesthetic of the platform, we came to the conclusion that there would need to be more elements of photography to use. From there I began sifting through current photography and outlining the points of separation in order to narrow down the most successful ideas to move forward with. After that I began coordinating with instructors and a photographer to begin shooting new photography assets. I art directed, produced, and organized three days worth of photoshoots to provide assets for several different course types to be used in the future iterations of the website, learning platform, and marketing materials. Here are a handfull of samples:

The direction for photography was to keep imagery bright, warm, and positive while also making sure to show diversity in ethnicity and age. We used natural light to create a bright atmosphere and captured different learning perspective using over the shoulder photography as well as different classroom angles. Some of the challenges of this task were to capture authentic scenarios with minimal intervention and capture specific activities relevant to coursework.

CREDITS

If everyone moves forward together than success takes care of itself. This project would've never happened without the following people:

There's no I in team, but there is a me, and meat, here's all the people who helped make this happen.

Alissa Umansky

Senior Director of Product Design

Bryan Berger

Product Design Principal

Digital Creative Director

Abigail Chansler

Senior Product Designer

Jason Hu

Product Designer

Kyle Eberle

Product Designer

Kait Ebinger

Photographer

MORE PROJECTS

Let's get in touch, drop me a line.

Keep Browsing

Responsive Web Design

Instagram-Light
Instagram-Light Copy
WorkingNotWorking Copy