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.
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.
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.
Learning Path Introduction
Long Form Lesson Exploration
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.
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.
Mobile Exploration with Navigation
Lesson Flow Animation Transition
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.
Senior Director of Product Design
Product Design Principal
Digital Creative Director
Senior Product Designer
Let's get in touch, drop me a line.
Responsive Web Design