logo
bg image
works image

247 Gadget Hub — E-Commerce UI Design

A clean, trustworthy e-commerce interface for browsing and buying gadgets — designed to feel like a real production-ready tech store.

The Brief

A gadget retail brand needed a modern e-commerce UI that made browsing and buying electronics feel effortless — with a clean product-first layout that drove conversions.

My Process

Audited competitor e-commerce flows to identify drop-off patterns. Mapped the user journey from homepage to checkout, wireframed the key screens, then designed high-fidelity Figma screens focused on clear product hierarchy, fast filtering, and a frictionless checkout experience.

Category / tags

Role

UI/UX Designer

pattern image

Tools used

Figma · Adobe XD

UI Design · UX Design

Duration

2 Weeks

The Solution

Delivered a full e-commerce UI — homepage, product listing, product detail, cart, and checkout screens — built with a clean dark and white colour system, strong product photography layouts, and a simplified 3-step checkout flow.

The Result

Streamlined checkout reduced friction significantly. The design passed internal review with no major revision requests and was handed off to developers with a full component set.

Contact

For Work

Contact

For Work

Contact

For Work

BG image
image

Why Choose

Me

graphic image

Pixel-Perfect Execution

Original Concepts

Quick Turnaround

User-Centered Design

Cross-Platform Ready

Clear Communication

Back to Top

image

Why Choose

Me

graphic image

Pixel-Perfect Execution

Original Concepts

Quick Turnaround

User-Centered Design

Cross-Platform Ready

Clear Communication

Back to Top

image

Why Choose

Me

graphic image

Pixel-Perfect Execution

Original Concepts

Quick Turnaround

User-Centered Design

Cross-Platform Ready

Clear Communication

Back to Top

Create a free website with Framer, the website builder loved by startups, designers and agencies.