Work · Case study · UX audit

Mobile UX audit for a small handmade-goods shop

  • UX audit
  • WooCommerce
  • Mobile

01

Context

A small independent WooCommerce shop selling fragile handmade items, mostly as gifts. The owner asked what keeps mobile visitors from buying. I reviewed the public pages only: home, category, product page and cart. I tested on an iPhone and checked speed with PageSpeed Insights.

RoleUX audit
PlatformWooCommerce
PagesHome, category, product page, cart
Tested withiPhone · PageSpeed Insights
11.9 sUntil the main content appears on mobile; the norm is up to 2.5 s
48 / 100Mobile performance score
6Areas that hurt buying most
1–3 hTypical time per fix

11.9 s and 48 / 100: lab test, not real-user data.

02

What I found

Six areas, each with the priority it got in the audit.

  1. Priority: High

    Shipping and returns were scattered. The information existed, but in three places, and none of it sat next to the price or the “Add to cart” button. For a fragile gift, that’s exactly where a buyer looks.

  2. Priority: High

    The home page was slow on mobile. The main content took almost 12 seconds to appear in lab tests. Likely causes: a slider that loads extra scripts, plugin files loaded on every page, and oversized photos.

  3. Priority: Medium

    The category page showed one product per screen, and the first product, which was out of stock, was marked only by an icon, with the explanation hidden behind a long press.

  4. Priority: Medium

    On the product page the price and the buy button were far from the top. A large title banner pushed the photo down, and the button came after a long description.

  5. Priority: Medium

    Mixed languages in the cart and product page: some theme texts were left in English, which makes the page look unfinished right before payment.

  6. Priority: Low

    Small, low-contrast details: a tiny remove button in the cart, a nearly invisible reviews tab showing “0”, and a back-to-top button covering text.

03

Schematic screens

Grey blocks stand in for real content. Amber marks what the fix changes.

Product page

Title banner Photo Price · Add to cart ↓
BeforePrice and button below the first screen
Title Photo Price Add to cart Shipping Delivery time Returns
AfterPrice, button and three info lines on the first screen

Category page

Product 1 product per screen
BeforeOne per row; out of stock shown only by an icon
Sold out
AfterTwo columns; a “Sold out” label, unavailable last

Home page loading

Target 2.5 s Main content 11.9 s 0 s 5 s 10 s Lab test, mobile
Main content appears at 11.9 s against a target of 2.5 s

04

Quick fixes

Fix Time Effect
Sold-out label instead of an icon1 hClear availability in the catalog
Shipping, delivery time and returns block under the buy button1–2 hFewer doubts before buying
Translating theme texts1 hA consistent page
Smaller title banner on the product page1 hPhoto and price higher up
Two columns in the category on mobile0.5–1 hEasier browsing
One image format in the product gallery0.5–1 hA tidier gallery
A static banner instead of the slider1–3 hFaster loading
Larger, darker remove button and visible or hidden reviews tab1 hReadability

05

Status

Audit delivered; implementation is up to the owner. This is a review of public pages and lab tests, not a before-and-after result, and it doesn’t replace analysis of real sales data.

Let's start

Ready to see what could work better on your site?

Want this for your store?