Used Guitar's e-commerce
Used Guitar's e-commerce
Used Guitar's e-commerce
Used Guitar's e-commerce
RiffSale
User Journeys & Flows
User Journeys & Flows
Rapid Prototyping
Rapid Prototyping
User testing
User testing
UI Design
UI Design
Branding Guidelines
Branding Guidelines
ROLE
ROLE
ROLE
UX/UI Student
UX/UI Student
UX/UI Student
Stakeholder
Stakeholder
Stakeholder
CareerFoundry
Bootcamp
CareerFoundry
Bootcamp
CareerFoundry
Bootcamp
Period
Period
Period
November 2024
November 2024
November 2024
The Problem
The Problem
The Problem
Hurdles and disconnected experiences
Hurdles and disconnected experiences
Hurdles and disconnected experiences
Users struggle with clutter, poor filters, and missing features like saved searches and comparisons. These issues disrupt their flows and make it harder to find the right product, leading to frustration or drop-off.
Users struggle with clutter, poor filters, and missing features like saved searches and comparisons. These issues disrupt their flows and make it harder to find the right product, leading to frustration or drop-off.
Users struggle with clutter, poor filters, and missing features like saved searches and comparisons. These issues disrupt their flows and make it harder to find the right product, leading to frustration or drop-off.
The Solution
The Solution
The Solution
Smooth and effortless process
Smooth and effortless process
Smooth and effortless process
I created a mobile-first design with simplified filters, clear navigation, and easy access to key features—no sign-up required. Prototyping and testing helped refine the flow for a faster, more intuitive path to purchase.
I created a mobile-first design with simplified filters, clear navigation, and easy access to key features—no sign-up required. Prototyping and testing helped refine the flow for a faster, more intuitive path to purchase.
I created a mobile-first design with simplified filters, clear navigation, and easy access to key features—no sign-up required. Prototyping and testing helped refine the flow for a faster, more intuitive path to purchase.
Journeys & Flows
Journeys & Flows
Journeys & Flows
Hurdles and disconnected experiences
Hurdles and disconnected experiences
Hurdles and disconnected experiences
Counselled by the brief and a persona, I determined important journeys to guide my decisions, highlighting opportunities and features I could use to ideate the platform.
Counselled by the brief and a persona, I determined important journeys to guide my decisions, highlighting opportunities and features I could use to ideate the platform.
Counselled by the brief and a persona, I determined important journeys to guide my decisions, highlighting opportunities and features I could use to ideate the platform.
I want to access the store’s inventory or stock without having to register.
I want to access the store’s inventory or stock without having to register.
Users do not need to create accounts and can browse and purchase items as guest.
Users do not need to create accounts and can browse and purchase items as guest.
I want to be able to place multiple items in a shopping cart.
I want to be able to place multiple items in a shopping cart.
Adding this function as well as a number marker on top of the shopping cart icon.
Adding this function as well as a number marker on top of the shopping cart icon.
I want to have access to filtering options and be able to save my favourite search criteria.
I want to have access to filtering options and be able to save my favourite search criteria.
Allow the user to save and load filters, easing their return to browsing potential new stock.
Allow the user to save and load filters, easing their return to browsing potential new stock.
Wireframes
Wireframes
Wireframes
Rapid prototyping
Rapid prototyping
Rapid prototyping
These low and mid-fidelity screens gave way to user testing and the consequential reiteration of the UI.
These low and mid-fidelity screens gave way to user testing and the consequential reiteration of the UI.
These low and mid-fidelity screens gave way to user testing and the consequential reiteration of the UI.
User Testing
User Testing
User Testing
Feedback
Feedback
Feedback
User Testing
User Testing
User Testing
Reiteration
Reiteration
Reiteration
Results
Results
Results
Final Mockups
Final Mockups
Final Mockups
Visual Identity
Visual Identity
Visual Identity
Branding Guidelines
Branding Guidelines
Branding Guidelines
Reflections
Reflections
Reflections
Given more time, I’d revisit the platform as a whole, especially the desktop experience. This project was designed mobile-first, but a broader rethink could better address in-browser behaviour across all devices.
Given more time, I’d revisit the platform as a whole, especially the desktop experience. This project was designed mobile-first, but a broader rethink could better address in-browser behaviour across all devices.
Given more time, I’d revisit the platform as a whole, especially the desktop experience. This project was designed mobile-first, but a broader rethink could better address in-browser behaviour across all devices.
User feedback after testing led to meaningful improvements. Saving and loading filters became clearer and navigation more intuitive, showing how small changes can enhance the experience.
User feedback after testing led to meaningful improvements. Saving and loading filters became clearer and navigation more intuitive, showing how small changes can enhance the experience.
User feedback after testing led to meaningful improvements. Saving and loading filters became clearer and navigation more intuitive, showing how small changes can enhance the experience.
