Mosaik Website-Designs

Komplette Website mit modernem Mosaik-Webdesign

Die Website einer Designagentur besteht selten nur aus einer Seite. Es gibt eine Startseite, eine Projektübersicht und eine Seite für jedes Projekt. Die Bereiche „Über uns“ und „Kontakt“ befinden sich hinter derselben Navigation. Das Mosaik-Webdesign hält diese Elemente zusammen: eine einheitliche Schriftart, eine einheitliche Farbpalette und eine einheitliche Bildgestaltung vom Einstiegspunkt bis zum tiefsten Bereich.

Einheitliche Stile für alle Seiten

Identische Seiten wären ermüdend. Daher konzentriert sich die Einheitlichkeit auf die Stile, während die Layouts flexibel bleiben. Was Besucher wiedererkennen, wird einmalig auf Website-Ebene festgelegt.

Ein Mosaik-Designsystem legt in der Regel einige Elemente für die gesamte Website fest:

• Überschriften, Fließtext und Impressum basieren auf einer einheitlichen Schriftart.

• Eine Farbpalette, die in Hintergründen, Schaltflächen und Bildüberlagerungen wiederkehrt.

• Proportionen und Abstände, die in allen Inhalten wiederkehren.

• Eine einheitliche Gestaltung der Hauptaktionen, von „Angebot anfordern“ bis „Kontakt“.

Nicepage verwaltet diese Ebene in den Theme-Einstellungen, wo Schriftarten und Farben für die gesamte Website definiert werden. Kopf- und Fußzeile befinden sich an derselben Stelle, sodass sich Änderungen sofort überall bemerkbar machen.

Von der Startseite zu den tieferen Bereichen

Besucher verweilen selten auf der Startseite. Ihr Weg führt üblicherweise zu einem Eintrag, dann zu einem Fall und schließlich zu den Kontakten. Eine Website wirkt stimmig, wenn jeder Schritt wie eine Fortsetzung des vorherigen erscheint.

Eine Agentur kann die dichteste Anordnung auf der Startseite beibehalten und die inneren Bereiche übersichtlicher gestalten. Eine Fotografie-Website geht oft umgekehrt vor und verwendet die größten Bilder in den tieferen Bereichen. Eine Produktpräsentation kann auf Kategorieseiten ein Mosaik aus Bildern zeigen und bei Preisinformationen zu einfachen Zeilen wechseln.

Komplette Website-Designs lassen sich leichter als Einheit beurteilen. Die Startseite zeigt den Charakter, und die inneren Bereiche zeigen, ob die Website auch mit längeren Texten und kleineren Bildern funktioniert.

Kopfzeile, Fußzeile und übersichtliche Navigation

Die Navigation spielt hier eine wichtigere Rolle, da ein Großteil der Navigation durch Klicken auf Bilder erfolgt. Das Menü bleibt durchgehend an derselben Position, und die Fußzeile wiederholt die Hauptabschnitte, sodass die Navigation vorhersehbar bleibt.

Wiederkehrende Elemente halten alles zusammen. Ein einmal definierter Kartenstil erscheint in der Projektliste, bei verwandten Artikeln und im Newsbereich – alles wirkt wie aus einem Guss.

Die Dichte ist der Aspekt, der sich zwischen den Abschnitten ändert. Eine Startseite kann dicht bestückt sein, eine Serviceseite hingegen fast leer, und dennoch wirkt das Design einheitlich, da Typografie, Abstände und Bildgestaltung beibehalten werden.

Spätere Ergänzungen folgen denselben Regeln. Eine neue Fallstudie, eine neue Dienstleistung oder ein saisonaler Landingpage übernimmt die Kopfzeile, die Schriftgröße und die zu Beginn festgelegten Proportionen.