Website Stéphanie Signorell Interior Design

Eine Website zum Thema «Interior Design» soll inspirieren, kreative Ideen aufzeigen und gleichzeitig eine gewisse visuelle Erwartungshaltung erfüllen. Daher haben wir die Website in Form eines interaktiven Magazins gestaltet, das mit Bildcontainern in verschiedenen Grössen und Proportionen spielt, aber auch grossen Wert auf die typografische Gestaltung legt. Ganz im Stil der verschiedenen Architektur-Magazine – jedoch alles mit einer Ausrichtung auf die digitale Nutzung – und nicht als pure Simulation eines Print-Magazins.

UI/User Interface Design

Für die Desktop-Darstellung bedienen wir uns eines breiten Grids, um Typografie und Bildern genug Raum zuzugestehen. Dennoch sind die einzelnen Patterns so gestaltet, dass eine adäquate Darstellung auch auf Tablets und Smartphone gegeben ist – ohne das Look & Feel der Website zu sehr zu verfremden. Kleine Animationen, wie das sanfte Einblenden von Inhaltselementen während des Scrollens, oder auch die subtile Footer-Animation von Wort- und Bildmarke, bei der sich beide Elemente gegenläufig aufeinander zubewegen.

Auf der Seite «Services» haben wir die Detailansichten der einzelnen Angebots-Pakete so gelöst, dass sie sich nach einem Klick auf den «View details» Button in einer animierten Lightbox öffnen, diese Detailansichten aber auch als vollwertige Seiten von Google indexiert und verlinkt werden können. Natürlich verfügt jede dieser Detailansichten über eine direkte Kontaktmöglichkeit für Interessenten.

Diese und weitere Features machen das User Interface zu einer attraktiven Bühne für die Showcases, Brands und Partner von Stéphanie Signorell Interior Design.

Cleveres Backend

Nur benutzerfreundliche CMS-Systeme ermutigen die Website-Betreiber dazu, Inhalte zu erfassen. Daher haben wir erneut das Backend möglichst massgeschneidert. So haben wir für die meisten «Patterns» eigene Gutenberg-Blocks erstellt. So lassen sich bestehende Seiten einfach um neue Content-Blöcke erweitern oder neue Seiten zusammenstellen. Überdies sind manche dieser Gutenberg-Blocks mit anderen Content-Bereichen verknüpft. So lassen sich zu Projekt-Showcases mit wenigen Klicks die verwendeten Brands zuweisen. Die Darstellung und Verlinkung zu den Detailseiten der Marken erfolgt dabei automatisch. Ein späteres Hinzufügen weiterer Brands oder auch die Anpassung der Sortierung sind selbstverständlich jederzeit möglich. Durch die Verwendung dieser individuellen und verknüpften Blöcke vereinfacht sich die Inhalts-Erfassung enorm. Und insgesamt entsteht durch den cleveren Aufbau, aber auch das individuelle und plakative UI-Design ein Mehrwert für die Besucher der Website, aber auch für die Betreiber – eine echte Win-Win-Situation.