Webdesign-Beispiele und Projekte

„Seele & Erde“ ist ein freier Entwurf für eine fiktive Anbieterin spiritueller Begleitung. Die Startseite führt vom Strandmotiv über das persönliche Porträt zu Gesprächen, Achtsamkeit und Ritualen im Wandel.

Elfenbein, Sand, Waldgrün und Terrakotta, große Serifenschriften und großzügige Abstände prägen die Gestaltung. Ein eigener Bereich greift die Beziehung zwischen Mensch und Tier auf. Marke, Person, Angebote und Beispielstimmen sind erfunden; die Bilder wurden mit KI erstellt.

• Strandmotiv und persönliche Porträts als Einstieg
• Begleitungsangebote und Themen klar gegliedert
• Ruhige Naturfarben und große Schriftkontraste

„Lunava Honig“ ist ein freier Designentwurf für eine kleine fiktive Imkerei im Vellmorer Land. Warme Naturtöne, eine Serifenschrift und botanische Motive bestimmen die Gestaltung.

Der Entwurf zeigt Honigsorten, Preise und Informationen zu Blüten und Erntezeiten. Besucher finden außerdem Beiträge zur Imkerei, Hinweise zu Bestellung und Abholung sowie Antworten auf häufige Fragen.

• Serifenschrift, warme Naturtöne und botanische Motive
• Produktansichten und Sortenbeschreibungen helfen bei der Auswahl
• Die Blütenpost ergänzt das Sortiment um Beiträge zu Blüten und Erntezeiten

„Vegan für Hunde“ ist ein frei entwickelter Entwurf für eine Ernährungsberaterin. Marke, Person und Inhalte sind fiktiv. Die Website muss ein sensibles, erklärungsbedürftiges Thema verständlich einordnen, ohne aus einer Beratung pauschale Versprechen zu machen.

Die Startseite führt vom klaren Einstieg über Zielgruppe und Ablauf bis zur Einordnung von Möglichkeiten und Grenzen und zur Rationsberechnung. Am Ende steht die Einladung zum kostenlosen Erstgespräch.

• Klare Positionierung im ersten Bildschirm, mit zwei Wegen in die Beratung
• Ein erklärungsbedürftiges Thema ist in verständliche Abschnitte gegliedert, Grenzen werden offen benannt
• Ablauf und Umfang der Beratung werden vor den fachlichen Einzelheiten erklärt

„Lumière“ ist eine frei entwickelte Beispielseite für ein Fotostudio. Große Fotos und markante Schrift prägen den Entwurf.

Die Seite zeigt ausgewählte Arbeiten, zwei Studios und eine redaktionelle Bildstrecke. Leistungen und Buchungsmöglichkeiten ergänzen die Bilder.

• Große Bildflächen als Teil der Markenwirkung
• Ausgewählte Arbeiten, redaktionelle Bildstrecken und Informationen zu zwei Studios
• Konkrete Leistungen und Buchungswege trotz mutiger Gestaltung

„Lina Aven“ ist eine frei entwickelte Beispielseite für freie Trauerreden in Hamburg. Gedeckte Farben und großzügige Abstände prägen den Entwurf. Die Texte erklären den Ablauf einer Trauerrede und zeigen Angehörigen, wie sie Kontakt aufnehmen können.

Die Startseite führt in ruhigen Schritten von der Botschaft über Orientierung und Ablauf bis zur unkomplizierten ersten Anfrage. Anruf und Nachricht sind von Beginn an erreichbar, auch mobil.

• Ruhiger Einstieg mit klarer Botschaft statt Floskeln
• Anruf und Nachricht sind sofort erreichbar, mobil mit fester Kontaktleiste
• Pastellfarben, Schreibschrift für die Marke und viel Weißraum geben der Seite Ruhe

„Clara Neumann“ ist ein frei entwickelter Entwurf für eine Kommunikationstrainerin in Berlin. Marke, Person und alle Inhalte sind erfunden. Die Seite unterscheidet Einzelcoaching und Teamtraining.

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 Startseite benennt deshalb zuerst den Anlass, die Leistungen folgen danach.

• Anlässe werden beim Namen genannt, bevor Leistungen aufgezählt werden
• Drei Schwerpunkte mit Ziel und eigenem Link statt einer langen Aufzählung
• Typische Anlässe als aufklappbare Karten: ein Satz sichtbar, der Rest per Klick

„Atelier Intarsia“ ist ein freier Entwurf für eine Berliner Restaurierungswerkstatt. Marke, Räume und alle gezeigten Arbeiten sind erfunden. Fotos der Möbel und der Werkstatt stehen im Mittelpunkt. Die Texte erklären das Vorgehen bei einer Restaurierung.

Die Startseite zeigt Arbeiten, erklärt den Ablauf und gibt eine Preisorientierung. Informationen zur Werkstatt und eine Kontaktmöglichkeit ergänzen die Seite.

• Fotos zeigen Möbel, Restaurierungsarbeiten und die Werkstatt
• Leistungen bekommen eigene Seiten mit Anlass, Vorgehen und Grenze der Arbeit
• Der Button „Fotos senden“ bleibt in der Kopfzeile erreichbar