← All work

Blest — Furniture E-commerce

A full-scale online store for one of the largest furniture manufacturers and retailers in Ukraine, designed end to end at ICE CREAM Development.

Role
Design Lead
Period
2019 — 2020
Team
2 designers
Blest — Furniture E-commerce

Context

Blest is one of Ukraine’s largest upholstered furniture makers and best-known furniture brands, with more than 150 branded stores in Ukraine, the EU, Asia and Canada. Together with the ICE CREAM Development team we built them a full-scale online store. The project took about a year.

I led the design and took on most of the screens, with a junior designer helping on routine details and vector illustrations.

The Figma file grew to 31 pages, around 1,300 screens and 300 components. Almost every screen exists in two versions, desktop at 1920 px and mobile at 320 px.

Working side by side with the client

This was not a brief-and-deliver project. We worked directly with the company: together with the ICE CREAM project manager we travelled to Blest for meetings, saw their production first-hand and discussed the visual style and every detail in person. On the Blest side, besides the director, all the day-to-day collaboration went through their marketing manager, Rostyslav.

Blest showrooms: the look and feel the online store had to carry over.

UX first

Before any visuals, we worked out the structure of every key page in wireframes: navigation and catalog, product page, cart and checkout, store contacts. Every wish and need of the client went into this stage.

Wireframes of the main pages

Four product lines, one store

Blest sells furniture under four lines: Blest Home, Kids, Individual and Smart. Each line got its own landing page and its own color, while the store around them stays one system: a deep brown and gold palette, gold call-to-action buttons and TT Norms type.

Brand colors: primary and secondary accents, plus a color for each product line

Switching between the product lines: each one brings its own color and mood.

Blest Home line page: hero, categories and best offers

Catalog

A product grid with filters built for furniture: price, line, sleeping area size, number of seats, folding mechanism, upholstery and more. Product cards carry badges for new arrivals, sales, best sellers, gifts, instalments and in-stock items.

Catalog with filters on desktop, catalog menu and grid on mobile

Product page and configurator

The biggest part of the project, with 125 screens in the file. We designed two configurators: one for cabinet furniture and one for choosing upholstery fabric. Buyers pick the fabric collection and color right on the product page, see the price change, and can view the result in augmented reality, placing the configured sofa exactly where they plan to put it at home. The configurator went through several versions before we settled on this one.

Product page with fabric configurator, desktop and mobile

Checkout

A step-by-step checkout: contacts, delivery, then payment. Payment options include instalments through PrivatBank and monobank, credit, online payment and invoice. Promo codes and gift certificates, the order confirmation screen and every state on mobile are covered too.

Checkout steps, order confirmation and mobile checkout

Account

Current orders with delivery status, order history, favorites, a personal balance, saved order profiles, subscriptions and social sign-in.

Account: current orders and favorites

Mobile

Every page was designed for phones as well, starting from a 320 px screen: catalog menu, category tiles, product cards and checkout.

Mobile screens: menu, catalog and home

The catalog filter on a phone

The project in numbers

The whole store lived in one Figma file, built on a shared set of components and color styles, so every page and every state stayed consistent across desktop and mobile.

31 pages in the Figma file
~1,300 screens and states
300 components
24 color styles
125 screens for the product page and configurator
96 screens for the account and sign-in
91 screens for cart and checkout
2 breakpoints: 1920 and 320 px

Result

We rebuilt the whole online store around everything the client asked for. A clearer checkout made buying simpler. The new account lets buyers track and manage their orders. The furniture configurator was a rare feature back then and set Blest apart from competitors. We also built a stock map that shows which ready-made furniture is available in each store across Ukraine.

The store is live and still running: blest.ua ↗

Message me on Telegram