Web Design

computer





Project Overview


Problem

The STEP application was super confusing, not fully functional, and lacked visual appeal.

Objective

Create a rebranded application mockup.

Requirements

Reformat content
Rebrand
Build
View Live Application

Application Redesign


The STEP application redesign was a developer team effort. My part in the process was to create the design of the application. Before designing, I gathered inspiration, came up with the color scheme, and pictures based on ABC’s branding guidelines. From there, I created my vision in Adobe XD. After the mockup edits were made and it was approved by the STEP team, my coworker worked on frontend while my other coworker tackled the backend to make the application fully functional.


A Video of the Full STEP Application

Application Comparison


A side by side comparison of both application landing pages.

View Prototype

Before the Redesign

After the Redesign