Aktuelle Beiträge Zum Blog
Designbeispiele

Layoutentwürfe

Dreiundvierzig 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

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

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

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

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

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

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

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

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

LebensmittelDemo

Hofladen mit Abo-Kiste

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

Abo-KisteSaisonHofladenAbholung
Entwurf öffnen

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

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

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

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

KosmetikDemo

Naturkosmetik

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

SerienInhaltsstoffeRoutinenVerträglichkeit
Entwurf öffnen

TierbedarfDemo

Tierbedarf mit Beratung

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

Nach TierBeratungAbholungNachbestellung
Entwurf öffnen

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

ApothekeDemo

Versandapotheke

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

RezeptBeratungVerfügbarkeitPflichtangaben
Entwurf öffnen

SchmuckDemo

Schmuckmanufaktur

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

EinzelstückeAtelierHerkunftTermin
Entwurf öffnen

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

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

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

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

Unternehmen und Praxis

14 Entwürfe

IndustrieDemo

Maschinenbau-Unternehmen

Fertigung mit Verfahren, Toleranzen und Anfrage. Technische Tiefe ohne Datenblatt-Optik.

VerfahrenToleranzenReferenzenAnfrage
Entwurf öffnen

PraxisDemo

Facharztpraxis

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

SprechzeitenLeistungenTerminBarrierefrei
Entwurf öffnen

KanzleiDemo

Rechtsanwaltskanzlei

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

RechtsgebieteTeamErstberatungMandat
Entwurf öffnen

ImmobilienDemo

Immobilienmakler

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

ObjekteLageAusstattungAnfrage
Entwurf öffnen

GastronomieDemo

Restaurant mit Reservierung

Karte, Ambiente und Reservierung. Die Karte ist lesbar statt ein eingebettetes PDF.

SpeisekarteReservierungÖffnungszeitenAmbiente
Entwurf öffnen

ArchitekturDemo

Architekturbüro

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

ProjekteHaltungAblaufKontakt
Entwurf öffnen

HotelDemo

Hotel mit Anfragestrecke

Zimmer, Haus und Anfrage in ruhiger Bildsprache. Stimmung und Fakten stehen getrennt, nicht vermischt.

ZimmerHausAnfrageUmgebung
Entwurf öffnen

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

LogistikDemo

Spedition und Kontraktlogistik

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

Problem-EinstiegLeistungsketteStandorteKennzahlen
Entwurf öffnen

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

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

FinanzdienstleistungDemo

Unabhängige Vermögensverwaltung

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

MandatsartenGrundsätzeAblaufErstgespräch
Entwurf öffnen

BeratungDemo

Personalberatung mit zwei Wegen

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

DoppelpfadBranchenVerfahrenDoppelformular
Entwurf öffnen

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

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

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

WeiterbildungDemo

Akademie für Unternehmen

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

KapitelleisteFormatfilterTerminwahlAnfrage
Entwurf öffnen

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

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

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
Demo