← All projects

E-commerce · Responsive web

Hundreds of products, one clear path to the right one

For Kale Seramik I designed a product catalog and shopping experience that makes finding and comparing bathroom products simple.

Client
Kale Seramik · FEUX Digital
Role
UX/UI design
Platform
Responsive web
Deliverables
IA, UI, responsive layouts
Web & Mobile
Challenge
A large range with many variants, sizes and technical details made it hard to compare products and find the right one, especially on mobile.
Goal
A clean, filter-driven browsing experience with product cards and detail pages that work equally well on desktop and mobile.

Process

How I approached it

  1. 01

    Discover

    Reviewed the product range, customer questions and competitor catalogs.

  2. 02

    Information architecture

    Structured categories and filters so products can be narrowed down in a few steps.

  3. 03

    UI design

    Designed product cards, listing and detail pages with a calm, premium look.

  4. 04

    Responsive & handoff

    Adapted every page for mobile and delivered specs to the development team.

Final design

The same clarity from desktop to mobile

Product listing — desktop
Product listing — desktop · Scroll to explore
Product detail — desktop
Product detail — desktop · Scroll to explore
Product listing — mobile
Product listing — mobile · Scroll to explore