Case study

Dwa Kolory

A mobile-first redesign for a Ukrainian heritage concept store, built to carry its Instagram-driven traffic straight into an easy shop.

Client
Dwa Kolory
Role
UX/UI Web Designer (Freelance)
Year
2024
Tools
Webflow
Dwa Kolory homepage design shown on an angled iPhone mockup against a bright abstract background, with a 2x2 category grid for accessories, gifts, clothing, and t-shirts below the logo and nav.
The challenge

Dwa Kolory sells handmade goods, crochet, embroidery, jewelry, candles, rooted in Ukrainian heritage, and most of its discovery happens on Instagram. Visitors were arriving from a feed built entirely around product photography, on their phones, so the shop needed to match that experience instead of forcing them onto a desktop-first layout.

The process

I rebuilt the site in Webflow with a mobile-first layout: a simple category grid (accessories, clothing, jewelry, candles) up front, each category represented by the same kind of strong product photography the brand already uses on Instagram, and a short path from a product photo to checkout.

Dwa Kolory mobile accessories category page, showing crochet keychains one per row: a pumpkin, out of stock, at the top.
Dwa Kolory mobile product page for a crochet pumpkin keychain, marked out of stock, with expandable description and details sections below.
Checkout, kept short

The path from a product photo to checkout stays short: an express-pay row (Shop Pay, PayPal, Google Pay, Apple Pay) sits above the standard contact-info form, so returning shoppers can skip straight past it.

Dwa Kolory checkout screen on an iPhone mockup against a dark concrete background, showing express-pay buttons for Shop Pay, PayPal, Google Pay, and Apple Pay above a contact information form.
On desktop

The site is built mobile-first since that's how Dwa Kolory's traffic actually arrives from Instagram, but it holds up on a larger screen too: the stacked mobile category list becomes a proper grid, and the same product page gets more breathing room.

Dwa Kolory desktop homepage with a wheat field hero photo and a category row for accessories, candles, and clothes.
Dwa Kolory desktop accessories category grid of crochet keychains, including a pumpkin, sunflower, bird, and cat, each with its price.
Dwa Kolory desktop product page for a crochet pumpkin keychain, priced at €10 and marked out of stock.
Dwa Kolory desktop candles category page, showing two stone-carved candles priced at €70 each.
The result

The redesigned store is live at dwakoloryua.com, carrying Dwa Kolory's Instagram-first product photography into a shop that works the way its actual traffic arrives: on mobile.