Result Preview
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639645443a8b1160814dd652_Preview-Mockup.png)
Desktop Browse Products
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/63964693d6a20cd7b554ad1a_All%20Products%20-%20Mobile.png)
All Products
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639646f0ec13a8451255626f_Product%20Card%20Touch%20-%20Mobile.png)
Product Card Touch
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639646f9546a8e110482e8a0_Filter-Mobile.png)
Filter Popup
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/63964704eaa1f29969271ff6_Category-Mobile.png)
Category Tags
Before Photos
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/63964933883c859705e9ae46_Frame%208.png)
Landing Page - Before
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6396494f6204a0ad1aa16685_Frame%207-2.png)
All Products - Before
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6396494fec13a828e6559703_Frame%207-3.png)
Product Display Page - Before
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6396494f9db8fee67625dd8d_Frame%205.png)
Example Section - Before
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6396494fd27fb6f75060ca51_Frame%207.png)
Products CTA - before
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639760ca194d8312917f5391_Analytics.png)
Increase of users coming back.
94% of eCommerce sites are not accessible.
How might we avoid this for The Rounds' Website? How might we reduce bounce rates? How might we improve conversion and remove buyer doubt?
Supporting ArticleTask: Find out from users what can be improved.
I conducted user interviews to help unravel problems bringing accessibility and experience improvements to the site.
Here are some quotes we received multiple times from users.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/63f8cf3977914b3b3a991a50_Usability%20Testing.png)
I didn’t know I can click on the product.
Why is this a problem?
Users won’t dive into the product details if they don’t think to click on the product. This decreases time on site, user satisfaction, conversion and ultimately ranking.
What can be changed?
A simple but noticeable hover effect can be added to each product card. We can use the colour set for each category to help bring the brand colours back.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/63975249c1fc281a0e62353a_Hover-Before.png)
No change when hovering, nothing to indicate you can click.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6397531f1c54ab2302de191b_Hover-Feature.png)
Card Hover Effect
I want to compare price across sites without clicking.
Why is this a problem?
Users get frustrated by clicking in and out of the PDP page to compare prices across competitors.
What can be changed?
Bring the most important details into the All products page. This was determined to be price and quantity.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398b4060ccb2e7b0b44deb0_Clickin%20n%27out.png)
User flow when comparing prices.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639753693300963711afddd6_prices.png)
Price, quantity and product name easy to read.
It’s hard to find the exact product I’m looking for.
Why is this a problem?
This page's goal is to give a preview of what the service is like but people want to see if they offer a specific product. This is hard to do in sea of 100+ products.
What can be changed?
In addition to adding tags, a search bar can be added that matches to any part of the text.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398adeb4c7ac7734c455249_100%20items.png)
Yes - you could use "find in page" but most people don't know.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398ad9c8c5737c2b914d82f_search-new.png)
All Product Search Bar
Is this product good, do other people order it, how long will it last?
Why is this a problem?
Most users won’t buy what others haven’t bought yet. It’s important to show that your product can be trusted.
What can be changed?
Show how many users are ordering the product + how often. This gives the user an easier visualization of how the weekly delivery works.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398ae5fc9adce23e70e0c6e_old-pdp.png)
Minimal Detail about product
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398aeb30754711d64f4b2d4_proof-delivery.png)
Trust & Reassurance before asking for purchase.
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398af71b1c68221b689a1fe_PDP.png)
Product Display Page
Brainstorming
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bdd8e7d26e50b94a1440_Filtering.png)
All Products Filtering
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bdd8eef4ce0abf05ba5d_Variable%20Pricing.png)
Variable Pricing per city
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bdd7652556a09e7252bc_All%20Products%20Layout.png)
All Products Layout
High-Fidelity
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639645443a8b1160814dd652_Preview-Mockup.png)
Desktop Browse Products
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6397531f1c54ab2302de191b_Hover-Feature.png)
Desktop Filters
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bcdc6591935c8c2a4830_Lightbox.png)
Product Photo Lightbox
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398af71b1c68221b689a1fe_PDP.png)
Product Display Page
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/63964693d6a20cd7b554ad1a_All%20Products%20-%20Mobile.png)
All Products
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639646f9546a8e110482e8a0_Filter-Mobile.png)
Filter Popup
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/639646f0ec13a8451255626f_Product%20Card%20Touch%20-%20Mobile.png)
Product Card Touch
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/63964704eaa1f29969271ff6_Category-Mobile.png)
Category Tags
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bb8831070e160d9ca1ad_2nd%20level%20tag.png)
2nd Level Tags
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bb87a0af51791ef965fa_PDP.png)
Product Display
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bb8765255600787235c1_nav-menu.png)
Navbar
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bb87bb783ceda392c6a0_multi-category.png)
Multi Tags
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bc6b6449093e2c8069e0_PDP%20CTA.png)
PDP CTA
![](https://cdn.prod.website-files.com/6195d509ab885fd1887d10a1/6398bb88b445444145e03c3a_also-added.png)
Also Added