Wir haben unsere Website neu gebaut: neues Design, neues Erlebnis, neue Technologie
Nach mehreren Jahren haben wir beschlossen, unsere Website neu zu bauen.
Die bisherige Website funktionierte durchaus. Aber in der Zwischenzeit hatten wir uns verändert, unsere Arbeitsweise hatte sich verändert, und auch die Website war ganz anders geworden als die, mit der wir angefangen hatten.
Mit der Zeit hatten wir neue Bereiche, Funktionen, Integrationen und Systeme hinzugefügt, um Anforderungen abzudecken, die wir anfangs nicht vorgesehen hatten. Jede Ergänzung hatte ihren Grund. Doch wie so oft begann sich all das zu summieren.
Irgendwann haben wir uns deshalb eine ganz einfache Frage gestellt:
Ist es noch sinnvoll, der alten Website weitere Elemente hinzuzufügen, oder ist es Zeit, sie von Grund auf neu zu denken?
Wir haben uns für den zweiten Weg entschieden. Das Ergebnis ist die neue Website, die Sie gerade besuchen: ein neues Design, ein neues Erlebnis und vor allem eine neue technische Grundlage. Wir sind von WordPress zu Next.js gewechselt.
Es ging nicht nur um das Design
Wenn von einer neuen Website die Rede ist, denkt man oft zuerst an das Aussehen: andere Farben, Schriften, Bilder, Animationen und Layouts.
Für uns sollte das neue Projekt mehr sein. Wir wollten neu überlegen, wie die Website unsere Tätigkeit vorstellt und wie sich jemand in unseren Dienstleistungen zurechtfindet.
Die Website muss schnell vermitteln:
- wer wir sind;
- was wir machen;
- welche Dienstleistungen wir anbieten;
- wie wir arbeiten;
- welche Projekte wir umsetzen;
- warum ein Unternehmen mit uns zusammenarbeiten sollte.
Deshalb haben wir das Erlebnis ausgehend von den Inhalten und Zielen neu gestaltet und erst danach die Ästhetik angegangen. Das neue Design entstand also aus dem Wunsch, die Website klarer, direkter und näher an unserer Arbeitsweise zu machen.
Warum haben wir WordPress verlassen?
Zuerst etwas Wichtiges: WordPress ist in Ordnung. Es ist eine äusserst verbreitete, vielseitige Plattform, die für sehr viele Arten von Projekten passt.
Für einen Blog, eine Unternehmenswebsite mit vielen Inhalten, einen Onlineshop oder ein Projekt, das täglich von mehreren Personen gepflegt werden muss, kann ein CMS eine sehr vernünftige Wahl sein.
Unser Fall war aber anders. Unsere Website ist in erster Linie eine Visitenkarten-Website: Wir müssen keine Hunderte von Produkten verwalten, brauchen keinen komplexen Katalog und haben kein grosses Redaktionsteam, das laufend neue Inhalte veröffentlicht.
Unsere Website soll vor allem zeigen, wer wir sind, unsere Dienstleistungen vorstellen und unsere Arbeit zeigen. Deshalb haben wir uns gefragt, ob wir die Komplexität eines CMS überhaupt noch brauchen. Die Antwort war Nein.
Das Problem war die entstandene Komplexität, nicht WordPress
Im Lauf der Jahre hatten wir der Website verschiedene Funktionen hinzugefügt. Für jede neue Anforderung fanden wir eine Lösung: ein Plugin, eine Integration, eine Konfiguration, ein neues System oder eine Anpassung.
Für sich genommen waren all diese Entscheidungen vernünftig. Mit der Zeit war daraus jedoch ein System aus vielen verschiedenen Teilen geworden, die miteinander auskommen mussten. Und je mehr Teile es gibt, desto grösser ist die Gefahr, dass eine Änderung Folgen an anderer Stelle hat.
Auch scheinbar einfache Arbeiten konnten mehr Aufmerksamkeit erfordern: aktualisieren, prüfen, ob alles weiterhin funktioniert, mögliche Unverträglichkeiten abklären und in manchen Fällen direkt auf der Live-Website testen.
Diese Arbeitsweise passte nicht mehr zu uns. Wir wollten mehr Kontrolle über das Projekt und vor allem entwickeln und ausprobieren können, ohne ständig in die Live-Website eingreifen zu müssen.
Updates, Plugins und unerwartete Probleme
Ein weiterer Punkt, den wir berücksichtigt haben, ist die Wartung. Ein Ökosystem aus CMS, Themes, Plugins und Integrationen bietet sehr viele Möglichkeiten, schafft aber auch verschiedene Abhängigkeiten.
Das Update eines Plugins kann in manchen Fällen zu einer Unverträglichkeit mit einer anderen Komponente führen. WordPress bleibt zuverlässig, aber je mehr Komponenten zusammenarbeiten müssen, desto aufwendiger wird die Pflege.
Und wenn etwas schiefgeht, wird das Problem noch deutlicher. Wer keinen direkten Zugriff auf den Server oder die Infrastruktur hat, muss unter Umständen über den Hosting-Anbieter gehen, ein Backup zurückspielen, die fehlerhafte Komponente ausfindig machen oder das Problem von Hand beheben. All das kann Zeit kosten.
Für unsere Website haben wir deshalb einen anderen Ansatz gewählt.
Wir entwickeln lokal, testen und veröffentlichen dann
Mit der neuen Website haben wir einen viel kontrollierteren Entwicklungsablauf. Neue Funktionen werden lokal entwickelt, ohne die Website zu verändern, die gerade besucht wird.
So können wir:
- eine Änderung entwickeln;
- sie testen;
- prüfen, ob die verschiedenen Teile der Website weiterhin funktionieren;
- das Verhalten auf verschiedenen Geräten und Bildschirmgrössen kontrollieren;
- allfällige Probleme beheben;
- erst veröffentlichen, wenn die Arbeit fertig ist.
Das mag wie ein technisches Detail wirken, verändert unsere Arbeitsweise aber stark. Wir können ausprobieren, Änderungen vornehmen und neue Lösungen testen, ohne die Live-Website als Testumgebung zu benutzen.
Zuerst entwickeln wir. Dann prüfen wir. Zum Schluss veröffentlichen wir. Dieser Ablauf gibt uns mehr Kontrolle und lässt uns ruhiger arbeiten.
Warum wir uns für Next.js entschieden haben
Nachdem wir beschlossen hatten, bei null anzufangen, haben wir geprüft, welche Technologie am besten zum Projekt passt.
Wir haben Next.js gewählt, weil wir damit die Website genau um unsere Bedürfnisse herum bauen können, ohne von einer Allzweckplattform auszugehen und später zu ergänzen, was fehlt. Das gibt uns mehr Kontrolle über die Struktur der Website, die Komponenten, die Seiten, die Interaktionen und die Performance.
Der Vorteil liegt also nicht einfach darin, «eine modernere Technologie zu nutzen». Er liegt darin, selbst entscheiden zu können, wie jeder Teil des Projekts gebaut wird. Für eine Website wie unsere ist diese Freiheit besonders interessant.
Eine Visitenkarten-Website muss nicht kompliziert sein
Unsere Website muss wenige Dinge können, diese aber gut. Sie muss schnell sein. Sie muss klar sein. Sie muss auf Desktop und Mobilgeräten gut funktionieren. Sie muss unsere Dienstleistungen vorstellen. Sie muss schnell verständlich machen, wer wir sind. Sie muss potenzielle Kundinnen und Kunden zur Kontaktaufnahme führen.
Wir brauchen keine Hunderte von Funktionen. Genau deshalb haben wir darauf verzichtet, eine komplexere Struktur als nötig zu bauen. Eine massgeschneiderte Lösung erlaubt es uns, das Projekt auf das zu konzentrieren, was tatsächlich gebraucht wird.
Mehr Kontrolle heisst auch mehr Freiheit im Design
Besonders wichtig war uns, die Benutzeroberfläche komplett neu denken zu können.
Wer auf einer eigens gebauten Grundlage arbeitet, muss das Design nicht an ein Theme oder eine vorgegebene Struktur anpassen. Wir können die Komponenten nach dem Erlebnis gestalten, das wir schaffen wollen: Navigation, Typografie, Abstände, Animationen, Interaktionen, Call-to-Actions und Layouts lassen sich als Teile eines einzigen Systems planen.
So konnten wir der neuen Website eine klarere Identität geben. Wir wollten nicht einfach eine «schönere» Website: Wir wollten eine Website, die besser vermittelt, wer wir sind.
Performance und Leichtigkeit
Ein weiteres Ziel des neuen Projekts war eine möglichst leichte und schnelle Website. Eine Visitenkarten-Website sollte keine Ressourcen und Funktionen laden, die sie nicht nutzt.
Weil wir bei null angefangen haben, konnten wir selbst entscheiden, welche Komponenten wir einsetzen, wie wir die Seiten aufbauen und wie Ressourcen geladen werden. Next.js gibt uns mehr Kontrolle über diese Punkte und erlaubt ein modernes Erlebnis, bei dem die Architektur auf die Bedürfnisse des Projekts ausgerichtet bleibt.
Für uns wird die Performance von Anfang an geplant, zusammen mit dem Rest der Website.
Es ist kein Wettkampf zwischen WordPress und Next.js
Unser Entscheid bedeutet nicht, dass wir ab heute finden, alle Websites müssten mit Next.js entwickelt werden. Das wäre ein falscher Schluss: Die beste Technologie ist die, die am besten zum Projekt passt.
WordPress kann die ideale Lösung für ein Unternehmen sein, das viele Inhalte, Produkte, Benutzer und Funktionen über ein CMS verwalten muss. Eine individuell entwickelte Website kann dagegen sinnvoller sein, wenn:
- das Projekt hauptsächlich der Präsentation dient;
- es relativ wenige Inhalte gibt;
- das Design wichtig ist;
- die Performance Vorrang hat;
- nicht viele redaktionelle Funktionen nötig sind;
- man mehr Kontrolle über den Code haben möchte;
- die Website sich sehr individuell weiterentwickeln soll.
Genau das ist unsere Ausgangslage. Deshalb haben wir uns für Next.js entschieden.
Unsere Website ist auch ein Beispiel für unseren Ansatz
Es gibt einen Grund, weshalb wir so viel Zeit in die Neugestaltung unserer Website investiert haben: Sie ist eines der Werkzeuge, mit denen wir unsere Arbeit vorstellen.
Wenn wir unseren Kundinnen und Kunden empfehlen, von den Zielen auszugehen, das Nutzererlebnis zu analysieren und die passende Technologie zu wählen, müssen wir das bei unserem eigenen Projekt als Erste tun.
Wir sind deshalb demselben Grundsatz gefolgt, den wir bei den Projekten unserer Kundschaft anwenden: zuerst verstehen, was gebraucht wird, dann das Erlebnis planen und zum Schluss entscheiden, wie es gebaut wird.
Wir haben Next.js nicht einfach gewählt, weil wir eine andere Technologie benutzen wollten. Wir haben es gewählt, weil wir damit bei diesem konkreten Projekt besser arbeiten können.
Eine Investition, die über das neue Design hinausgeht
Eine Website neu zu bauen, kostet Zeit und Geld. Am einfachsten wäre es gewesen, die bestehende Struktur zu behalten, das Theme zu wechseln, einige Inhalte zu aktualisieren und auf dem bisherigen System weiterzuarbeiten.
Wir haben uns stattdessen entschieden, etwas mehr zu investieren und eine komplett neue Grundlage zu bauen. Warum?
Weil man die Kosten einer Website nicht nur danach beurteilen sollte, was es kostet, sie online zu stellen. Man muss auch berücksichtigen, was es in den folgenden Jahren kostet, sie zu pflegen, anzupassen, weiterzuentwickeln und mit ihr zu arbeiten.
In unserem Fall war eine einfachere, besser kontrollierbare und individuelle Grundlage aus unserer Sicht eine sinnvolle Investition.
Willkommen auf der neuen Website
Die neue Website ist ein neuer Ausgangspunkt. Wir haben die Technologie gewechselt, das Design neu gedacht und vereinfacht, wie das Projekt entwickelt und gepflegt wird.
Vor allem aber haben wir versucht, etwas ganz Einfaches zu tun: eine Website zu bauen, die für uns Sinn ergibt. Kein System voller Funktionen, die wir nicht nutzen. Kein Design, das nur gewählt wurde, weil es gerade Mode ist. Keine Technologie, die nur um ihrer selbst willen eingesetzt wird.
Sondern ein Werkzeug, das um unsere Bedürfnisse, unsere Dienstleistungen und die Menschen gebaut ist, die wir erreichen wollen.
Und das ist im Grunde auch die Philosophie, die wir in die Projekte unserer Kundschaft einbringen wollen. Die Technologie kommt nach dem Projekt: Zuerst muss man verstehen, was wirklich gebraucht wird, dann wird gebaut.
