Webauftritt Yoga Studio

Wir entwickelten eine Website, basierend auf dem vorgegebenen Design und Inhalt mit ButterCMS (headless CMS), Gatsby und React. Dies macht es für Yoga-Studio Lehrer einfach, den Inhalt für verschiedene Marketing-Aktivitäten unabhängig anzupassen, sowie Daten auf der Website zu speichern, zu verwalten und zu veröffentlichen. Außerdem können wir die Anwendung in Zukunft problemlos um zusätzliche Funktionalitäten erweitern.

Herausforderung

Enrico John kontaktierte Simplificator, um eine Website für sein neues Yoga-Studio in Zürich Albisrieden zu erstellen. Die Webseite soll zum einen den Besucher über die angebotenen Yoga-Kurse und deren Kosten informieren, zum anderen das Studio und die Yoga Lehrer vorstellen. Eine Filtermöglichkeit der Kurse nach Inhalt, Lehrer und Datum soll zudem die User Experience erhöhen.

Lösung

Um das Projekt in der vorgegebenen Zeit von 3 Wochen zu realisieren, nutzen wir Gatsby einen der beliebtesten statischen Site-Generatoren. Gatsby ist ein React-basiertes Framework welches erlaubt, der Benutzeroberfläche die gewünschte Interaktivität hinzuzufügen. Z.B. die Filterfunktion nach Lehrer und Yoga Typ oder das Umschalten zwischen den Stundenplänen innerhalb der nächsten Wochen. Positiv ist ebenfalls, dass die Website sehr schnell performt und sich in Hinblick auf SEO (Search Engine Optimization) einfach optimieren lässt. Um den Inhalt der Seite zukünftig einfach anpassen zu können, haben wir ButterCMS, ein Headless CMS, integriert. Ein Headless CMS ist ein reines Backend-Content-Management-System, bei dem Daten mithilfe einer beliebigen Frontend-Technologie sowie einer individuellen Design-Vorlage auf mehreren Kanälen (Websites, mobile Apps usw.) erstellt, verwaltet und veröffentlicht werden können. Ein Headless CMS ist viel flexibler als herkömmliche CMS-Lösungen, was die Verwendung so attraktiv macht.

Ergebnis

Wir haben die Webseite auf Basis des durch die Grafikagentur bereitgestellten Designs und der Fotos umgesetzt. Enrico kann den Inhalt und die Fotos auf der Seite selbständig anpassen, was ihm die gewünschte Flexibilität in Hinblick auf verschiedene Marketingaktivitäten gibt. Zudem kann die Applikation mit zusätzlichen Funktionalitäten jederzeit erweitert werden. Eine Idee ist die Implementation von weiteren Features wie bspw. einer Benutzerregistrierung oder die Möglichkeit Kurse online zu buchen und zu zahlen.

Technologien: ButterCMS (Headless CMS), Gatsby,  React