Create next level web design with us

Die Scoping-Phase eines Projekts erstreckt sich von der Kundenanfrage bis zum Kick-off. Mit unserem Briefing-Tool klären wir den Projektumfang und erstellen ein verbindliches Angebot. Dabei zerlegen wir das Projekt in Einzelelemente, um nichts zu übersehen.

In der Prototyping-Phase beginnen wir mit der Definition von Personas, Use Cases und Userflows. Darauf basierend entwickeln wir die Informationsarchitektur, besprechen Menüs/Navigationen und erstellen einen Prototypen. Gemeinsam mit dem Kunden wird dieser mit Inhalten gefüllt und optimiert.

Im dritten Schritt gestalten wir das Visual Design der Webseite, das stark von der Markenpositionierung abhängt. Mithilfe unseres Design Briefing Tools erfassen wir Informationen zur Marke und den Kundenpräferenzen. Unser Design Team erstellt daraufhin mögliche Linien für das Visual Design, einschliesslich konkreter Designs einzelner Seiten und für unterschiedliche Geräte.

Basierend auf dem Visual Design gestalten wir Module, Komponenten und Ansichten in Figma, einer weit verbreiteten Software. Unsere UI Designs sind in verschiedenen Auflösungen verfügbar: Full-Fluid sowie bei 375px, 768px, 1440px und gelegentlich 1800px. Wir integrieren auch Interaktionen, Animationen und Übergänge, die wir mit dem Kunden anhand von Figma-Prototypen besprechen.

Nachdem die Webseite strukturiert und das Design der Module festgelegt wurde, konzentrieren wir uns auf die Erstellung konkreter Inhalte, darunter Headlines, Texte, Bilder, Videos, Grafiken, SEO-Elemente und Übersetzungen.

Unsere Webseite ist Teil eines digitalen Ökosystems, das von SaaS und Tools profitiert. In den Prototyping- und UX/UI-Phasen identifizieren wir Integrationsmöglichkeiten. Wir evaluieren Tools und prüfen die technische Umsetzbarkeit (Proof of Concept) basierend auf User Journeys. Das Ziel: Benutzerfreundlichkeit, Kosteneffizienz und nachhaltige Weiterentwicklung.

In dieser Phase setzen wir alle Module, Komponenten und Features basierend auf UX/UI-Designs und dem Prototypen um. Für umfangreiche Webseiten verwenden wir Drupal, für mittlere Statamic und für kleine Webseiten Webflow als Content Management System. Auch das Hosting-Setup mit Test- und Produktionsinstanzen sowie die Integration von Drittsystemen erfolgen in dieser Phase.

Wir beginnen das Publishing bereits in der Prototypenphase, wo Seiten erstellt und mit Beispielinhalten gefüllt werden. In dieser Phase übertragen wir die endgültigen Inhalte aus der "Content Creation" ins CMS, einschliesslich Texte, Übersetzungen, bearbeitete Bilder, SEO-Konfiguration und Alt-Texte. Während dieses Prozesses fallen oft Anpassungen auf. Fürs Publishing und folglich für die Schulung des CMS bieten wir eine grosse Self-Service Library von How-to- Videos, die wir unseren Kunden zur Verfügung stellen.

In der Staging Umgebung können wir gemeinsam mit dem Kunden den Feinschliff am UI-Design sowie an den Funktionalitäten vornehmen und auch Content-Fehler beheben. Wir testen die Website auf verschiedenen Geräten und Browsern und nutzen zur Erfassung von Fehlern Markup.io, was uns erlaubt, direkt im Browser Kommentare anzubringen. Wir unterscheiden Issues in Go-Live-kritische und nicht Go-Live-kritische Issues.

Wenn alles gut getestet wurde steht dem Go-Live nichts im Wege. Dennoch ist es der letzte und wohl wichtigste Schritt. Der Go-Live Termin wird zuerst als Go-Live Window gesetzt und dann am Tag X der Live-gang definiert. Die Umstellung von Domänen, DNS Einträgen und weiteren Systemen muss gut vorbereitet sein, damit es reibungslos abläuft.

Nach Projektabschluss besteht die Möglichkeit die Wartung und den Support durch Gridonic durchführen zu lassen. Mit einer Service Vereinbarung stellen wir sicher, dass deine Webseite einwandfrei läuft und du Änderungswünschen, neuen Ideen und Fehlermeldungen direkt erfassen kannst.