Footwear E-commerce Website UI/UX Design by Thanan AthithanFootwear E-commerce Website UI/UX Design by Thanan Athithan

Footwear E-commerce Website UI/UX Design

Portfolio project
Thanan Athithan

About the Project

An online store for a footwear brand that wanted its products to look premium and be easy to shop on any device.

My Role

UI/UX Designer: information architecture, wireframes, visual design and responsive layouts for desktop and mobile. Tools: Figma and Adobe Photoshop.

The Brief

Create a shopping experience that tells the story behind each product while keeping browsing and buying quick and simple.

Key Design Decisions

Bold product storytelling: large imagery and short copy that highlight comfort, materials and style.
Clear pricing and options: price, colours and sizes are visible at a glance, with no hunting around the page.
Easy category browsing: simple navigation for men, women and collections so shoppers find the right pair fast.
Mobile-friendly layout: every section is designed to work smoothly on phones, where most shoppers browse.

Homepage & motion

A bold, dark homepage puts the shoe front and center, with Men and Women collections right below. I also designed the interaction motion: product reveal, colour-variant switching and smooth transitions into the collections.

Outcome

A clean, conversion-focused e-commerce UI/UX that presents the brand with confidence and makes the path from browsing to checkout short and clear.

0 likes · 2 views · Oct 6, 2026

UI/UX design for a footwear brand's online store: bold product storytelling, clear pricing and colour options, easy browsing and a mobile-friendly layout.

Tags