work / taylar

Taylar

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

Role: Product designer & frontend
Type: Product · UX/UI · Frontend
Year: Ongoing

Challenge

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

Approach

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

Design

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

Execution

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

Frames

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

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