Hinter den Kulissen unserer neuer Website

Seit Ende Juni präsentiert sich unsere Website im frischen Gewand. Dahinter steckt nicht nur ein neues Design, sondern auch viel konzeptionelle und technologische Arbeit.

Wie alles begann

Als wir im Oktober 2022 diskutierten, ob unsere Website eine Generalüberholung braucht, waren nicht alle im Team gleich an Bord. Einerseits bindet ein internes Projekt stets Ressourcen, andererseits war die Website noch nicht alt.

Allerdings gab es zwei triftige Argumente für eine Überarbeitung. Die damalige Technologie erschwerte Content- und Designanpassungen. Und wir wollten auf eine Lösung setzen, welche wir auch unseren Kund:innen anbieten: das Headless CMS Strapi. Zudem wollten wir den Fokus zurück auf das legen, was wirklich wichtig ist: Software für Menschen. Der alte Auftritt erinnerte zu sehr an eine Digital-Marketing-Agentur und hat dadurch teils für Verwirrung gesorgt.

Design: Minimal, aber effektiv

Das Ziel des Redesigns war eine Balance zwischen klarer, minimalistischer Struktur und verspielten Elementen.

So entstand über die Monate in den Händen von Corinne Felix die frische Gestaltung der Website: luftig, aber dennoch kompakt. Geradlinig und spielerisch zugleich, etwa bei den Layout-Möglichkeiten. Feine Animationen, beispielsweise auf Buttons oder den Teasern unserer Referenzen, verleihen den Interaktionen die nötige Haptik.

Blick auf die Technologie

Aus dem breiten Angebot an Content-Management-Systemen entschieden wir uns für Strapi, eine Headless Open-Source-Lösung, die wir bereits bei Kundenprojekten erfolgreich einsetzen. Der Einsatz von Strapi birgt einige Vorteile:

• Unser Entwicklungsteam kennt die technischen Finessen der Lösung bereits.
• Wir können Strapi problemlos im Live-Einsatz zeigen, ohne stets eine Demo-Instanz aufbauen zu müssen.
• Wir setzen selbst ein, was wir auch verkaufen.

Strapi bietet nebst der intuitiven Bedienung und Content-Verwaltung auch nützliche Features. Beispielsweise eine Bildoptimierung, die wir sonst im Frontend umsetzen müssten.

Für das Frontend setzen wir auf Next.js, ein performantes Framework, das eine reibungslose User Experience garantiert und zudem für das Team eine moderne und angenehme Entwicklungserfahrung bietet.

Schlaglöcher in der Roadmap

Natürlich lief die Überarbeitung der Website nicht so reibungslos, wie wir uns das vorgestellt haben. So beanspruchte das Projekt mehr Zeit als initial veranschlagt.

Hauptsächlich verantwortlich waren neue Erkenntnisse im Umgang mit Strapi. So kam es zu doppelter Arbeit an bereits umgesetzten Features.

Auch das Design durchlief mehrere Zyklen. Denn durch den ebenfalls überarbeiteten Content zeigte sich, welche Elemente noch optimiert oder gar erst aufgebaut werden mussten. Es ist ein Paradebeispiel dafür, dass Design und Inhalt sich die Hand geben und gemeinsam entwickelt werden müssen.

Wir arbeiten weiter

Die Website wird in den kommenden Wochen und Monate selbstverständlich weiterentwickelt. Es stehen zahlreiche Ideen im Raum, aber was heute schon klar ist, verraten wir gerne:

1. Wir werden unseren Blog direkt auf der Website integrieren, um unseren Content möglichst zentralisiert zu verwalten – einer der grossen Vorteile des Headless CMS.
2. Wir werden die gesamte Website übersetzen und eine englische Version anbieten. Die Option für Mehrsprachigkeit wurde bereits in der initialen Entwicklung berücksichtigt.
3. Wir werden weiter am Design feilen und schleifen, insbesondere an den feinen Animationen und Interaktionen.

Du hast Feedback oder Inputs zur neuen Webseite? Wir freuen uns über jede Wortmeldung! Gerne einfach eine Mail an hallo@zeilenwerk.ch schreiben! :D