Google Primer

Product UI/UX

UI/UX Marketing

Google Primer is a free mobile app that offers quick, easy-to-understand lessons to help business owners and individuals grow skills and reach their goals. 

Be quiet! Why? The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur. That is why I am your king. Why do you think that she is a witch?

Roles

Roles

App Design, Brand Design, UI, UX Design, QA, Wireframing, Art Direction

Rebrand Upates

Rebrand Upates

Rebrand Updates

Feature Updates

Feature Updates

Overview

As an initiative to enroll Primer deeper into the Grow with Google program we launched a rebrand of our app and marketing materials. The scope of which would include a new logo design, UI design overhaul, UX updates, and color and typography updates. The design of the app was rebranded from top to bottom to reflect a more simplified, modernized, and Google-fied aesthetic. Not just Primer, but now Google Primer.

The rebranded app is live, Get the App

primer-1
Primer-App-Mock-2
Rebrand-Before-1-min-2 Rebrand-After-1-fixed
Lesson-Flow-b4-min-2 Lesson-Flow-min-3
Rebrand-Before-3-min-2 Rebrand-After-3-min-2
Rebrand-Before-4-min-2 Rebrand-After-4-3-min

Feature Updates

Feature Updates

Feature Updates

Feature Updates

Feature Updates

A series of updates to the product spanning multiple years. Improvements would sweep across the entire product and change the way users navigate, consume content, share, and would influence their actions following the use of the app. 

Bonus Content

blinks

Overview

In an effort to surface useful links and services relevant to lesson content more promininantly we redesigned the 'Bonus Content' in a way that would make it easier for users to access relevant information from a multitude of locations. Access points were available in lesson, in lesson recaps, and saved tab which we overhauled to serve users with their resources first and foremost. All of this would be achieved without disrupting the learning process. Other updates that were grouped with this release as a result were the introduction of a notification badge, updated lesson recap design, and an introduction of an in app browser.

Bonus-Links-Before-min Bonus-Links-After-min

Onboarding Carousel 2.0

The onboarding carousel for the app was becoming dated, using illustrations that represented skills that would be updated to user persona illustrations more generalized towards the content they were meant to represent. This would usher in part of the new rebranded look and feel within the first few screens of the application.

Onboarding-Before-4-min Onboarding-After-5-min

User Selection Onboarding Step

Overview

This added feature of the onboarding would allow users to identify their learning goals which would then preselect relevant skills for them to help guide them in their initial learning process. This step would also determine the content that would be served to them upon entering the app for the first time. Additional updates grouped in with this release were improvements to the styling of the onboarding flow as well as the introduction to the 4 user groups that would also guide the email marketing.

Flat
Onboarding-USSO-Before Onboarding-USSO-After-min-1

Guided Learning Updates

Overview

To continue with the idea of guided learning we would make updates to the dominant call to action on the homepage of the app to help users start learning quickly and track their progress. Updates grouped in with this release were mostly content focused, we would serve users with minicourses (groups of lessons) to make sure they were being provided with more relevant content. This would mean slight redesigns to content order, lesson and minicourse tiles, and other related pages.

Flat2
GL-before-min GL-After-min

Search

Search is a department of the Primer app that needs more investment. This update would shape how we serve content to users and provide them with new filters to toggle between lesson content and minicourse content.

Search-Before-min Search-After-min

Skills Reorganization

A whopping new 12 skills would be added to the product directory as a way to specify skill content further and make the lessons easier to identify. This update would see updated design for the drawer menu, skills landing pages, and lesson/minicourse tiles.

Skills-Before-2 Skills-After

Credits

Credits

Credits

Credits

This project couldn't have been accomplished solo, here's all the key players.

Design Lead

Aliza Adam

Name of Person

Product Lead

Justin Cegnar

Name

Sr. Content Manager

Gabriel Manga

Name

Sr. Copywriter

Jenny Nelson

Name

Illustrator

Gwendal Le Bec

Name

Product Manager

Kayla Wellbery

Name

Development Lead

Natacha Fernandez

Name

Android Developer

Lee Falarca

Name

IOS Developer

Gina Binetti

Name of Person

IOS Developer

Jeff Cranford

Name of Person

View