Pixelgenaue Web-Umsetzung nach Mass: Wie wir das Designkonzept von another-studio.ch realisiert haben.
Für das Designstudio another-studio.ch haben wir als verlässlicher Entwicklungspartner die kompletten Relaunch- und Ausbauphasen der Website von Lynn Grütter umgesetzt. Das Projekt zeigt, wie wir kreative Entwürfe ohne optische Kompromisse in ein modernes Storyblok CMS übertragen.
Kunde
Livia Trümpi, another-studio.ch (Projekt: Lynn Grütter)
Das Designstudio another-studio.ch entwickelte für die Marke Lynn Grütter ein visuell anspruchsvolles Webdesign nach Mass. Wir haben die technische Realisierung übernommen – zuerst die komplette Neuentwicklung, danach den gezielten Ausbau mit dem Angebot «Auftrittsbegleitung», strukturierten Referenzen und frischen Inhalten.
Präzise Frontend-Vorgaben
Ein spezielles Design verlangt eine exakte Umsetzung für alle Endgeräte, ohne dass das Layout durch Standard-Templates verzerrt wird.
Verlässliche Dev-Unterstützung
Designagenturen benötigen bei komplexen Projekten einen Partner, der die technische Verantwortung übernimmt und Vorgaben verlässlich umsetzt.
Unabhängigkeit für die Endkundin
Sowohl beim Erstauftritt als auch bei späteren Inhalts-Erweiterungen muss die Kundin Inhalte selbstständig und ohne Entwicklerhilfe pflegen können.
Unsere Herangehensweise
Raffiniert Media AG agierte über das gesamte Projekt hinweg als verlängerter technischer Arm für another-studio.ch:
Reibungslose Koordination zwischen Designstudio, Entwicklerteam und Endkundin – kurze Wege statt Stille-Post-Effekte.
Exakte Adaption des grafischen Konzepts für die komplette Website sowie für die anschliessenden Erweiterungen.
Durchführung einer zielgerichteten CMS-Schulung, damit Lynn Grütter Inhalte eigenständig verwalten kann.
Florian Hitz (Lead Developer)
Implementierung von Storyblok CMS
Aufbau einer flexiblen Komponentensystematik im Headless-CMS, die exakt auf das individuelle Design abgestimmt ist.
Pixelgenaue Frontend-Entwicklung
Detailgetreue Umsetzung der gestalterischen Besonderheiten für mobile und stationäre Bildschirme.
Umsetzung von Phase 1 & Phase 2
Neuentwicklung der vollständigen Website und anschliessende Integration der zusätzlichen Abschnitte für das Angebot «Auftrittsbegleitung» sowie die neuen Referenzen.
Gezielte CMS-Schulung
Direkte Einführung der Kundin in die Handhabung des Editors für eine unkomplizierte Inhaltsverwaltung.
Erfolge & KPIs
Messbare Ergebnisse, die den Nutzen für Agentur und Endkundin belegen
100 % Design-Treue
Das Layout von another-studio.ch wurde in beiden Projektphasen ohne visuelle Kompromisse umgesetzt.
Volle Content-Kontrolle
Lynn Grütter pflegt Texte, Medien und neue Abschnitte im Storyblok CMS selbstständig ein.
Nachhaltige Partnerschaft
Reibungslose Erweiterung der Plattform in der zweiten Projektphase auf Basis des bestehenden Setups.
Entlastung der Agentur
another-studio.ch konzentriert sich auf Konzept und Design, während die technische Abwicklung vollständig abgedeckt ist.
«Raffiniert war für uns der perfekte technische Partner. Sie haben unser Design exakt so auf die Strasse gebracht, wie wir es uns vorgestellt haben. Die Zusammenarbeit war direkt, unkompliziert und auf den Punkt.»
Livia Trümpi
another-studio.ch
Du suchst als Designagentur einen verlässlichen technischen Arm?
Für anspruchsvolle Webprojekte, die technisch genau so entstehen, wie du sie gestaltet hast.
Weitere Stories
Wie wir für Foma Galvanik durch ein pragmatisches Upgrade die Zukunft sichern
Veraltete Systeme und teure Wartungszyklen haben die Foma Galvanik ausgebremst. Durch den Wechsel auf einen modernen Tech-Stack mit Storyblok und Next.js haben wir ein effizientes Soft-Redesign realisiert, das die Performance steigert und gleichzeitig das Budget schont.
Shop-Migration zu Headless
Von WooCommerce oder einem selbstgebauten Shop zu einer Headless-Architektur mit Payload und Next.js – mit Redirect-Konzept, damit deine Google-Rankings die Migration überleben. Inklusive der offenen Grenzen: Beta-Status der Commerce-Erweiterung, Versand/Steuern/Abos und Schweizer Zahlungsarten.
Visuelles Editieren in Payload CMS: Unser Live Preview Inspector Plugin (Version 1.6.0)
Ein Headless CMS strukturiert Daten sauber. Redaktionsteams arbeiten dadurch jedoch oft in tief geschachtelten Formularen ohne visuelle Verbindung zum Frontend. Das Suchen nach dem richtigen Eingabefeld für einen bestimmten Textblock auf der Website kostet im Alltag viel Zeit.
