Selected work

Taylar

Design and frontend implementation for Taylar — a product engagement across UX/UI and the interface itself.

Role: Product designer & frontend
Services: UX/UI · Product design · Frontend

The challenge

Context

Taylar needed an experience that could be designed and then built — not a set of screens that would later be translated by someone else.

My role

Contribution

Product designer & frontend.

How I approached it

Approach

The process held design and frontend together: decisions about structure, interaction and visual language were made with the implementation in the same conversation.

Building the visual system

Design

The interface was shaped as a working system — typography, spacing and components that could survive being coded, not only presented.

Taylr homepage featured collection grid of three Amina Atelier pieces — Silk Slip Dress, Soft Day Suit, and Occasion Co-ord — with Kenyan shilling prices and colour swatches. — Homepage — featured collection

Taylr shop catalog with a left sidebar for sort, availability, colour, and KES price filters beside a product grid of made-to-measure garments. — Shop — catalog and filters

Taylr Collections page titled Featured edits, with a 2×2 editorial grid of Dresses, Suits, Tops, and Skirts collection cards. — Collections — featured edits

Taylr product page for the Amina Atelier Silk Slip Dress, with a rose silk gallery, colour and fabric options, complexity tiers, and custom centimetre measurement fields. — Product — Silk Slip Dress

Taylr custom page Bring your idea, with a dress sketch, reference-image upload, category, colour, fabric, and complexity options, plus centimetre measurement inputs. — Custom — bring your idea

Taylr How It Works page with a four-step process: choose a design, customize and measure, review and pay, and track production, plus a Shop the collection button. — How it works — four-step process

The atelier — Amina Atelier

From screen to reality

Execution

Frontend work carried the design into the product, keeping the intended hierarchy and interaction intact.

What I learned

Reflection

When design and frontend stay close, the product does not lose its intention between Figma and the browser.

Next project

City Mobility

Continue