Overview

Project Directive

For the outdated styles of a web form, redesign the task flows and interactions to:

  1. Optimize UIs for small breakpoints
  2. Create an engaging product landing page.
  3. Encourage throughput by breaking the form into sizeable chunks.

My Role

Establish patterns and styles for all visual components
Advocate for user needs and mobile-first interaction patterns

Landing Page

Summary of Issues

Outdated style
Long blocks of overly verbose text
Missing primary call to action

Before & After

Redesigned Desktop Workflow

Progress bar to convey progess
Clear & concise input fields
Simple navigation and calls to action

Redesigned Mobile Workflows

Large touch targets for inputs and calls to action
Large touch targets for inputs and calls to action
Fully responsive style consistent with desktop interactions
Supports user’s mobile first goals