Die St. Galler Agentur Echt macht Branding und Verpackungsdesign auf Basis von Neurowissenschaften. Im Zuge einer Neuausrichtung und eines kompletten Rebrandings musste auch ein neuer Webauftritt her. In enger Zusammenarbeit mit der Design-Abteilung von Echt wurde die neue Webseite entwickelt.
Ausgangslage
Echt hat bei Projektbeginn klare Wünsche geäussert, wie sie sich ihren neuen Webauftritt vorstellen. Schlicht, modular und bewegt soll er sein. Ein grundlegendes Design hatte Echt schon vor Projektgewinn entwickelt. In enger Zusammenarbeit mit uns wurde dieses finalisiert und so optimiert, dass alles umsetzbar ist.
Das CMS
Für Echt war es wichtig, dass sie ihre Webseite eigenständig und modular selber verwalten können. Das von uns verwendete CMS Storyblok bietet genau das. Beim Aufbau der Backendstruktur wurde ein besonderes Augenmerk auf einen benutzerfreundlichen und einfachen Aufbau gelegt - sodass Echt nach Projektabschluss den Inhalt problemlos und einfach ergänzen und weiterentwickeln kann. Die Live-Preview-Funktion von Storyblok hilft dabei natürlich auch.
Das Styling
Da Echt eine Agentur für Branding und Verpackungsdesign ist, war natürlich auch das Design der Webseite ein ausschlaggebender Faktor. Mittels eines ausgeklügelten Designsystems, welches modular umgesetzt ist, kann Echt auf ihrer Webseite mit extrem viel kreativen Freiraum arbeiten, es bewegt sich aber dennoch alles klar im Designsystem und im CI/CD.
Bewegung
Um der ansonsten sehr clean gestalteten Webseite noch das gewisse Etwas zu verleihen, wurde beschlossen, viel Effort in Animationen und Mikrointeraktionen zu investieren. Mit der JavaScript Library GSAP konnte erreicht werden, dass die Animationen performant auf der Webseite eingebettet sind.
Zusammenfassung
Das Projekt mit Echt hat uns extrem viel Spass gemacht. Durch den hohen visuellen Anspruch von Echt wurden wir zu Höchstleistungen gepusht, welche auch uns weitergebracht haben. Mit dem Resultat sind wir (und auch Echt) extrem happy!
Möchtest du mehr über Echt erfahren oder möchtest du die umgesetzten Animationen und Mikrointeraktionen in Aktion erleben? Dann besuche die echt.ch Seite.