Mockups

Our own mockups
in different styles

Our work, not templates. They exist nowhere else.
Working pages, not pictures. Everything clicks and calculates.
Take them apart. Hero from one, pricing from another.
The companies are fictional. Real ones are under Work.

FLOW

Telegram Mini App
Yoga studio · English · Booking inside the chat

Not a website — an app that opens inside Telegram. Schedule with live seat counts, class details, a pass with the visits left, and a booking that needs no sign-up: Telegram passes the name itself. The phone on the page is clickable — go through the four taps yourself. One build, three ways to open it: a normal site by link, a Mini App inside Telegram with its native buttons and theme, and a PWA the client installs to the home screen — no App Store, no Google Play.

Quote: $1 575
  • Mini App, 5 screens$750
  • Telegram bot: link, reminders$600
  • Install on the phone (PWA)$225

CABLE

Landing page
Tow truck · Ukrainian · Night and signal lime

A landing page in its base form: four screens, one action — call. A night road with beacons, an acid accent, four services with prices, three arguments. No form, no calculator — when someone is stranded on the road, anything extra gets in the way.

Quote: $450
  • Landing page, 4 screens$450

ENAMEL

Business card
Dental clinic · base price · Quiet premium

A full-width photograph, a large serif and a pine-and-sand palette — without a single paid extra. Three pages: home, a price list in five sections, contacts with a hand-drawn map. It shows what the lowest price actually buys.

Quote: $450
  • Company site, 3 pages$450

HARTH

Catalogue
Solid-wood furniture · English · Gallery monochrome

A catalogue without a cart: price on request, because every piece is made to measure. Nine items, two filters at once — type and species of wood, a product page with dimensions and a price request, woods and finishes, the workshop. Six screens, base price.

Quote: $1 050
  • Catalogue, 6 screens$1 050

QUIET

Landing page
Batteries and solar · Ukrainian · Night, amber

Energy independence at home: a battery instead of a generator. Full-screen night windows, a four-part diagram, three ready packages priced in hryvnia, past jobs and six questions. The base landing-page price with no extras at all.

Quote: $750
  • Landing page, one page$750

STEAM

Landing page
Bathhouse · RU + UA + EN, with payments · Dark cinematic

An almost black background and warm embers. Three plans, an order calculator and a card-payment button — this landing page does not collect enquiries, it sells. Plus a room slider, time booking, gift cards and a three-language switch.

Quote: $2 790
  • Landing page, one page$750
  • Order calculator$300
  • Card payments$300
  • Booking: form or Altegio$240
  • Room slider$150
  • Two more languages, +60%$1 050

FORM

Landing page
Nail studio · Pop, colour blocks

Lilac, peach, acid lime. Inside there is a working service calculator: pick the manicure, the finish and the art, and you see the price and the time. Plus free slots for the week and a filtered gallery.

Quote: $1 200
  • Landing page, one page$750
  • Service price calculator$300
  • Filtered gallery$150

WARM

Landing page
Massage studio · Organic, arched

Terracotta and sage, photos cropped into arches. Thirteen screens and three interactive pieces: a body map — tap an area and read about it; a programme finder that prices a course with its discount; and time booking that carries the chosen programme over.

Quote: $1 470
  • Landing page, one page$750
  • Programme finder and packages$300
  • Booking: form or Altegio$240
  • Interactive body map$180

AXIS

Business card
Architecture · RU + DE · Swiss technical

The grid is not implied, it is drawn: every line visible, a monospaced typeface, drafting blue. Three interactive pieces: a project calculator by floor area and stage, a building slider, and a house plan broken down — points on the drawing with notes. An RU/DE switch on all four pages.

Quote: $1 540
  • Company site, 3 pages$450
  • One more page$100
  • Project calculator$300
  • Building slider$150
  • Interactive plan$180
  • Second language, +30%$360

Marenne

Landing page
Interior design · English · Editorial, heavy serif

Large Fraunces serif and an ochre accent. Thirteen screens: a fee calculator based on floor area and scope, a draggable before/after slider, three projects in a figure grid, a materials palette and an enquiry form.

Quote: $1 310
  • Landing page, one page$750
  • Fee calculator$300
  • Before/after slider$150
  • Animation and complex blocks$75

SCREW

Business card
Garage · Ukrainian · Industrial

Dark steel, a narrow uppercase grotesque, signal orange. Inside, a service calculator: car class, type of work and extras — price in hryvnia and time. Plus a slider of diagnostic equipment. Four pages, in Ukrainian.

Quote: $1 000
  • Company site, 3 pages$450
  • One more page$100
  • Service calculator$300
  • Equipment slider$150

GRAIN

Business card
Coffee roastery · two languages · Warm retro

A retro serif straight off an old shop sign, with a cherry accent. The RU/EN switch works across all three pages and remembers the choice. Drinks as photo cards, a menu, contacts.

Quote: $590
  • Company site, 3 pages$450
  • Second language, +30%$140

LINEN

Landing page
Hair salon · Saturated fuchsia, monochrome

One colour across the whole design and an upright grotesque. Thirteen screens and three interactive pieces: a price calculator by hair length and stylist, online booking with a choice of stylist and time, and a work slider. Plus an app block with a real QR code.

Quote: $1 440
  • Landing page, one page$750
  • Service price calculator$300
  • Booking: form or Altegio$240
  • Work slider$150

Kindred

Business card
Adoption lawyers · English · Dark and warm

An English site for a firm that handles adoption only. A slider of family stories with large photographs and a route finder: three questions, and the visitor sees which law applies, how long it takes and what it costs. Four pages.

Quote: $1 000
  • Company site, 3 pages$450
  • One more page$150
  • Family-story slider$150
  • Step-by-step route finder with branching$300

CLAY

Online shop
Handmade ceramics · Light and crafted

A shop with eight products: a filtered catalogue, a product page and a working cart. On the delivery page you type your street and it answers straight away — whether we deliver, how much, how soon, and how far you are from free shipping, counted against what is already in your cart. Plus reviews, care instructions and the workshop — seven pages.

Quote: $3 000
  • Shop, 10 pages$2 700
  • Delivery zone check by address$300

RIM

Online shop
Eyewear, in English · Dark monochrome

A frames shop with live search and suggestions, sorting and show-more, saved items, and three frames put side by side on their real measurements — lens, bridge, temple, weight. A free-shipping progress bar, a working cart and three currencies. Plus a lens guide, delivery and returns, reviews, about the workshop.

Quote: $3 275
  • Shop, 10 pages$2 700
  • Live search with suggestions$150
  • Sorting and show-more$100
  • Saved items and comparison$225
  • Free-shipping progress bar$100

MERIDIAN

Catalogue
Property developer · English · Sea-green, paper

A nine-storey seafront block sold the way a sales office sells it. A live availability board of 54 apartments with filters by rooms and price; tap one and its floor plan, view and payment schedule follow you down the page. Plus the building shown from two viewpoints with interactive hotspots, a virtual tour of four rooms that unlocks a promo code, an interest-free installment calculator with a real schedule, a finishing-materials calculator, and a quote you can save as a PDF or send as a link.

Quote: $3 180
  • Catalogue site, 6 screens$1 050
  • Availability board with filters$450
  • Virtual tour with hotspots$375
  • Building viewer with hotspots$300
  • Installment calculator with schedule$300
  • Finishing materials calculator$225
  • PDF quote and shareable link$225
  • Photo upload in the request form$150
  • Promo mechanic tied to the tour$105
Not seeing your style?

Then we will build yours

This shows the range, not the limit. If none of these styles is yours, that is fine — we never expected to guess your taste in advance.

  1. Tell us what to take from ours: the hero from one mockup, the pricing from another, the gallery from a third.
  2. Or send us two or three other sites you like — any of them, from any country.
  3. We tell you honestly what of that is reproducible on your budget and what is not.
  4. We build it in your style and show you the first screen before taking any money.
Your own design or a finished Figma file is a separate line in the quote. Links to other sites as a reference cost nothing.
Commonly asked

Before you write

A mockup almost fits, but I need my own texts, photos and services. Does that cost more?

No, the price is the same. You pay for size — three pages cost $450 whether we start from a finished mockup or draw from scratch. Your texts instead of ours, your photographs instead of stock, your services and prices, your logo and colours — that is what filling a site means, not “extra work”. Rebuilding a block because you have nine services rather than six is included too.

What if I want a different design of the same size?

Also the same price. “Like ENAMEL, but mine is a children's dental clinic, so brighter and a different typeface” is a perfectly normal brief and costs nothing. We design for the specific business anyway; the mockup you point at simply explains your taste faster than words do.

Can I send you other sites that I like?

Please do. It is free, exactly like pointing at our own mockups. Either way we look and then draw our own. Only one case costs extra: when you already designed your own design in Figma and it has to be reproduced exactly. That is +35%, not because it is better, but because there is no freedom in it: we repeat every complication someone else invented, hit their spacing, buy their fonts and invent the mobile version that such files usually lack.

How many times can I ask for the design to be redone?

We show one version of the hero screen and refine it on your notes — two rounds of edits are included. If after that you want to try an entirely different direction, that is separate work and we will say honestly what it costs. On top of that, after handover you get two weeks in which we fix anything.

What if I do not know what I want?

That is normal and it is the most common case. This gallery exists for exactly that reason: few people can say “restrained typography and plenty of air”, but everyone can point. Open a few mockups and tell us what catches your eye and what irritates you. The second is even more useful to us than the first.

A shop can run on any of four engines

We design and build the storefront. The engine behind it can be any of four — priced by agreement.

External cartSnipcart, Ecwid

The site stays exactly as we built it. Cart, checkout and payment are plugged in from outside, and orders land in a separate panel. Fastest and cheapest.

OpenCartyour own hosting

A standalone engine: catalogue, stock, orders, discounts. Free, lightweight, widely used in Ukraine. We build the templates ourselves.

WooCommerceon WordPress

For a large range and an in-house content manager. There is a plugin for almost everything, and we build the theme. In exchange, the site needs looking after.

Shopifysubscription

Selling abroad. Server, updates and security are the platform's problem. We build the theme from scratch so you can move blocks around in the editor yourself.

Any subscription fee you pay to the platform directly, not to us.

What yours will cost

The builder shows what makes up the price: type of site, size, and whatever else you need. It takes a minute, commits you to nothing and is sent nowhere.