Open to new projects · Denmark
← All work

Fashion e-commerce · Art direction · 2026

Kiara

A working storefront for a fictional old-money label: natural fibres, warm neutrals and slow mornings. 30 products, filters, search, quick view, cart and wishlist.

Open live site ↗
New
Tailoring & Coats Camel coat $340
Bag 0
Role
Art direction, UI, front-end
Tools
Figma, Claude Code
Catalogue
30 pieces
Pages
Home, shop, about, journal, contact, account
Kiara home page in a browser window and the shop on a phone

The story

Kiara is a label for unhurried hours: linen, cashmere and leather in camel, ivory and chocolate. Clothes you keep for decades, sold without a single “SALE” banner.

I wanted a shop that reads like a printed lookbook but works like a real store. Under the calm surface there are 30 pieces with filters by category, type, size, colour, price and collection, a search, a quick view, a cart and a wishlist that remember you.

All the photography was generated in one candid, 35 mm documentary style, so the whole store looks like one long shoot on the Mediterranean.

30pieces in the catalogue
6filters, kept in the link
6pages
0sale banners

The idea

Lookbook first

Big sunlit scenes, a thin display serif with wide spacing and lots of white, like a printed catalogue.

A real shop underneath

Filters, sorting, search, quick view with a gallery, colour and size, a cart and a wishlist saved in the browser.

Shareable filters

Every filtered view lives in the address, so “ivory linen under $150” can be sent as a link.

Words for the brand

Product names, descriptions and journal stories are written for Kiara, so every page reads finished.

From scene to bag

How a visitor moves from the mood to a piece in the cart.

  1. Step 1

    A scene

    The home page opens on one product in one sunlit place.

  2. Step 2

    The shop

    Filters by category, type, size, colour, price and collection.

  3. Step 3

    Quick view

    A lifestyle photo and a packshot, colour, size and quantity without leaving the grid.

  4. Step 4

    Cart & wishlist

    Saved in the browser, so they are still there tomorrow.

Design system

Warm stone and paper, with chocolate and sage as the only accents.

Stone#F1F1F0
Paper#EBEBEA
Ink#111111
Chocolate#3E2A1F
Sage#8C907E
Display · Italiana

KIARA

Text · Montserrat Light

CABLE-KNIT CASHMERE SWEATER — $210

Accent · Pinyon Script

The art of slow mornings

Add to bagShop collectionXSSMLNew

Key pages

The store from the first look to the product grid and the brand story.

kiara-opal.vercel.app
Kiara home with the saddle bag
01

Home

One product, one scene: the saddle bag on a sunlit wall.

kiara-opal.vercel.app/shop
Shop with filters and a product grid
02

Shop

A filter column and a grid that updates instantly, with sorting and Load more.

kiara-opal.vercel.app/about
About page with the atelier
03

About

“Clothes for the unhurried hours”: the atelier story over a sunlit workshop.

kiara-opal.vercel.app/journal
Journal with three stories
04

Journal

Style notes and travel stories that keep the brand alive between collections.

Inside the store

Everything a real shop needs, dressed in the same calm lookbook style.

Category tiles and new arrivals
Categories & new inThree category tiles, then a carousel of new arrivals.
Classic winter collection banner
Collection bannerA seasonal story between product rows.
The art of slow mornings editorial
EditorialLarge type and a small photo story that sells a mood.
Customer reviews
ReviewsShort quotes from customers in the brand's voice.
Sign in page
AccountSign in, or see what an account gives: order history, repairs, early access.
Contact page with the studio address and a form
ContactStudio address, hours and a message form with validation.

On a phone

The menu folds into one button, the filters slide in from the side and the cart stays one tap away.

Kiara home on a phone
Home
Kiara shop on a phone
Shop

Decisions & details

The parts that took the most thought.

Challenge

Luxury without friction

What I did

Quiet type and space for the photos, but the cart, size and price are never more than one tap away.

Challenge

One photographic voice

What I did

All images share one documentary style and palette, so 30 products look like one collection.

Challenge

Filters you can share

What I did

Filter state lives in the URL, which also makes the back button work as people expect.

See it liveOpen kiara-opal.vercel.app ↗Filter the 30 pieces, open a quick view, add to the bag and the wishlist.

What I did

  • Art directionCreated the brand, its imagery and its quiet luxury look.
  • UI designDesigned 6 pages on top of the KAIRA template: home, shop, about, journal, contact and account.
  • Front-endBuilt the store with Claude Code: catalogue data, filters in the URL, search, quick view, cart and wishlist.
  • LaunchPublished on Vercel.
Next projectShine →
I reply within a day Based in Denmark · CET Open to product, web & apps Remote or on-site in Europe UI / UX · Web · Mobile Ukrainian · Polish · English

Have a project in mind?

Let's make it clear and beautiful

Tell me about it in a few lines. I usually reply within a day.

  • I reply within a day
  • Based in Denmark · CET
  • Open to product, web & apps
  • Remote or on-site in Europe
  • UI / UX · Web · Mobile
  • Ukrainian · Polish · English
© 2026 Alina YakuninaPodo Hotel photo: Htwzzz, CC BY-SA 4.0, via Wikimedia CommonsDesigned in Figma, built in code