Redesign of Toolstop’s Product Page

Image for post
Image for post
product card version to which was to be improved with user centered design in mind.

Overview

Problem statement

Users and Audiences

Image for post
Image for post

Roles and Responsibilities

Scope and constraints

Process and What I Did

User Research

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
VWO heatmap on product page. Link was not being used and found they were clicking elsewhere

Focus Groups with Stakeholders

Wireframe Sketches

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

V1 Product Card

Image for post
Image for post
Image for post
Image for post
Prototyping for product card
Image for post
Image for post
Prototype of user journey from product page to adding to cart
Image for post
Image for post
Image for post
Image for post

Compromise and Iteration

Image for post
Image for post
xd file with development of product card screens.

What positives came out of the iteration process?

The Final Designs

Image for post
Image for post
Image for post
Image for post

Mobile Designs

Image for post
Image for post
Image for post
Image for post

Outcomes and Lessons

Written by

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store