sign-in register

staples • sign in | register

my role • ux/ui designer

softwares • sketch, invision, principle

project • update the sign in | register experience on staples.com

date • mar, 2016

problem

the product team identified some critical areas where the
sign in | register needed updates

• implement new brand identity to match staples.com
• improve the existing staples sign in | register user experience
• reduce cognitive load on the user
• make the staples rewards simple and increase members

research

as part of dissecting the project. we did a focus group with
staples.com users and had them go through the existing
sign in | register experience.

user feedback:
• inconsistant branding
• seems like three different sites
• too many input fields on registration

brainstorming

during this stage we took all the core pieces from the research phase variations to tackle the problem and started creating some basic wires to layout the information

iteration 1

for the first iteration we created a image heavy page layout showcasing some products with a
sign in | register form

we created three pages
‍
• sign in
• register
• interstitial checkout

iteration 2

in the second iteration we started simplifying the page layout and put more focus on the sign in | register form. we created the same three pages as before
‍
• sign in
• register
• interstitial checkout

iteration 3

in the final iteration, we pushed for more simplification of the layout, and worked on in context information. most apparent on the registration form, where we hide the rewards member form initially and let the user opt to see the rewards registration.

prototype

check out the video of the prototype i did to show the experience to the engineering team.