✦ Kostenlose Erstberatung – Jetzt Termin sichern →
Navigation Buchalik Digital
Auf dieser Seite
Weitere Seiten
Kostenloser Entwurf →
Instagram LinkedIn

Websites, die Ihr Gewerk verstehen.

24 individuelle, fiktive Designstudien für Handwerk und lokale Betriebe – jede von Hand entwickelt, kein Baukasten, kein Template. Klicken Sie sich durch und sehen Sie, was für Ihren Betrieb möglich ist.

Ausgewählte Projekte

24 fiktive Designstudien, 24 unterschiedliche Strukturen und Schriftbilder – als transparenter Beleg unserer gestalterischen Bandbreite.

Keine passende Website gefunden

Für diesen Begriff ist noch kein Beispiel dabei – wir entwickeln aber jede Handwerksbranche individuell.

Kostenlosen Entwurf anfordern
Hinweis: Alle abgebildeten Websites sind fiktive Demo-Projekte für nicht existierende Unternehmen. Sämtliche Designs, Inhalte und Konzepte sind urheberrechtlich geschützt. © Buchalik Digital – eine unerlaubte Nutzung oder Vervielfältigung ist ausdrücklich untersagt.
buchalikdigital.github.io/RingPortfolio
Website-Design für Juwelier mit interaktivem 3D-Verlobungsring
Juwelier & Trauringe · Baden-Baden

FORMED BY LIGHT

Ein Ring, der sich im Licht erklärt.

Der Solitär steht als echtes 3D-Modell im Raum und dreht sich beim Scrollen durch seine eigene Konstruktion: Fassung, Schiene und fünf Brillanten sind einzeln ansteuerbar. Der Diamant nutzt echte Lichtbrechung mit Brechungsindex 2.417, dazu eine dunkle Editorial-Bühne mit Champagner-Gold statt künstlichem Glanz.

Echtes 3D-RingmodellPhysikalische LichtbrechungScrollgesteuerte Kamera
Live ansehen
buchalikdigital.github.io/ImmobilienPortfolio
Website-Design für Immobilienvermittlung mit 3D-Stadtmodell
Immobilienvermittlung · Stuttgart

IMMOBILIEN

Ihre Immobilie, zum besten Preis.

Beim Laden fährt die Kamera aus großer Höhe an ein Stadtmodell heran, während die Türme aus dem Boden wachsen und die Fenster etagenweise angehen. Ein feines Bauplan-Raster trägt die Fläche, darunter folgen Objektreferenzen, Ablauf und Bewertung.

Echtes 3D-StadtmodellCineastische KamerafahrtBauplan-Raster
Live ansehen
buchalikdigital.github.io/TerraverdePortfolio
Website-Design TERRAVERDE – Garten- & Landschaftsbau
Garten- & Landschaftsbau

TERRAVERDE

Garten- & Landschaftsbau

Zentriert-symmetrisches Design mit organischen, überlappenden Bogen-Panels in Tannen- und Lindgrün – wirkt wie ein atmender Garten.

Zentriertes LayoutPrata & KarlaOrganische Formen
Live ansehen
buchalikdigital.github.io/SelunePortfolio
Website-Design SÉLUNE – Schmuckatelier & Fine Jewellery
Goldschmiede & Schmuckatelier · Pforzheim

LUNE

Schmuck, der Licht trägt.

Eine helle Luxuswelt wie ein vom Wasserlicht durchzogener Meeresboden: 48 echte 3D-Kettenglieder und ein zweifarbiger Halbmond wechseln beim Scrollen von einer liegenden Kampagnenpose in eine frei hängende Form. Editorial Design trifft auf federnde Physik, Metallreflexe und mobile Performance-Fallbacks.

Echte 3D-GliederketteAnimierte Wasser-CausticsApple-clean Light Design
Live ansehen
buchalikdigital.github.io/HolzformPortfolio
Website-Design HOLZFORM – Schreinerei & Möbelbau
Schreinerei & Möbelbau

HOLZFORM

Aus einem Stamm, nicht aus dem Katalog.

Warme Nussholzwelt mit ruhiger Typografie: Die Materialsektion zoomt beim Scrollen in die Maserung, die Referenzen stapeln sich als gekippte Karten übereinander und richten sich unter dem Zeiger auf. Gebaut für Betriebe, die ihr Handwerk zeigen statt beschreiben.

Scroll-Zoom MaterialGestapelte Galerie3D-Tilt-KartenNext.js
Live ansehen
buchalikdigital.github.io/ReflexPortfolio
Website-Design REFLEX – Fahrzeugaufbereitung & Detailing
Fahrzeugaufbereitung & Detailing · Stuttgart

REFLEX

Concours-Niveau, sichtbar gemacht.

Ein fahrender Sportwagen füllt den gesamten Bildschirm: drei Drohnenaufnahmen wechseln nahtlos den Blickwinkel, jede auf 60 Bilder pro Sekunde gerechnet. Darüber liegt eine massive Wortmarke und ein Giftgrün-Akzent, der Leistungspakete, Ablauf und Galerie durch die Seite führt.

Vollbild-Video in 60 fpsWechselnde KamerawinkelAcid-Grün Akzentsystem
Live ansehen
buchalikdigital.github.io/LackwerkPortfolio
Website-Design LACKWERK – Fahrzeugaufbereitung & Lackkorrektur
Fahrzeugaufbereitung & Kfz-Detailing · Pforzheim

LACKWERK

Atelier für Lackkorrektur und Materialpflege

Sieben Kapitel, die beim Scrollen ineinander überblenden: dokumentarische Werkstattfotos, eine leise Three.js-Partikelsignatur und eine Coverflow-Galerie für Fahrzeugwelten. Schriften und Bibliotheken liegen komplett lokal – kein einziger externer Request.

Three.js Scroll-ChoreografieArchivo & Barlow Condensed100 % lokale Assets
Live ansehen
buchalikdigital.github.io/WattwerkPortfolio
Website-Design WATTWERK – Photovoltaik & Energietechnik
Photovoltaik & Energietechnik · Konstanz

WATTWERK

Meisterbetrieb für Solartechnik seit 2009

Live-WebGL-Partikelvortex als Hero-Signature, dazu eine App-gesteuerte Energiesteuerung, fließende Prozess-Zeitleiste und ein komplett eigener Font-Auftritt in Grün.

Three.js WebGLInstrument Serif & LatoAdaptive Intelligence UI
Live ansehen
buchalikdigital.github.io/ContourPortfolio
Website-Design CONTOUR – Friseurmeisterbetrieb
Friseurmeisterbetrieb · Hamburg

CONTOUR Haarkunst

Friseurmeisterbetrieb seit 2011

Editorial-Noir-Design mit cursorgeführtem Spotlight-Reveal im Hero, einer sich zeichnenden Gold-Haarlinie durch die Leistungskarten, Endlos-Marquee und magnetischen Buttons.

Cursor-SpotlightPlayfair Display & JostMagnetic UI
Live ansehen
buchalikdigital.github.io/GoldkrustePortfolio
Website-Design GOLDKRUSTE – Bäckerei- & Konditormeisterbetrieb
Bäckerei & Konditorei · Lübeck

GOLDKRUSTE

Backhaus seit 1889, vierte Generation

Warmes Editorial-Design mit morphendem Teig-Blob im Hero, aufsteigendem Dampf, einer horizontal gepinnten Story „Vom Korn zum Brot" und einer fließenden Gold-Zeitleiste.

Pinned Horizontal-StoryNewsreader & DM SansOrganic Morph
Live ansehen
buchalikdigital.github.io/RennwerkPortfolio
Website-Design RENNWERK – Kfz-Meisterbetrieb
Kfz-Meisterbetrieb · Stuttgart

RENNWERK

Kfz-Meisterbetrieb für Performance & Wartung seit 2003

Motorsport-Ästhetik mit mechanischem Garagentor-Wipe im Hero, kreuzenden Speedline-SVGs, hochzählenden Leistungs-Countern und einer horizontal gepinnten Werkstatt-Galerie.

GSAP ScrollTriggerBig Shoulders & JetBrains MonoHorizontal-Pin
Live ansehen
buchalikdigital.github.io/DachdeckerPortofolio
Website der KRONENDACH GmbH – Dachdeckermeisterbetrieb
Dachdecker · Frankfurt

KRONENDACH GmbH

Dachdeckermeisterbetrieb seit 1987

3D-Animationen mit Three.js, interaktives Portfolio, Kundenstimmen-Karussell und ein konversionsoptimiertes Kontaktformular – alles auf den Beruf zugeschnitten.

Next.js 15Three.jsTypeScriptTailwind
Live ansehen
buchalikdigital.github.io/FarbwerkPortfolio
Website-Design FARBWERK – Malermeisterbetrieb
Maler · München

FARBWERK

Malermeisterbetrieb seit 2004

Editorial-Design mit riesigem Bild zuerst: eine handgestrichene Farbwand über die volle Breite, darunter die Headline zentriert in Fraunces – Malerarbeit als eigene Kunstform inszeniert.

Editorial-LayoutFraunces & Work SansRiesen-Visual
Live ansehen
buchalikdigital.github.io/RehbeinPortfolio
Website der Rehbein Sanitär & Heizung GmbH – Sanitär & Heizung
Sanitär & Heizung · Bochum

Rehbein Sanitär & Heizung

Familienbetrieb in dritter Generation seit 1934

Ruhiges Navy-&-Orange-Design mit animiertem Marken-Badge, Framer-Motion-Reveals, auto-rotierendem Kundenstimmen-Karussell und Zähler-Statistiken – Handwerkstradition modern inszeniert.

Next.js 16TypeScriptTailwind CSSFramer Motion
Live ansehen
buchalikdigital.github.io/DachfirstPortfolio
Website-Design DACHFIRST – Dachdeckermeisterbetrieb
Dachdeckermeisterbetrieb

DACHFIRST

Oben ist kein Ort für Kompromisse.

Anthrazit und Kupfer statt Handwerker-Rot: Ein scrollgesteuerter Wischer schiebt das sanierte Dach über den maroden Bestand, die Referenzen laufen als horizontale Spur seitwärts mit. Materialnahe Fotografie von Ziegel, Schiefer und Zink trägt die ganze Seite.

Scroll-Wischer SanierungHorizontale ReferenzspurWebGL-RippleNext.js
Live ansehen
buchalikdigital.github.io/SanitaerHeizungPortfolio
Website der ThermoProfi GmbH – Sanitär & Heizung
Sanitär & Heizung · Frankfurt

ThermoProfi GmbH

Meisterbetrieb für Sanitär & Heizung seit 1998

Helles Design in Navy & Orange, vier Leistungskarten, 24/7-Notdienst-Badge, Wärmepumpen-Sektion mit Förderhinweisen und konversionsoptimiertes Kontaktformular.

HTML5CSS3Vanilla JSPHP
Live ansehen
buchalikdigital.github.io/EichenwerkPortfolio
Website-Design EICHENWERK – Schreinerei
Schreinerei · Rosenheim

EICHENWERK

Schreinerei seit 1962

Ruhiges Luxus-Design mit vertikaler Sidebar-Navigation und einem großen Holz-Panel mit echter CSS-Maserung – Massivholz-Handwerk in warmen Walnusstönen.

Sidebar-LayoutCormorant GaramondCSS-Holzmaserung
Live ansehen
buchalikdigital.github.io/ElektrotechnikPortfolio
Website der AMPERA GmbH – Elektrotechnik
Elektrotechnik · Frankfurt

AMPERA GmbH

VDE-zertifizierter Meisterbetrieb seit 1998

Plasma-Purple-Design mit Three.js WebGL-Hintergrund (Schaltkreise, Elektronen, Blitze), 3D-Tilt-Karten, Flip-Team-Karten, filterbares Portfolio und vollständiges Kontaktformular.

Next.jsThree.jsTypeScriptFramer Motion
Live ansehen
buchalikdigital.github.io/MosaikPortfolio
Website-Design MOSAIK – Fliesenleger
Fliesenleger · Köln

MOSAIK

Fliesenleger-Fachbetrieb

Bento-Grid-Design, bei dem die gesamte Seite selbst wie ein Fliesenmuster aufgebaut ist – Terracotta, Salbei und präzise Kacheloptik in Monospace-Typografie.

Bento-GridArchivo Black & Space MonoKachel-Muster
Live ansehen
buchalikdigital.github.io/NordwaermePortfolio
Website-Design NORDWÄRME – Wärmepumpen & Heiztechnik
Wärmepumpen & Heiztechnik · Hamburg

NORDWÄRME

Fachbetrieb für Wärmepumpen & Heiztechnik

Split-Screen-Design: eine kalte und eine warme Bildhälfte treffen exakt in der Mitte aufeinander – die Wärmepumpe als spürbarer Kontrast zur alten Heizung.

Split-Screen-LayoutSora & InterFarbverlauf Eis→Glut
Live ansehen
buchalikdigital.github.io/FirstholzPortfolio
Website-Design FIRSTHOLZ – Zimmerei & Holzbau
Zimmerei & Holzbau · Allgäu

FIRSTHOLZ

Zimmerei & Holzbau seit 1988

Magazin-Layout mit Titelkopf zwischen Doppellinien, Drop-Cap-Artikeltext und einem handgezeichneten Dachstuhl-Diagramm – Zimmererhandwerk wie eine Reportage.

Editorial/MagazinEB Garamond & OswaldSVG-Konstruktion
Live ansehen
buchalikdigital.github.io/StahlformPortfolio
Website-Design STAHLFORM – Metallbau & Schlosserei
Metallbau & Schlosserei · Dortmund

STAHLFORM

Metallbau & Schlosserei seit 1979

Brutalistisches Design mit riesigem, vertikal gedrehtem Firmennamen am Seitenrand und diagonal versetzten Content-Blöcken – Stahl mit Kante.

Brutalist-LayoutAnton & IBM Plex MonoFunken-Deko
Live ansehen
buchalikdigital.github.io/LumenPortfolio
Website-Design LUMEN – Glaserei- & Fensterbaumeisterbetrieb
Glaserei & Fensterbau · München

LUMEN Glasmanufaktur

Meisterbetrieb seit 1976

Hommage an Apples aktuelle „Liquid Glass"-Designsprache: gefrostete Glastüren schieben sich per Scroll auf, ein prismatischer Lichtschimmer folgt dem Cursor, Dawn-zu-Daylight-Lichtstimmung.

Liquid-Glass-UIManrope & InterScroll-Scrub
Live ansehen
buchalikdigital.github.io/MonolithPortfolio
Website-Design MONOLITH – Steinmetzmeisterbetrieb
Steinmetz · Freiburg im Breisgau

MONOLITH

Steinmetzmeisterbetrieb seit 1951

Apple-Stil-Scrollstory im Hero: ein gepinnter Natursteinblock rotiert aus treibendem Nebel, eine Goldader zeichnet sich beim Scrollen, dazu eine fließende Prozess-Zeitleiste mit Geisterziffern.

GSAP ScrollTriggerBodoni Moda & ManropePinned 3D-Reveal
Live ansehen
24
Individuelle Designs
0
Templates verwendet
1–2
Wochen Lieferzeit
100%
Handgeschriebener Code

Ihr Betrieb könnte das nächste sein.

Erzählen Sie uns von Ihrem Gewerk – wir zeigen Ihnen unverbindlich, was Ihre neue Website leisten kann.