Webagentur Schweiz

Webagentur Schweiz für Websites und Web-Apps mit Anspruch

Webdesign

Webdesign ist die Kunst, Webseiten zu gestalten, die sowohl optisch ansprechend als auch funktional sind. Unsere Webseiten zeichnen sich durch ihre hohe Qualität, modernste Technologien und ein individuell auf den Kunden abgestimmtes Konzept aus.

570

realisierte Webseitenprojekte

8.3

Net Promoter Score

190

Zufriedene Kunden

Born in 2011

Als etablierte Digitalagentur mit Standorten in Zürich und Bern sind wir spezialisiert auf die Entwicklung von attraktiven Webseiten für kleine und grosse Kunden. Wir kreieren ein digitales Erlebnis, das deine Kunden zur Interaktion animiert.

Wieso Gridonic

1. Headless aus Überzeugung

Wir bauen Websites konsequent headless: ein eingekauftes, sicheres Backend wie DatoCMS und ein massgeschneidertes, blitzschnelles Frontend. Das senkt Wartungsaufwand, Kosten und Angriffsfläche spürbar. Und ihr bleibt maximal flexibel – im Design genauso wie in der Technologie.

2. Award-Winning Webdesign

Seit über 11 Jahren gestalten wir einzigartige Websites und begleiten unsere Kund:innen von der Konzeption über UX/UI-Design und Inhalte bis zur Technologiewahl. Für unsere Arbeiten dürfen wir regelmässig nationale und internationale Awards entgegennehmen. Gestalterischer Anspruch und handwerkliche Qualität stehen bei uns immer im Zentrum.

3. Von der Strategie bis zum Go-Live

Konzept, UX/UI-Design, Prototyping, Entwicklung und Betrieb kommen bei uns aus einer Hand. So vermeidet ihr Reibungsverluste zwischen verschiedenen Dienstleistern und habt durchgehend dieselben Ansprechpartner:innen. Das macht Projekte schneller, planbarer und am Ende besser.

4. Bewährter Prozess

Vom Briefing bis zum Go-Live halten wir uns an den Gridonic Workflow mit seinen zehn erprobten Phasen. Dieser Prozess ist in über 180 Projekten gewachsen und gibt euch in jeder Phase eine klare Orientierung. So wisst ihr jederzeit, wo euer Projekt steht und was als Nächstes kommt.

5. Performance & Sichtbarkeit

Schnelle Ladezeiten, saubere Technik und starke Core Web Vitals sind für uns Pflicht, nicht Kür. Mit SXO sorgen wir dafür, dass ihr nicht nur bei Google, sondern auch in KI-Antworten wie ChatGPT oder Perplexity gefunden werdet. So wird aus einer schönen Website auch eine wirksame.

Gridonic Awards

Logo von Best of Swiss Web 2022 in Weiss und Rot auf Schwarz – Bronze-Auszeichnung für Innovation
Best of Swiss Web 2019 Logo mit rotem und weißem Text auf schwarzem Hintergrund – ausgezeichnet mit Bronze in der Kategorie Marketing.
Best of Swiss Web 2019 – Bronze in Digital Commerce, roter und weißer Text auf Schwarz
Logo mit der Aufschrift "Best of Swiss Web 2020 – Public Value, Bronze" in Weiss und Rot auf schwarzem Hintergrund
Best of Swiss Web 2020 – Silber in Usability
Zertifikat für Mobile Excellence, verliehen am 3. April 2019 von Awwwards an den Heimat Webshop.
Zertifikat von Awwwards vom 23. Januar 2019, Auszeichnung für "Merry Gridonic Xmas" von Gridonic.

Die Zusammenarbeit mit Gridonic ist fachlich hochkompetent, zielführend und kreativ. Es macht Spass neue Produkte zu entwickeln und umzusetzen. Profis eben!

Erwin Moos

Alex

Engineering Director, Partner

Alfie

Senior Feel Good Consultant

Dennis

UX Director, Partner

Dimitri

UX Strategy Director, Partner

Gridonic Way

Scoping

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.

Prototype

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.

Visual Design

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.

Integrations

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.

Content Creation

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.

UX/UI Design

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.

Technische Umsetzung

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.

Publishing

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.

Quality Assurance

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.

Go-Live

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.

Maintenance

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.

Eine Gruppe von dreizehn Personen, die lächelnd und mit Getränken in der Hand vor einer Backsteinmauer und einer industriellen Laderampe posieren. Die meisten von ihnen stehen oder sitzen auf Holzpaletten und wirken glücklich und entspannt.
Technologie

Bei Gridonic setzen wir auf die leistungsstarken CMS-Plattformen DatoCMS mit Astro und für kleinere Projekte Statamic.

Gridonic

Gridonic - deine Webagentur für Webdesign in Zürich und Bern. Lass uns gemeinsam deine Online-Präsenz optimieren und beeindruckende Ergebnisse erzielen.

Bereit den nächsten Schritt zu machen?