Work by DevStudioCraft

Selected work — 2025–2026

Every site live

Flagship websites for barbers, nail studios, detailers, gyms, physios, spas, dentists, caterers, restaurants and cafés
designed, filmed and coded by one team.

Every project below is a real, working site. Open any of them, click around, try the booking. Then pick your industry and see what we would build for you.

Chapter 01 — The trade series

Ten trades. Ten flagships.

The barber, the nail studio, the detailer, the gym, the physio, the spa, the dentist, the caterer and the restaurant down the street. For each one we created a brand and built its website from scratch: name, photos, film, booking and code. Open any of them. This is the level your business gets.

Blue Hour Barbers, home page
Maison Vernis, home page
KELVIN, home page
FERRO Clubs, home page
Firn Dental, home page
Load Theory, home page
Salus, home page
Longtable, home page
NAMJIM, home page
KNIP, home page

01 / 10 Barbers & hair Chicago

Sit down tired, stand up sharp.

Five late-opening barbershops written like a fashion magazine: cobalt spreads that rise over each other, serif headlines that turn italic mid-sentence and a booking app you can tilt.

9 pages, five shops

Visit Blue Hour Barbers

02 / 10 Nails & beauty Montréal

Lacquer, laid in quiet coats.

A lacquer house for nails and head spa. Glossy slats close over the hero film as you scroll, every arch tightens as it rises, and a shade picker re-lacquers the whole site.

8 pages, booking to gift card

Visit Maison Vernis

03 / 10 Car detailing Detroit

Haze out. Depth back.

A paint-correction studio with one dark bay, one car and one light you hold. A real 911 Turbo S turns in 3D, the lamp’s colour temperature follows your pointer, and a garage swaps the car.

3 cars in one 3D bay

Visit KELVIN

04 / 10 Gyms & fitness Milano · Torino · Verona

Strike while it’s hot.

Gyms in restored iron foundries. Molten type bands over film, a forged 3D plate, clubs open 05:30 to 23:00, and class names taken from the forge: Anvil, Bellows, Temper, Quench.

05:30 to 23:00, every day of the year

Visit FERRO Clubs

05 / 10 Dental clinics Innsbruck

Dentistry with the patience of ice.

An implant and aesthetic clinic in the Alps. You scroll through a flight over the peaks into a white-out, a sea of dots gathers into a globe of patients’ home countries, and one switch turns day into night.

2 worlds: dental by day, aesthetics by night

Visit Firn Dental

06 / 10 Physio & rehab Melbourne

Load it right. Come back stronger.

A sports physio and rehab lab laid out like a lab report: poster-sized type, a big-type proof wall, sticky “how it works” cards and buttons that decode as you hover.

11 pages from one source

Visit Load Theory

07 / 10 Massage & spa Bath & massage house

An unhurried hour.

A Mediterranean hammam and massage house told as a threshold: a curtain parts, the S a l u S wordmark breathes out, photo doors open into the menu and a doorway grows until you stand in the lobby.

12 rituals, each with its own page

Visit Salus

08 / 10 Events & catering Lisbon · Copenhagen

Pull up a chair.

Events, feasts and hospitality. Coral light falls over a long table, film plays inside the headline, counters roll, a city list turns over a globe, and twelve case pages sit behind a filter.

12 case pages behind one filter

Visit Longtable

09 / 10 Restaurants London + 5 cities

Every plate comes with its sauce.

Thai street kitchens in six cities. A film reel opens the house, the logo letters rise and fly into the header, each restaurant has its own page, and a booking drawer opens from every Book button.

8 restaurants, one booking drawer

Visit NAMJIM

10 / 10 Barbers & hair Rotterdam

The city blurs. The cut doesn’t.

A Rotterdam barbershop in harbour orange and concrete. The menu scales the whole page into the corner, an index drops a tilted photo per link, and stepped full-screen sections cut like a fade.

8 pages, shop to school

Visit KNIP
  1. Blue Hour Barbers on a phone

    01 Barbers & hair

    Blue Hour Barbers

    Sit down tired, stand up sharp.

    Chicago

    bluehour.devstudiocraft.com
  2. Maison Vernis on a phone

    02 Nails & beauty

    Maison Vernis

    Lacquer, laid in quiet coats.

    Montréal

    vernis.devstudiocraft.com
  3. KELVIN on a phone

    03 Car detailing

    KELVIN

    Haze out. Depth back.

    Detroit

    kelvin.devstudiocraft.com
  4. FERRO Clubs on a phone

    04 Gyms & fitness

    FERRO Clubs

    Strike while it’s hot.

    Milano · Torino · Verona

    ferro.devstudiocraft.com
  5. Firn Dental on a phone

    05 Dental clinics

    Firn Dental

    Dentistry with the patience of ice.

    Innsbruck

    firn.devstudiocraft.com
  6. Load Theory on a phone

    06 Physio & rehab

    Load Theory

    Load it right. Come back stronger.

    Melbourne

    loadtheory.devstudiocraft.com
  7. Salus on a phone

    07 Massage & spa

    Salus

    An unhurried hour.

    Bath & massage house

    salus.devstudiocraft.com
  8. Longtable on a phone

    08 Events & catering

    Longtable

    Pull up a chair.

    Lisbon · Copenhagen

    longtable.devstudiocraft.com
  9. NAMJIM on a phone

    09 Restaurants

    NAMJIM

    Every plate comes with its sauce.

    London + 5 cities

    namjim.devstudiocraft.com
  10. KNIP on a phone

    10 Barbers & hair

    KNIP

    The city blurs. The cut doesn’t.

    Rotterdam

    knip.devstudiocraft.com

Chapter 02 — Index

Find a site like yours.

Every project, live. Pick your industry, open the real site and click around. Nothing here is a mock-up.

Showing every project

Chapter 03 — The coffee series

Twelve coffee brands. Twelve languages.

Cafés, roasters and coffee-machine makers: twelve brands, twelve completely different looks. Online shops, menus, table booking and 3D products, each one designed from a blank page. Nothing is reused.

01 / 12 Studio brand E-commerce

Kaiju Coffee Co.

Bad news for weak coffee.

A loud, comic-book roaster with a kaiju mascot. Bags spin on a real 3D lazy susan, a rooftop searchlight re-lights in every roast’s colour, and a bean pit you can stomp.

Design system

  • #0e0e0c
  • #f1ebdf
  • #c8f23a
  • #ee3b2b
  • #1fa39c
  • Anton
  • Permanent Marker
  • DM Mono
  • A 3D shelf of coffee bags you spin with your mouse or finger
  • A comic-book searchlight that lights up each roast in its own colour
  • A playful bean pit: poke the mascot and the beans go flying
  • Eight roast pages that flow into each other like an app
Kaiju Coffee Co. home page
Kaiju Coffee Co. on a phone
02 / 12 Studio brand E-commerce · 3D

Half Moon Roasters

One moon at a time.

A Swiss-grid roaster where the half-disc moon is the whole brand. Five roasts, one per lunar phase, and a live moon engine that recommends tonight’s coffee.

Design system

  • #2e3192
  • #f28cab
  • #ff6f2c
  • #ffc533
  • #5fd3a8
  • Inter Tight
  • Instrument Serif
  • Tonight’s real moon phase picks the coffee for you
  • Every coffee tin in 3D, without slowing the page down
  • A 27-second animated film as the opening
  • Tins glide from page to page as you browse

5 roasts, one for each phase of the moon

Visit live (opens halfmoon.devstudiocraft.com in a new tab)
Half Moon Roasters home page
Half Moon Roasters on a phone
03 / 12 Studio brand B2B · 3D product

Basalt Machines

Pressure. Heat. Time.

Commercial espresso machines from a volcanic island. Four machines modelled part by part, a moving bento wall, and a live 3D viewer that takes each one apart on stage.

Design system

  • #0c0c0b
  • #32312e
  • #8b877f
  • #ece8df
  • #ff5b1f
  • Mona Sans
  • IBM Plex Mono
  • Four espresso machines built in 3D, part by part
  • Take a machine apart on screen and see every part explained
  • Choose a finish and get a lease quote in a few clicks
  • A globe showing all 13 service hubs

4 espresso machines, built in 3D part by part

Visit live (opens basalt.devstudiocraft.com in a new tab)
Basalt Machines home page
Basalt Machines on a phone
04 / 12 Studio brand Hospitality

Poste

A café that writes to you.

Coffee and brunch in a lakeside post office. Every title is a line of a postcard, written live by a handwriting engine that inks each letter along its spine.

Design system

  • #f8f3ea
  • #1c2541
  • #c63d24
  • #2c5a86
  • #f0b54a
  • Ms Madi
  • Fraunces
  • Barlow
  • Headlines that write themselves by hand, letter by letter
  • A table booking that turns into a postcard as you type
  • The logo filled with photos from the real menu
  • Line drawings of the old post office that draw themselves
Poste home page
Poste on a phone
05 / 12 Studio brand Roastery · Campaign

Grounds Control

Cleared for extraction.

A Lisbon roaster run like mission control. Every coffee is a flight from farm to cup: pictures acquire signal, roasts depart on a Solari board, cafés are drop zones.

Design system

  • #0d0c0a
  • #1a130f
  • #efebe4
  • #ff4f00
  • #59f2a4
  • Big Shoulders
  • Martian Mono
  • Hanken Grotesk
  • Photos that sharpen into focus like a signal locking on
  • An airport-style departures board for the week’s roasts
  • Scroll to follow each coffee from farm to cup
  • A map of every café that serves it
Grounds Control home page
Grounds Control on a phone
06 / 12 Redesign concept D2C · 3D

Chi-Cafe

Die gesunde Art zu genießen.

A calm, premium redesign concept for a reishi coffee brand. The real tins in 3D, one particle field that breathes through the story, and a quiz that finds your blend.

Design system

  • #140d09
  • #241811
  • #f4ede3
  • #e0a06a
  • #9cc46f
  • Instrument Serif
  • Inter Tight
  • The brand’s real tins, rebuilt in 3D
  • One animation that turns steam into the brand’s symbols as you scroll
  • A three-question quiz that finds your blend

Concept for chi-cafe.de, not the official site.

Chi-Cafe home page
Chi-Cafe on a phone

Series II

Six more cafés. Six more looks.

A second round of coffee brands, each with its own shop, menu or booking, and its own look. All live.

Afterhours Coffee home page
Afterhours Coffee on a phone
07 / 12 E-commerce

Afterhours Coffee

Good coffee. Different hours.

An ivory, charcoal and electric-violet roaster for the late ones: a theatrical product stage under a moon seal, torn-paper chapters and a cart that remembers your grind.

  • #232321
  • #f5f0e5
  • #8054f5
  • #b29aff
  • Anton
  • Archivo
  • DM Mono
  • A product carousel that works with mouse, keys or swipe
  • The brand story told as a sideways scroll
  • A cart that remembers your grind and subscription
Dayform Coffee home page
Dayform Coffee on a phone
08 / 12 E-commerce

Dayform Coffee

Good coffee. In every form.

A bold, colour-blocked roaster: full-field hero scenes, a cascade mosaic of photo flips, packages built in CSS you can turn, and a family of geometric café marks.

  • #254ce8
  • #ed603e
  • #f4d95b
  • #c5b4e8
  • #417c5e
  • Georgia
  • Arial
  • Four opening scenes, each in its own bold colour
  • Coffee bags you can turn by dragging them
  • Each coffee with tasting notes and a matching recipe
Velora home page
Velora on a phone
09 / 12 B2B · 3D product

Velora

Coffee, considered.

Professional coffee machines in a calm, cool key: a horizontal showroom of flip cards, a flagship story told in chapters, and a Three.js explorer that loads only when you ask.

  • #111313
  • #f4f3ed
  • #bed5d8
  • #ffffff
  • Noto Sans
  • A showroom you browse sideways, card by card
  • Explore each machine in 3D when you ask for it
  • A short questionnaire that picks the right machine
Common Hour home page
Common Hour on a phone
10 / 12 Community · Shop

Common Hour

Good coffee. Room for each other.

Coffee and conversation on a single screen of tiles. Every tile opens its own room, from the coffee shop to Take Five, a set of prompts with a five-minute timer.

  • #243ee8
  • #f9f5e9
  • #ffc39f
  • #f8df7c
  • #202315
  • Bricolage Grotesque
  • A board of tiles that rearranges itself for phones
  • A 20-second animated brand moment
  • Conversation cards with a five-minute timer
Lacune home page
Lacune on a phone
11 / 12 Hospitality

Lacune

Café & slow mornings.

A lakeside café on oat paper and lake-green ink: food-filled lettering, handwriting drawn stroke by stroke, eight photographed dishes and booking with a real inline calendar.

  • #f6f1e6
  • #244a3b
  • #dce1cf
  • #e9ad81
  • #617063
  • Caveat
  • The logo filled with photos of the real dishes
  • Handwritten lettering that draws itself
  • Book a table with a calendar anyone can use
Emberline Coffee home page
Emberline Coffee on a phone
12 / 12 Roastery · Shop

Emberline Coffee

Find your daily fire.

Warm paper, charcoal and ember: three roasts with full detail pages, a bag that keeps every variant straight, a bean-to-brew story and brew guides with live timers.

  • #171915
  • #f0eee5
  • #ff7950
  • #777c6d
  • Arial
  • Courier New
  • Filter coffees by roast, brew and flavour
  • The story from bean to cup in five steps
  • Brew guides with a dose calculator and timer

Chapter 04 — Aviation

Two platforms. One sky.

Real products with real users: a training platform and iPhone app that student pilots study with every day, and a flight-sharing platform getting ready to launch. Brand, website and app, all from one team.

Pilot 100

Aviation training · EASA ATPL(A)

Pass first time.

The complete ATPL theory ecosystem, built in Germany: a question bank, theory books, a study planner, an LMS for flight schools and an iPhone and iPad app, wrapped in an identity that lives above the clouds.

  • Brand identity
  • Marketing site
  • Web app
  • iOS & iPadOS app
  • School LMS
pilot100atpl.com (opens in a new tab)
Pilot 100 home page
Pilot 100 app screens
ECQB-aligned questions
27,000+
theory books
13
aviation ranks to climb
12
iPhone & iPad app
iOS

Airyona

Aviation · Flight sharing

Room on board.

A flight-sharing platform that pairs passengers with licensed private pilots: sightseeing loops, island hops and weekend escapes from the local airfield, for the price of a train ticket.

  • Brand identity v2
  • Launch site
  • Product UI
  • Brand films
airyona.com (opens in a new tab)
Airyona home page
Airyona app screens
airfields mapped
120+
launch countries
9
seats from, cost-shared
€49
public launch
Dec ’26

Chapter 05 — Spaces

Walk it before you visit.

A gallery of photos can't sell how a home feels. So we build the visit instead: a film at the door, every room one click away, and the floor plan always in reach.

Real estate · Interactive tour

APT-01 The Park Residence

Step inside.

A private, room-by-room walkthrough of a three-bedroom residence on the park. A cinematic film opens the door, glowing markers walk you through every room, a floor plan tracks where you stand, and a 360° mode lets you turn and look around each space.

  • Interactive tour
  • 360° walkthrough
  • Floor-plan navigation
  • Hero film
  • Extended panoramas
APT-01, The Park Residence: tour opening
The Park Residence tour on a phone
stops, from the street to the last room
17
look-around in most rooms
118°
tour modes, classic and 360°
2
bedrooms, park-facing
3

Chapter 06 — Identity systems

Brands built to outlive the launch.

A logo is one file. A brand is everything around it: the guide book, the colours, the films, the presentation, the stationery and the rules that keep it consistent. We build all of it from one source, so it stays consistent long after we hand it over.

Aviation training

Pilot 100

Aim for 100.

  • 54-page brand book
  • 33 logo masters
  • 26-slide guidelines deck
  • 7 brand films
  • Print-ready stationery

Flight sharing

Airyona

Room on board.

  • 50-page brand book
  • 15 logo masters
  • 25-slide guidelines deck
  • 7 brand films
  • Social template kit

Facility management · Bremen

M2A Facility Management

In bester Ordnung.

  • 50-page brand book
  • 17 logo masters
  • 25-slide guidelines deck
  • 7 brand films
  • Van livery & ID badge

Every kit ships with

  1. 01Logo masters
  2. 02Colour tokens
  3. 03Typography
  4. 04Graphic language
  5. 05UI expression
  6. 06Social kit
  7. 07Stationery
  8. 08Motion films
  9. 09Guidelines deck
  10. 10Brand boards

Brand boards

One system, every surface.

Twelve of the twenty-four boards from three kits: skies, instruments, print, glass and app.

Pilot 100 brand board: aurora
Pilot 100 aurora
Airyona brand board: above
Airyona above
M2A brand board: morning
M2A morning
Pilot 100 brand board: instruments
Pilot 100 instruments
Airyona brand board: ion
Airyona ion
M2A brand board: weser
M2A weser
Pilot 100 brand board: teal
Pilot 100 teal
Airyona brand board: midnight
Airyona midnight
M2A brand board: night
M2A night
Pilot 100 brand board: dawn
Pilot 100 dawn
Airyona brand board: bluehour
Airyona bluehour
M2A brand board: pulse
M2A pulse

Motion

Every kit ships with its own films.

A brand film, short logo animations for day and night, a flip-through of the brand book and a case-study reel, made from the same parts as the book, so the films always match the brand.

Pilot 100 · case-study reel
Airyona · case-study reel
M2A Facility Management · case-study reel

Ready when you are

Want more customers?
Let's talk.

Tell us about your business. We reply within 24 hours, and you see a first design within 48 hours of kickoff.