A digital collage of three smartphone screens displaying an online store for streetwear, homeware, audio, and audio-visual technology products. The left side features a partial view of a promotional image with large text that says 'SWIMS APP' and smaller text listing product categories. The middle screen shows a product listing page with items like hats, shirts, and jeans, each with prices. The right screen displays a shopping cart with various items, quantities, and costs, along with a total and payment button.

Summary

Context & Problem: Designed a clean, intuitive mobile-first shopping experience for a minimalist streetwear, homeware, audio tech & art marketplace to solve cluttered interfaces and confusing navigation in existing e-commerce apps.

Role & Process: Led full end-to-end UX design from competitive analysis and personas through low/high-fidelity wireframes and usability testing, simplifying navigation, icons and visual hierarchy for reduction of cognitive load.

Outcome & Impact: Delivered a minimalist, high-usability interface that drove a 25% reduction in tap errors and 68% faster task completion, with clearer navigation and smoother shopping flows.

Context

Context: Responsive, mobile-first, shopping design for a streetwear, homeware, audio tech & art marketplace.

Goal: Design a clean, intuitive minimalist mobile experience that reflects the aesthetic preferences of trend-driven shoppers while improving usability and conversion.

Tools: Figma, Photoshop, user surveys, usability testing

Black and white close-up of a spider with its legs spread wide.

Problem

  • After completing a competitive UX analysis, users typically struggled with cluttered interfaces and inconsistent navigation in existing shopping apps.

  • For this project, the challenge was to build an engaging, minimalist design on both mobile & desktop that boosts conversion and aligns with the aesthetic expectations of the target audience (fashion & lifestyle product buyers).

  • Through usability testing, users reported issues with interacting with buttons and found choice of icons confusing.

This wasn’t just a UI aesthetic issue. This was a breakdown in how users understood and interacted with the system.

A black-and-white dog with a long snout and pointed ears, sitting in front of a wooden fence.

The “A-HA”
Moment

The major realisation was that small touch targets and information architecture problems had a big impact on success metrics.

One insight stood out. Users weren’t slow because the UI looked complex. They were slow because navigation and structure didn’t reflect how they actually think.

Once navigation was grounded in user language and behaviour, not assumption, the solution shifted from “polish this screen” to: design flows for optimum confidence and predictability.

Illustration of a human head with a light bulb inside the brain area, symbolizing an idea or realization.

A Key Challenge

The main challenge wasn’t designing screens. The main challenge was designing a mental model; a product that matches users' existing beliefs about how things work.

Some constraints included:

  • A diverse product range (streetwear, tech, art, homeware).

  • Limited real-world behavioural data for this specific user base.

  • Mobile-first requirement with screens and interactions that scale down without losing clarity.

  • High business priority on conversion, not just usability.

Because the problem affected navigation, discovery, and first-time user success, a narrow UI fix would not be sufficient. We had to iterate flows.

Solution, Output & Impact

Resolution:

I redesigned the key interaction patterns to:

  • Simplify navigation hierarchy

  • Use clear, tested iconography

  • Increase tap target sizes

  • Match category language to user mental models

  • Iterate flows in rapid prototypes

  • Validate improvements with usability testing

  • These changes created a more predictable, confident browsing experience, especially on mobile.

Impact:

After implementation and validation:

  • 25% reduction in tap errors

  • 68% faster task completion times

  • Clarity in navigation that matched user expectations

This wasn’t just UI refinement. It was alignment of structure with user behaviour. Users weren’t just quicker, they were more confident in every touchpoint.

Four hand-drawn wireframe sketches of a website or app layout on white paper with various sections, boxes, and labels, taped or stuck on a light-colored background. 
Paper Wireframes
A four-panel digital screenshot of a shopping app called SWIMS. The first panel displays a store homepage with various clothing and accessories. The second panel shows a product listing page with vinyl records and artwork. The third panel presents a shopping cart with items, quantities, and prices, along with a subtotal, discount, shipping, tax, and total. The fourth panel shows an order confirmation screen with a QR code, order number, and details of purchased items, including their prices and quantities. 
High Fidelity Mobile Prototypes
Screenshots of an online shopping website for audio equipment and electronics, showing a storefront, product pages, shopping cart, and checkout process on a textured beige background. 
High Fidelity Desktop Prototypes
Mobile app screens for an online shopping platform named 'SWIMS' showcasing various products like clothing, accessories, electronics, and furniture. The first screen displays a greeting, the second shows product categories with images and prices, and the third depicts a shopping cart with items listed including a radio, ring, and T-shirt, each with quantity controls.
A website homepage with a large text that says 'Click Here!' and a smaller text below it that says 'Experience Desktop Design'. The background features a blue gradient with abstract circular patterns. There are multiple screenshots of an online store displaying various casual clothing items and accessories, such as hats, jeans, and sweatshirts.

Other Case Studies

A screenshot of an asset management dashboard showing various IT and non-IT assets, including access points, printers, routers, tablets, workstations, hard disks, projectors, scanners, and tables, with status counts for in use, in store, and in repair.
A digital screenshot showing a large orange gradient background with black text that reads "Business Partners Create & Update". On the right side, a screenshot of a web form titled "LOGO" with multiple tabs, fields, and buttons for entering business partner information, including sections for general info, addresses, NAICS code, attachments, and hierarchy.
A man with dark curly hair, sunglasses, white shirt, and shorts sitting on a park bench between two yellow statues of seated people. The background shows green grass, a large palm tree, and a clear blue sky.
Graphic illustration with the words "Skills & Tools" and various icons representing communication, presentations, teamwork, creativity, problem-solving, and technology.