1. Scoping: Das Fundament des Projekts
Alles beginnt mit der Scoping-Phase, die von der ersten Kundenanfrage bis zum Kick-off reicht. Mithilfe unseres Briefing-Tools analysieren wir den Projektumfang und erstellen ein klares, verbindliches Angebot. Unser Ziel: Das Projekt in handhabbare Einzelelemente zu zerlegen und alle Anforderungen frühzeitig zu identifizieren. Nur so schaffen wir eine solide Basis für die Umsetzung.
2. Prototype
In dieser Phase nehmen die Ideen Form an. Wir definieren Personas, Use Cases und Userflows und entwickeln darauf basierend die Informationsarchitektur. Menüs und Navigationen werden besprochen, und ein erster Prototyp entsteht. Dieser wird gemeinsam mit dem Kunden mit realistischen Inhalten befüllt und schrittweise optimiert. Der Prototyp ist unser Weg, frühzeitig Feedback zu erhalten und die Nutzerperspektive zu schärfen.
3. Visual Design: Der Look & Feel
Das visuelle Erscheinungsbild ist entscheidend für den Erfolg einer Website. Anhand unseres Design Briefing Tools erfassen wir Markenwerte und Kundenpräferenzen. Das Design-Team entwickelt erste Designlinien und konkrete Layouts für unterschiedliche Geräte. Ob Desktop, Tablet oder Smartphone – das Ergebnis ist eine Website, die nicht nur gut aussieht, sondern die Markenidentität perfekt widerspiegelt.
4. UX/UI Design: Funktion trifft Ästhetik
Auf Basis des Visual Designs erstellen wir in Figma detailreiche UX/UI-Designs, die jede Ansicht und jeden Zustand der Website abdecken. Unsere UI Designs sind in verschiedenen Auflösungen verfügbar: Full-Fluid sowie bei 375px, 768px, 1440px und gelegentlich 1800px. Besonderes Augenmerk legen wir auf Interaktionen, Animationen und Übergänge, die wir in interaktiven Figma-Prototypen präsentieren.
5. Content-Erstellung: Inhalte für eine starke Webseite
Eine grossartige Website lebt von überzeugenden Inhalten. In dieser Phase erstellen wir Texte, Bilder, Videos, Grafiken und SEO-Elemente. Auch Übersetzungen werden integriert. Hier verschmelzen Struktur und Design mit einzigartigen, zielgruppenorientierten Inhalten, die die Botschaft des Unternehmens klar kommunizieren.
6. Integrations
Websites sind heute Teil eines grösseren digitalen Ökosystems. Bereits während der Prototyping- und UX/UI-Phasen evaluieren wir Integrationsmöglichkeiten mit SaaS-Lösungen und anderen Tools. Durch Proof of Concept prüfen wir die technische Machbarkeit und sorgen für ein nahtloses Zusammenspiel der verschiedenen Systeme – immer mit Blick auf Benutzerfreundlichkeit, Kosten und Nachhaltigkeit.
7. Technische Umsetzung
Die technische Umsetzung ist der Kern des Projekts. Wir entwickeln alle Module, Komponenten und Features auf Grundlage der UX/UI-Designs. Je nach Umfang der Website setzen wir auf bewährte CMS-Lösungen:
Drupal für umfangreiche Projekte
Statamic für mittelgroße Projekte
Webflow für kleinere Webseiten
Dazu kommt die Einrichtung eines Hosting-Setups mit Test- und Produktionsinstanzen sowie die Integration von Drittsystemen.
8. Publishing
Schon während der Prototypenphase starten wir mit dem Publishing, indem wir Seiten erstellen und mit Beispielinhalten füllen. In dieser Phase übertragen wir die finalen Inhalte ins CMS, optimieren Bilder, konfigurieren SEO-Elemente und stellen sicher, dass Übersetzungen passen. Um Kunden zu befähigen, ihre Website selbst zu verwalten, bieten wir eine umfassende Self-Service-Bibliothek mit How-to-Videos.
9. Quality Assurance: Der Feinschliff
Vor dem Go-Live testen wir die Website auf Herz und Nieren. In einer Staging-Umgebung prüfen wir Funktionalitäten und beheben Content-Fehler. Wir priorisieren Issues in Go-Live-kritische und nicht Go-Live-kritische Punkte, um sicherzustellen, dass die Website den höchsten Standards entspricht.
10. Go-Live: Der grosse Moment
Der Go-Live ist der krönende Abschluss. Nach umfassenden Tests definieren wir den Livegang. Hierbei kümmern wir uns um die Umstellung von Domänen, DNS-Einträgen und anderen technischen Systemen. Nach einem erfolgreichen Launch kann die Website endlich in die Welt hinaus.
Nach dem Go-Live: Wartung und Support
Auch nach Projektabschluss sind wir für dich da. Mit einer Service-Vereinbarung bieten wir kontinuierliche Wartung und Unterstützung. Ob Änderungswünsche, neue Features oder Problemlösungen – wir sorgen dafür, dass deine Website stets auf dem neuesten Stand bleibt.
Der Gridonic Workflow kombiniert kreative Ideen, technisches Know-how und eine effiziente Zusammenarbeit zu einem klar strukturierten Prozess. Unsere Webseiten zeichnen sich durch hohe Qualität, moderne Technologien und ein individuell auf den Kunden abgestimmtes Konzept aus. Ob kleine Projekte oder komplexe Plattformen – mit diesem Ansatz entwickeln wir Websites, die nachhaltig erfolgreich sind.