continued logo

continued Rebrand

In order to combine our verticals into a single, central access hub, we needed a new top-level brand. That brand is continued. This project required collaboration with every department in the company. No detail was overlooked as we redesigned every page of our marketing websites and built out new products and features in our application for every vertical.

My team and I put together 100+ mockups for this project, along with multiple prototypes built in Invision and HTML. The marketing websites on each of our verticals were not only redesigned, but overhauled and improved responsively on the front-end. Our learning application was also given a brand new layout with vertical navigation and a new dashboard.

My Contributions

  • - UX Research
  • - UI Design
  • - Branding
  • - User Flow
  • - Strategy
  • - Prototyping
  • - Front-End Development
  • - Back-End Development
  • - Code Review

Planning & Research

Months of planning and discussion went into this project, and every department collaborated to make it possible. Because we have multiple products, and various entry points to those products, research and user flows were required to improve our sign up process and eliminate user pain points.

  • - New user sign up process for memberships and career center
  • - Website layout and content strategy for homepage and supporting pages
  • - A comprehensive UI style guide to build out new CSS for the project

New Sign Up Process

User Flow

Wireframes

Wireframes

UI Style Guide

UI Style Guide

Evolution of Design

Once our general layout was decided, we moved on to design. Multiple design iterations were created and reviewed with various departments to determine the direction to go in.

  • - Homepage redesign — our most important customer-facing page
  • - Complete redesign of our course library structure and UI
  • - 100+ mockups and Invision prototypes for logged-in and logged-out views

First Draft

Design Evolution - Homepage 1

Second Draft

Design Evolution - Homepage 2

Third Draft

Design Evolution - Homepage 3

Finished Launched Product

Here are a few shots of the launched product, including a new user interface for course search.

Homepage

SP Homepage

Course Library

Course Library

Course Library - Mobile

Course Library Mobile

Post-Testing Changes

Many changes and additions have been made since product launch. A/B testing of our primary offer and page elements, monitoring user behavior across the site through heatmaps and analytics, and input from users led to what you see on the sites today.

Check out the live sites: