Sign up and log in

The Team

Product Designer: Alyssa Welch
Product Manager: Sarah Nusekabel
Web Developer: Nolan Neeley

Client

Reverb, FM Team

Project URL

http://reverb.com/signin

Overview

The existing web experience presented several opportunities for improvement. Mobile optimization was needed, as the color band created excess empty space and pushed CTAs offscreen, suggesting a need to move key actions higher. Social sign-ins, which are trustworthy and easy, were positioned at the bottom of the form, and often fell off mobile screens entirely. The experience also lacked a strong brand presence and missed opportunities to build excitement. The form design increased cognitive load for new and returning users, creating opportunities to simplify copy, remove unnecessary fields, and enable easier switching between flows that could also inform app sign-in improvements. There was also an opportunity to reinforce basic UX best practices, such as disabling buttons until required fields were completed to reduce errors and improve completion rates.

Exploration and Discovery

The existing web experience presented several opportunities for improvement. Mobile optimization was needed, as the color band created excess empty space and pushed CTAs offscreen, suggesting a need to move key actions higher. Social sign-ins, which are trustworthy and easy, were positioned at the bottom of the form, and often fell off mobile screens entirely. The experience also lacked a strong brand presence and missed opportunities to build excitement. The form design increased cognitive load for new and returning users, creating opportunities to simplify copy, remove unnecessary fields, and enable easier switching between flows that could also inform app sign-in improvements. There was also an opportunity to reinforce basic UX best practices, such as disabling buttons until required fields were completed to reduce errors and improve completion rates.

A landscape analysis provided the team with useful direction and several ideas to build on after the first pass. The team aligned on a two-column layout, with a focused single-module version for mobile web. We also felt it was important to use some of the space to create a sense of community, so we dedicated one column to making a brand statement and reassuring users that they’re in the right place. Because messaging on account forms was overwhelmingly straightforward, we agreed to keep the form copy simple for the first iteration.

Process

Final Designs