ABC STEP Application Redesign


Web Design /

The ABC Online STEP Application was in need of a major redesign. I came up with the color scheme and pictures based on ABC’s branding guidelines. I found other form inspiration and created my vision in Adobe XD. After the mockup edits were made and it was approved, my coworker worked on coding the pages while my other coworker tackled the backend to make the application fully functional in relation to the database.

C#BootstrapjQueryHTMLCSSAdobe XDHigh Fidelity Prototyping

STEP Application Redesign

This video above is a walkthrough of my STEP Final Application Redeign. The Final product can also be seen down below in PDF format.


The Final Product

See the Application


Adobe XD High Fidelity Mockup

I created a mockup of the new STEP online application via Adobe XD.


Before the Redesign

The initial landing page to the old STEP Application

The old review page