Aktuelle Beiträge Zum Blog
Designbeispiele

Layoutentwürfe

Vierundvierzig vollständig ausgearbeitete Entwürfe für Handel, Dienstleistung und Anwendungen — sieben davon als ganzer Auftritt mit Leistungs-, Orts- und Rechtsseiten. Jeder zeigt, wie Struktur, Typografie und Bildsprache für eine Branche zusammenspielen können.

Zur Einordnung: Es handelt sich um exemplarische Gestaltungsentwürfe, nicht um umgesetzte Kundenprojekte. Firmennamen, Preise, Bewertungen und Bestände sind frei erfunden. Die Entwürfe dienen dazu, Gestaltungsrichtungen zu besprechen — nicht als Referenzliste.

Mehrseitige Auftritte

7 Entwürfe

Diese Entwürfe umfassen den ganzen Auftritt statt einer einzelnen Seite: Leistungsbaum, Ortsseiten, Rechtstexte und Formulare sind angelegt und lassen sich durchklicken.

Goldschmiede und AnkaufDemo

Goldschmiede mit Ankaufsbereich

Zwei Geschäftsfelder unter einem Dach, jedes mit eigenem Einstieg: die Werkstatt mit Anfertigung und Reparatur, der Ankauf mit einer eigenen Seite je Warengruppe. Über achtzig Seiten zeigen, wie sich Leistungstiefe ordnen lässt, ohne die Startseite zu überladen.

Zwei GeschäftsfelderLeistungstiefePreisherleitungTerminanfrage
Entwurf öffnen - Goldschmiede mit Ankaufsbereich

Steinmetz und NatursteinDemo

Steinmetzbetrieb mit Ortsseiten

Grabmale, Bäder, Böden und Bildhauerei in einer Struktur, dazu je eine Seite für die umliegenden Orte und ein Bereich für Ausbildung und Stellen. Zeigt, wie ein Handwerksbetrieb zwei sehr verschiedene Zielgruppen auf einer Website führt.

LeistungsbaumOrtsseitenAusbildungAblauf
Entwurf öffnen - Steinmetzbetrieb mit Ortsseiten

GebäudereinigungDemo

Reinigungsdienst nach Branchen

Elf Branchen und rund zwanzig Orte, jeweils als eigene Seite. Der Entwurf zeigt, wie sich ein Dienstleister in zwei Achsen gliedern lässt — was gereinigt wird und wo — ohne dass beide Achsen denselben Text zweimal erzählen.

BranchenseitenOrtsseitenEinsatzgebietAngebotsanfrage
Entwurf öffnen - Reinigungsdienst nach Branchen

Reparatur und ServiceDemo

Handy-Reparatur mit Preisgitter

Reparaturart, Gerätemodell und Ort ergeben mehrere tausend Einzelseiten, die alle aus derselben Vorlage entstehen. Der Entwurf zeigt, wie sich ein solcher Bestand pflegen lässt, ohne dass die Navigation daran zerbricht.

PreisgitterGerätemodelleOrtsseitenEinsendeservice
Entwurf öffnen - Handy-Reparatur mit Preisgitter

VermietungDemo

Fahrzeugvermietung im dunklen Schema

Dunkles Grundschema mit einem einzigen kräftigen Akzent. Fahrzeuge und Anlässe sind zwei Wege in dasselbe Sortiment; Konditionen, Kaution und Mietbedingungen stehen gleichrangig neben der Flotte statt im Kleingedruckten.

Dunkles SchemaFahrzeugseitenAnlässeKonditionen
Entwurf öffnen - Fahrzeugvermietung im dunklen Schema

HausserviceDemo

Hausmeisterservice mit Region

Neun Leistungen und elf Orte, bewusst klein gehalten. Zeigt, wie ein Einzelbetrieb mit wenigen Seiten regional sichtbar wird, ohne eine Struktur zu bauen, die er selbst nicht pflegen kann.

LeistungsseitenRegionsseitenEinsatzgebietKontaktformular
Entwurf öffnen - Hausmeisterservice mit Region

ApothekeDemo

Apotheke mit Vorbestellung

Vorbestellung, Notdienst und ein Ratgeber mit sechs Themen. Der Entwurf verbindet die Beratung vor Ort mit einem Weg, Medikamente vorab zu reservieren — ohne einen Versandhandel zu bauen, den eine Apotheke vor Ort nicht führen will.

VorbestellungNotdienstRatgeberLeistungen
Entwurf öffnen - Apotheke mit Vorbestellung

Handel und Shop

16 Entwürfe

B2B-HandelDemo

B2B-Ersatzteilportal

Bestellportal mit Preislisten, Schnellerfassung und Freigabe. Zeigt, wie ein Konto, ein Katalog und ein Bestellweg zusammenspielen, wenn Einkauf und Freigabe getrennt sind.

KundenkontoPreislistenSchnellerfassungFreigabe
Entwurf öffnen - B2B-Ersatzteilportal

ModeDemo

Editorialer Modeshop

Ruhige Produktinszenierung mit redaktionellem Takt. Bild und Text wechseln sich ab, statt ein Raster aus Kacheln zu füllen.

EditorialKollektionGrößenführungNewsletter
Entwurf öffnen - Editorialer Modeshop

LebensmittelDemo

Hofladen mit Abo-Kiste

Direktvertrieb ab Hof mit wiederkehrender Lieferung. Herkunft, Saison und Abholung stehen gleichrangig neben dem Sortiment.

Abo-KisteSaisonHofladenAbholung
Entwurf öffnen - Hofladen mit Abo-Kiste

ElektronikDemo

Elektronik-Fachhandel

Geräte, Zubehör und Werkstatt in einer Struktur. Technische Angaben bleiben vergleichbar, ohne die Seite in eine Tabelle zu verwandeln.

GerätevergleichZubehörWerkstattVerfügbarkeit
Entwurf öffnen - Elektronik-Fachhandel

Sport und OutdoorDemo

Outdoor-Ausrüstung

Ausrüstung mit Beratung und Größenführung. Die Bildsprache trägt die Bedingungen, unter denen die Ware benutzt wird.

BeratungGrößenführungKategorienSaison
Entwurf öffnen - Outdoor-Ausrüstung

MöbelDemo

Möbelmanufaktur

Serie und Maß nebeneinander, mit Material- und Werkstattbezug. Der Entwurf zeigt, wie sich zwei Fertigungswege ohne zwei Websites erklären lassen.

Serie und MaßMaterialienWerkstattAnfrage
Entwurf öffnen - Möbelmanufaktur

Wein und SpirituosenDemo

Vinothek mit Altersnachweis

Sortiment nach Lagen und Jahrgängen. Der Altersnachweis ist Teil des Ablaufs statt ein vorgeschaltetes Hindernis.

LagenJahrgängeAltersnachweisVerkostung
Entwurf öffnen - Vinothek mit Altersnachweis

KosmetikDemo

Naturkosmetik

Pflegeserien mit Inhaltsstoffen und Routinen. Wirkversprechen bleiben außen vor, die Zusammensetzung steht im Vordergrund.

SerienInhaltsstoffeRoutinenVerträglichkeit
Entwurf öffnen - Naturkosmetik

TierbedarfDemo

Tierbedarf mit Beratung

Alltagsbedarf mit Beratung und Abholung. Die Navigation folgt dem Tier, nicht der Warengruppe.

Nach TierBeratungAbholungNachbestellung
Entwurf öffnen - Tierbedarf mit Beratung

Automotive B2BDemo

Kfz-Teilekatalog

Teilekatalog mit Fahrzeugauswahl, Lagerstand und Versandwegen. Zeigt, wie sich ein großer Katalog auf wenige Entscheidungen eindampfen lässt.

FahrzeugauswahlLagerstandVersandwegeWerkstattkonto
Entwurf öffnen - Kfz-Teilekatalog

ApothekeDemo

Versandapotheke

Versand mit Beratung, Rezept und Verfügbarkeit. Pflichtangaben sind eingebaut statt nachträglich angehängt.

RezeptBeratungVerfügbarkeitPflichtangaben
Entwurf öffnen - Versandapotheke

SchmuckDemo

Schmuckmanufaktur

Einzelstücke mit Atelier- und Herkunftsbezug. Viel Weißraum, wenig Ware pro Bildschirm.

EinzelstückeAtelierHerkunftTermin
Entwurf öffnen - Schmuckmanufaktur

D2C ManufakturDemo

Schreibgeräte-Manufaktur

Füllhalter, Tinten und Papier mit Werkstattservice. Rücknahme und Ersatzteile stehen gleichberechtigt neben dem Verkauf.

WerkstattserviceErsatzteileRücknahmeVarianten
Entwurf öffnen - Schreibgeräte-Manufaktur

Handwerk und FilialenDemo

Bäckerei mit Filialnetz

Sortiment, Backstube und sieben Filialen ohne Shop-Funktion. Das Sortiment zerfällt in seine Bestandteile statt in ein Produktraster.

SortimentsfilterFilialschieneTageswahlAllergene
Entwurf öffnen - Bäckerei mit Filialnetz

D2C RöstereiDemo

Kaffeerösterei mit Abo

Herkunft, Röstgrad und Abonnement. Der Qualitätsbeweis steht als Makroaufnahme vor dem Produkt, nicht dahinter.

Röstgrad-FilterProduktschieneAbo-RechnerHerkunft
Entwurf öffnen - Kaffeerösterei mit Abo

FachhandelDemo

Storefront für High-End-Audio

Storefront eines Fachhandels für hochwertige Audiotechnik: Sortiment, Ankauf, Hörtermin und eine vollständig ausgeführte Produktansicht auf einer einzigen Seite, angelegt für einen Shop auf Shopware 6.7.

StorefrontProduktansichtAnkaufTerminbuchung
Entwurf öffnen - Storefront für High-End-Audio

Unternehmen und Praxis

15 Entwürfe

PraxisDemo

Facharztpraxis

Leistungen, Sprechzeiten und Terminvergabe. Die Seite beantwortet zuerst, was Patienten tatsächlich zuerst fragen.

SprechzeitenLeistungenTerminBarrierefrei
Entwurf öffnen - Facharztpraxis

KanzleiDemo

Rechtsanwaltskanzlei

Rechtsgebiete, Team und Erstberatung. Zurückhaltende Typografie, klare Zuständigkeiten.

RechtsgebieteTeamErstberatungMandat
Entwurf öffnen - Rechtsanwaltskanzlei

ImmobilienDemo

Immobilienmakler

Objekte mit Ausstattung, Lage und Anfrage. Der Objektbestand bleibt lesbar, auch wenn er wächst.

ObjekteLageAusstattungAnfrage
Entwurf öffnen - Immobilienmakler

ArchitekturDemo

Architekturbüro

Projekte, Haltung und Ablauf in ruhiger Ordnung. Das Bild führt, der Text bleibt knapp.

ProjekteHaltungAblaufKontakt
Entwurf öffnen - Architekturbüro

HandwerksbetriebDemo

Photovoltaik und Wärmepumpen

Ablauf von der Dachprüfung bis zur Inbetriebnahme, in sieben Stufen. Der Einstieg fragt nach dem Problem, nicht nach dem Produkt.

ProzessketteÜberschlagsrechnerEinwändeRückruf
Entwurf öffnen - Photovoltaik und Wärmepumpen

LogistikDemo

Spedition und Kontraktlogistik

Prozesskette von der Abholung bis zur Zustellung, drei Standorte. Kennzahlen stehen im Satz statt in Kacheln.

Problem-EinstiegLeistungsketteStandorteKennzahlen
Entwurf öffnen - Spedition und Kontraktlogistik

StudioDemo

Yoga- und Kraftstudio

Kursplan als echtes Zeitraster, Räume und Mitgliedschaft. Auf dem Telefon wird der Plan zur Tagesansicht statt zur gequetschten Tabelle.

KursplanKursartfilterZielgruppenProbetraining
Entwurf öffnen - Yoga- und Kraftstudio

GewerbeflächenDemo

Coworking in der alten Fabrik

Vier Flächentypen, Haus und Aufnahme. Eine klebende Kapitelleiste hält eine lange Seite beherrschbar.

KapitelleisteFlächentypenStimmungsgalerieBesichtigung
Entwurf öffnen - Coworking in der alten Fabrik

FinanzdienstleistungDemo

Unabhängige Vermögensverwaltung

Mandat, Anlagegrundsatz und Ablauf. Vertrauen ohne Personenbilder und ohne eine einzige Renditeangabe.

MandatsartenGrundsätzeAblaufErstgespräch
Entwurf öffnen - Unabhängige Vermögensverwaltung

BeratungDemo

Personalberatung mit zwei Wegen

Unternehmen und Kandidaten auf einer Startseite, gleichwertig. Der gewählte Weg tauscht den kompletten Mittelteil.

DoppelpfadBranchenVerfahrenDoppelformular
Entwurf öffnen - Personalberatung mit zwei Wegen

AugenoptikDemo

Augenoptik mit Werkstatt

Zwei Fächer unter einem Dach: Sehen und Hören, beide mit eigener Werkstatt. Zeigt, wie ein Fachgeschäft Messung, Fertigung und Termin in eine Reihenfolge bringt, die man versteht.

Senkrechte NavigationTerminanfrageWerkstattZwei Standorte
Entwurf öffnen - Augenoptik mit Werkstatt

ZahntechnikDemo

Dentallabor für Zahnarztpraxen

Ein Labor, das ausschließlich für Praxen arbeitet: Versorgungsarten filterbar, der Weg vom Auftragsblatt bis zur Lieferung wahlweise aus Sicht der Praxis oder des Labors. Zeigt, wie ein Fachbetrieb ohne Endkundengeschäft seine Arbeit erklärt.

LeistungsfilterProzessachseZwei SichtenAuftragsanfrage
Entwurf öffnen - Dentallabor für Zahnarztpraxen

Kultur, Bildung und Gemeinnutz

4 Entwürfe

KulturhausDemo

Kunsthalle mit Wechselausstellungen

Laufzeiten, Sammlung und Vermittlung. Die Seite ist graustufig; Farbe kommt allein aus dem Motiv der jeweiligen Ausstellung.

ZeitfilterFarbcodierungProgrammBesuchsinfo
Entwurf öffnen - Kunsthalle mit Wechselausstellungen

BildungseinrichtungDemo

Privatschule mit Internat

Drei Stufen, drei Zielgruppen, Aufnahmeverfahren. Ein Umschalter im Kopf tauscht den Einstieg für Eltern, Schüler und Lehrkräfte.

ZielgruppenStufenTagesablaufAufnahme
Entwurf öffnen - Privatschule mit Internat

WeiterbildungDemo

Akademie für Unternehmen

Kurskatalog mit Formaten und Terminen. Zwei Detailstufen im selben Takt halten eine sehr lange Seite überfliegbar.

KapitelleisteFormatfilterTerminwahlAnfrage
Entwurf öffnen - Akademie für Unternehmen

GemeinnützigDemo

Naturschutz-Stiftung

Projekte, Wirkung und Förderung ohne Verkaufslogik. Jede Zahl steht im Satz, keine einzige in einer Kachel.

ProjektfilterFörderstufenFlächenrechnerUpdate-Feed
Entwurf öffnen - Naturschutz-Stiftung

Anwendung

2 Entwürfe

SaaS-OberflächeDemo

Workflow-Plattform

Produktseite und Auswertung für ein Fachsystem. Dunkle Oberfläche, nummerierte Sektionskette als Lesefortschritt.

ProduktseiteAuswertungDunkelmodusPreisstufen
Entwurf öffnen - Workflow-Plattform

App-OberflächeDemo

Fitness- und Gewohnheits-App

App-Oberfläche mit Tagesübersicht, Verlauf und Einstellungen. Bedienung über Bottom-Sheets statt über Seitenwechsel.

TagesübersichtVerlaufBottom-SheetsZiele
Entwurf öffnen - Fitness- und Gewohnheits-App
Demo