Web agency in Zurich and Bern
Why Gridonic
State-of-the-art
Every month we dedicate a day to research and together we look for new designs, faster technologies and more exciting interactions.
Award-Winning Webdesign
For over 11 years we have been designing unique websites and advising our clients on conception, UX/UI design, content and technology choices. We regularly receive national and international awards for our work.
Proven process
From briefing to go-live, we adhere to the Gridonic workflow. The 10 phases have proven their worth and are a solid guide for our customers.
570
Realised website projects
8.3
Net Promoter Score
190
Satisfied customers
Gridonic Awards
![](https://cms.gridonic.ch/img/containers/s3/5-webagentur/vorlage_bosw_kategorien_2022_innovation.png/177ad9d4f0fc08c326bad61193cca7d7.webp)
![](https://cms.gridonic.ch/img/containers/s3/5-webagentur/kategorielogo_2019_vorlage_marketing.png/164bfd0ffe5bd676450b2babed1a2a74.webp)
![](https://cms.gridonic.ch/img/containers/s3/5-webagentur/kategorielogo_2019_vorlage_digital_commerce.png/6fa9cbaf7e97570c73052e656259a4b6.webp)
![](https://cms.gridonic.ch/img/containers/s3/5-webagentur/bosw-public-value-2020_bg_black.png/826aab5ed1c29b462376fcbc75029442.webp)
![](https://cms.gridonic.ch/img/containers/s3/5-webagentur/bosw-digital-commerce_silver_bg-black.png/30d8d965ba440eb326ee2397b0272cfd.webp)
![](https://cms.gridonic.ch/img/containers/s3/5-webagentur/certificate-heimat-webshop-mobile_excellence-1702026336.png/efa2e678cc4f493b1b940ab060684e68.webp)
![](https://cms.gridonic.ch/img/containers/s3/5-webagentur/certificate-merry-gridonic-xmas-hm.png/a90fdba9aa86caca32f310b7afe4ec0c.webp)
Erwin Moos, Head of department
"The co-operation with Gridonic is highly competent, goal-oriented and creative. It's fun to develop and realise new products. Simply professionals!"
![Erwin Moos](https://cms.gridonic.ch/img/containers/s3/5-webagentur/icon_referenzen.png/c7224faace8079b1192f7f20f3a70dd6.webp)
![Jessica Rocha](https://cms.gridonic.ch/img/containers/s3/5-webagentur/icon_referenzen.png/c7224faace8079b1192f7f20f3a70dd6.webp)
![Sandrine Rickli](https://cms.gridonic.ch/img/containers/s3/5-webagentur/icon_referenzen.png/c7224faace8079b1192f7f20f3a70dd6.webp)
As a full-service web agency with offices in Zurich and Bern, we specialise in the development of attractive websites for clients large and small. Our expertise lies in serving customers who have high demands in terms of UX/UI design, user flows, performance and technology.
Der 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.
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.
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.
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.
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.
At Gridonic, we rely on the powerful CMS platforms Statamic and Drupal as well as the low-code solution Webflow to develop customised solutions. We don't just create websites, we create a digital experience that encourages your target group to interact.
Our tech stack stands out
![](https://ds67zsxoucfna.cloudfront.net/tech-stack/webpack.png)
![](https://ds67zsxoucfna.cloudfront.net/tech-stack/drupal.png)
![](https://ds67zsxoucfna.cloudfront.net/tech-stack/nuxt.png)
Gridonic - your web agency for web design in Zurich and Bern. Let's optimise your online presence together and achieve impressive results.
Ready to take the next step? Contact us today for a consultation and together we will design your innovative website.