Projekte & Designbeispiele

Webdesign-Beispiele und Projekte

Hier findest du ein abgeschlossenes Kundenprojekt und freie Designideen für unterschiedliche Angebote. Sie zeigen, wie Seitenstruktur, Inhalte, Bildsprache und Gestaltung zusammenspielen können – bei einem realen Neuaufbau ebenso wie bei frei entwickelten Konzepten.

Startseite der neu aufgebauten Website der Mietervereinigung Berlin

Website-Neuaufbau für die Mietervereinigung Berlin

Für Beratungsangebote, Mitgliedschaft, aktuelle Meldungen und dauerhaft relevante mietrechtliche Ratgeber brauchte es eine neue Ordnung. Darum begann das Projekt bei den Inhalten: Nutzerwege wurden neu sortiert und anschließend als ruhige, responsive Website umgesetzt.

Leistungen: Konzeption, Informationsarchitektur, Webdesign, technische Umsetzung und SEO-Basis.

Projekt ansehenWebsite live öffnen

Freie Designstudien

Fünf selbst initiierte Entwürfe mit fiktiven Marken und Inhalten – keine Kundenaufträge. Jeder zeigt eine eigene Struktur, Bildsprache und einen eigenen Weg zur Anfrage.

01: Kommunikationstraining, Coaching & Beratung

Website für Kommunikationstraining und Coaching

„Clara Neumann“ ist ein frei entwickelter Entwurf für eine Kommunikationstrainerin in Berlin. Marke, Person und alle Inhalte sind erfunden. Das Angebot reicht vom Einzelcoaching bis zum Training für Teams – die Seite muss diese Bandbreite ordnen, ohne beliebig zu werden.

Wer eine Trainerin sucht, kommt meist mit einer konkreten Situation: Ein Auftritt steht an, ein Kundengespräch läuft schwierig, eine neue Führungsrolle verlangt etwas anderes. Die Ansichten zeigen deshalb, wie zuerst der Anlass benannt wird und die Leistungen erst danach kommen.

  • Anlässe werden beim Namen genannt, bevor Leistungen aufgezählt werden
  • Drei Themenbereiche mit eigener Sprungnavigation statt einer langen Liste
  • Dunkle Abschnitte als Zäsur zwischen den Themen, damit die Seite Struktur behält

Freies Beispielkonzept, fiktive Inhalte, kein Kundenprojekt

StartseiteEin Satz ordnet das Angebot ein, daneben stehen zwei Wege: Erstgespräch oder Leistungen.

02: Fotografie, Kunst & Kreativarbeit

Bildstarke Website für ein Fotostudio

„Lumière“ ist eine frei entwickelte Beispielseite für ein Fotostudio. Große Bilder, markante Typografie und eine redaktionelle Gestaltung machen Bildsprache und Haltung schon beim ersten Besuch spürbar.

Die neuen Ansichten reichen vom Einstieg über ausgewählte Arbeiten bis zu zwei Studiowelten und einer redaktionellen Bildstrecke. So verbindet die Seite Atmosphäre mit konkreter Orientierung.

  • Große Bildflächen als Teil der Markenwirkung
  • Ausgewählte Arbeiten, Editorials und zwei Studios als eigene Erzählung
  • Konkrete Leistungen und Buchungswege trotz mutiger Gestaltung

Freies Beispielkonzept, fiktive Inhalte, kein Kundenprojekt

StartseiteBildsprache, Haltung und der Weg in das Portfolio werden unmittelbar sichtbar.

03: Trauerrede & sensible Anlässe

Ruhige Website für eine freie Trauerrednerin

„Lina Aven“ ist eine frei entwickelte Beispielseite für freie Trauerreden in Hamburg. Gedeckte Farben, viel Ruhe im Layout und eine klare, ehrliche Sprache geben Angehörigen in einer schweren Situation Halt und Orientierung.

Die Ansichten zeigen, wie die Startseite Vertrauen aufbaut, der Ablauf in drei Schritten Entlastung vermittelt und das Honorar als fester Paketpreis ohne Kleingedrucktes transparent bleibt.

  • Ruhiger Einstieg mit klarer Botschaft statt Floskeln
  • Drei überschaubare Schritte nehmen Angehörigen die Last
  • Ein fester Paketpreis schafft Transparenz und Vertrauen

Freies Beispielkonzept, fiktive Inhalte, kein Kundenprojekt

StartseiteRuhige Bildwelt und eine klare Botschaft schaffen sofort Vertrauen.

04: Genuss, Manufaktur & Produktwelt

Markenwebsite für eine fiktive Premium-Imkerei

„Lunava Honig“ ist ein freier Designentwurf für eine kleine fiktive Imkerei im Vellmorer Land. Die Marke erzählt die Unterschiede von Blüte, Jahreszeit und Standort mit einer ruhigen botanischen Bildsprache statt mit austauschbaren Siegeln und Produktversprechen.

Die Website verbindet Sortiment, Produktdetails, Honigwissen und redaktionelle Blütenpost zu einer zusammenhängenden Markenwelt. Die sechs ausgewählten Ansichten zeigen deshalb nicht nur Einstiege, sondern auch die Stellen, an denen Produkt, Auswahl und Inhalt konkret werden.

  • Eigenständige Markenwelt aus Serifentypografie, warmen Naturtönen und botanischen Motiven
  • Produktansichten, Honigwissen und redaktionelle Inhalte führen mit klarer Struktur durch die Auswahl
  • Redaktionelle Inhalte schaffen Tiefe, ohne den Weg zum Produkt aus den Augen zu verlieren

Freier Designentwurf für eine fiktive Imkerei, kein Kundenprojekt und kein Shop-Launch

StartseiteMarke, Ernteversprechen und zwei klare Wege machen das Angebot auf einen Blick verständlich.

05: Handwerk, Restaurierung & Werkstatt

Werkstattseite für eine Möbelrestaurierung

„Atelier Intarsia“ ist ein freier Entwurf für eine Berliner Restaurierungswerkstatt. Marke, Räume und alle gezeigten Arbeiten sind erfunden. Die Seite lebt von ruhigen Objektaufnahmen und einer Sprache, die das Vorgehen erklärt, statt ein Ergebnis zu versprechen.

Bei Handwerksbetrieben trägt das Objekt die Seite. Die fünf Ansichten zeigen, wie Einstieg, Arbeitenübersicht, Vergleich, Werkstatt und eine einzelne Leistung ineinandergreifen, ohne dass die Gestaltung laut werden muss.

  • Objektaufnahmen und Werkstattbilder tragen die Seite, ohne Kompetenz nur zu behaupten
  • Leistungen bekommen eigene Seiten mit Anlass, Vorgehen und Grenze der Arbeit
  • Der Weg zur Anfrage bleibt in der Kopfzeile jeder Seite sichtbar, ohne sich vorzudrängen

Freier Designentwurf für eine fiktive Werkstatt, kein Kundenprojekt

StartseiteEin Objekt, ein Satz zum Anliegen und zwei Wege weiter – mehr braucht der Einstieg nicht.

Dein eigenes Projekt

Dein Angebot braucht keine Vorlage von der Stange.

Im kostenlosen Erstgespräch klären wir, welche Inhalte, Struktur und gestalterische Richtung zu deinem Unternehmen passen. Was so ein Projekt kostet und wie es abläuft, kannst du auch vorher schon nachlesen.