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.
conclusion
after launching the new experience here are some metrics from the site
• sign ups went up by 12% • sign ups with rewards membership went up by 23%