Webapp agency in Zurich and Bern
Our advantages
Customised web applications
Unique digital solution: customised, innovative and powerful to turn your visions into reality.
Optimised usability for your web apps
Our expertise in the design and development of web applications ensures the attractive and user-friendly design of digital products.
Gridonic Portal
Carefree web app project. The portal gives you an overview of all important information.
570
Realised projects
7.9
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 von 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 von 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)
Our passion is to develop customised solutions for web applications that meet the highest standards. In Web App Development, we rely on innovation and first-class technology to ensure that your requirements are met and your vision is brought to life.
The 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.
Our specialisation lies in the development of high-quality web applications. Our mission is to create user-centred and powerful solutions that not only impress, but also ensure a smooth and effective user experience for our customers.
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)
Our Progressive Web Apps (PWAs) are innovative web applications that provide a seamless user experience across multiple devices.
If you are ready to take your web application to the next level, contact us and let's realise your vision together.