Play De Record
Website Re-Design
Project Overview
To redesign the website of an existing record store in Toronto, Canada with a focus on enhancing the users' experience keeping the business needs of relevance in mind.
Role Capacity
Solo Project
Tools Used
Sketch
Adobe XD
InVision
Adobe XD
InVision
Project Duration
10 days, Feb 2020
My Contributions
User Research
User Interviews
Sketches, wireframes
Site mapping
Prototyping
User Interviews
Sketches, wireframes
Site mapping
Prototyping
In order to amass insights on the vinyl records industry and e-commerce journey for users, a 3-stage research process was conducted:
Stage 1:
Testing the existing website with users to discover elements that trigger positive and negative experiences.
Stage 2:
Capture online shopping behavior patterns through surveys and user interviews
Stage 3:
Visit the record store and interview customers (with consent from store management and interviewee) on music records buying preferences
Stage 1:
Testing the existing website with users to discover elements that trigger positive and negative experiences.
Stage 2:
Capture online shopping behavior patterns through surveys and user interviews
Stage 3:
Visit the record store and interview customers (with consent from store management and interviewee) on music records buying preferences
Research
Analysis
In Stage 1 Users expressed concerns over:
1. website's lack of updates,
2. inability to write and comment on products
3. Lack of interaction with the website
4. Disorganized content with incorrect or missing information
In Stage 2 Users online shopping behavior was captured. This was done by categorizing the vinyl industry as an antique/ collectible commodity. The results were:
1. website's lack of updates,
2. inability to write and comment on products
3. Lack of interaction with the website
4. Disorganized content with incorrect or missing information
In Stage 2 Users online shopping behavior was captured. This was done by categorizing the vinyl industry as an antique/ collectible commodity. The results were:
In Stage 3 customers in store shared their stories:
1. They like to touch and feel the record and examine them first-hand. This allows them to form a connection with the item.
2. They enjoy spending time going through the bins as if it were a "treasure-hunt", and many weren't disappointed with their find.
3. It is a matter of pride to showcase their collections to others and allowing for more social interactions to take place among like minded hobbyists.
1. They like to touch and feel the record and examine them first-hand. This allows them to form a connection with the item.
2. They enjoy spending time going through the bins as if it were a "treasure-hunt", and many weren't disappointed with their find.
3. It is a matter of pride to showcase their collections to others and allowing for more social interactions to take place among like minded hobbyists.
Problem
Persona
Information Architecture
Conducted card sort tests to remap and reorganize the website.
Recorded observations resulted in a more compact and relevant map for the website.
.png)
Sketches & Wireframes
Paper prototype designs included A/B testing, a quick-view product description popup modal, shopping cart interaction indicator and a 2-click checkout process with express checkout options.
.JPEG)
Summary
1. Keeping true to the business goals of not going out of business and have a competitive chance against bigger online superstores.
2. Identifying the users needs of expanding their collection of vinyls and keep the aspect of "The Hunt" with recommendations and similar artists online that can send them down exciting rabbit-holes.
3. Addressed the users needs of quality and trust by including a preview music quality on a specific record.
Next Steps:
1. Designing higher fidelity designs
2. Exploring the development and ability to convert the design to a website for the business
2. Identifying the users needs of expanding their collection of vinyls and keep the aspect of "The Hunt" with recommendations and similar artists online that can send them down exciting rabbit-holes.
3. Addressed the users needs of quality and trust by including a preview music quality on a specific record.
Next Steps:
1. Designing higher fidelity designs
2. Exploring the development and ability to convert the design to a website for the business
Prototype
Want to work together?
If you like what you see and want to work together, get in touch!
Let's Collaborate!