Skip to content
Tvorum.
Concept

FORMA — online store concept for a clothing brand

An online store for a minimalist clothing brand that presents garments as architecture: technical drawings with measurements, a lookbook and a fast checkout with no wasted steps.

Demo UI in Ukrainian — we build in any language.

FORMA — homepage screenshot

This is a concept, not a client project. The brand, people and data are fictional; the code is real. It was built for the Ukrainian market, so the demo interface is in Ukrainian. Order a site, and with your permission it becomes our next real case study.

Industry
Clothing brand
Site type
Online store
Year
2026
Format
Studio concept

The task

What the site had to do

A small clothing brand doesn’t compete with the shop next door — it competes with marketplaces and mass-market chains. Shoppers can’t touch the fabric or try the piece on, so they doubt the essentials: will it fit, is it worth the price, and will I end up sending it back.

The site had to work like the best salesperson in the store:

  • sell the look, not a single SKU — so two or three items land in the cart instead of one;
  • remove size anxiety — garment measurements, not just S/M/L, plus a hint on which size to choose;
  • shorten the path to payment — from product page to order in about a minute, with the delivery and payment options local shoppers already use;
  • justify the price — show where and by whom each piece was sewn.

The goal: a visitor from an Instagram ad places an order instead of “saving it for later”, and size-related returns stay minimal.

The solution

Design and UX decisions

The idea — clothing built like architecture. Black, white and concrete plus a single accent of electric blue. Brutalist type on a variable font: the FORMA logo literally changes shape, stretching in the hero and in the manifesto as you scroll. A visible modular grid and a tape-measure scale on the right show how many centimeters of the page you’ve covered.

The hero is a look photo with dimension lines (“shoulders 52 cm”, “L = 118 cm”) and hotspots: the model stands on a giant FORMA logo, a click on a hotspot opens the product, and a “look spec” with the total sits right next to it. On phones, the catalog button is directly under the headline.

The lookbook pins to the screen and scrolls horizontally; one look is presented as a blue pattern-maker’s drawing — more memorable than yet another photo.

The catalog is built on flat sketches in the fabric color: the same angle, honest proportions, instant loading. On hover — a photo on the model or a drawing with length and width. Filters by category, size, color and price, sorting, active-filter chips and a mobile filter sheet.

Interactive selling points:

  • quick view with a size picker, stock left (“only 2 left”), quantity and three views: product, on model, drawing;
  • a slide-out cart with a free-shipping progress bar, saved in localStorage, plus a wishlist;
  • a size chart in cm and inches, coat measurements highlighted on the drawing, and a size finder by height and chest;
  • a 3-step checkout: contact → carrier branch or parcel locker search (Nova Poshta, Ukraine’s largest delivery service) → card payment or cash on delivery with the fee calculated;
  • a “garment passport” — a tag with the batch number, city and workshop: “Made in Ukraine” becomes a price argument instead of a slogan.

Screens

On desktop and on a phone

FORMA — full homepage
The full homepage — scroll inside the frame.
FORMA — mobile version
Mobile version

Features

What’s on the site

  • Lookbook homepage with pinned horizontal scroll and photo hotspots
  • Catalog with filters (category, size, color, price), sorting and chips
  • Technical SVG flat sketches in the fabric color + measured drawings
  • Quick view: size, stock, quantity, on-model photo, wishlist
  • Slide-out cart stored in localStorage with a free-shipping progress bar
  • Size chart (cm/inches) with an interactive drawing and a size finder
  • 3-step checkout: contact, carrier branch search, card payment or cash on delivery
  • “Garment passport”: a tag with batch, workshop and care — the “Made in Ukraine” block
  • Variable font that changes shape on scroll, and a tape-measure scroll scale
  • Responsive down to 390 px, accessible modals and forms, reduced-motion support

Stack

  • HTML5
  • CSS Grid/Flex
  • Vanilla JS
  • Inline SVG flat sketches and drawings
  • Variable font (Roboto Flex width axis)
  • localStorage cart and wishlist
  • Native <dialog> with focus management
  • IntersectionObserver
  • CMS-ready

Concepts are hand-built static sites. For clients we pick the stack by the job: Next.js, WordPress, Shopify or WooCommerce, with a CMS your team can use.

Palette

  • #0B0B0C
  • #F2F1EE
  • #C9C6BF
  • #8A8780
  • #2340FF
For your businessNeed an online store like this?Online store: prices and process

More concepts

Other projects

All concepts

$0 · 24 hours

Want one like this — for your business?

Tell us about your business. Within 24 hours we’ll send a prototype of your homepage — inspired by FORMA or something entirely different.

  • Free homepage prototype within 24 hours
  • Fixed price and deadline in the contract
  • 5% off for every day we’re late
  • Code in your GitHub from day one
  • 30% off for our first 10 clients

Prefer email? tvorum172@gmail.com

Preferred way to talk

No spam, no sales sequences. We use your details only to reply — see our privacy policy.