Progressive Web AppSailClass die Lern-App für Segler
Der Segellehrer im Taschenformat für alte Seebären und jene, die es noch werden wollen.
![Screens von der SailClass Homepage](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687021601%2Freferences%2Fservice-hero-SailClass.png&w=3840&q=75)
Unsere Rolle
Business-Konzept & Produktstrategie
UX & Design
Plattform-Entwicklung
Sämtliche Inhalte
Vermarktung
Der Segellehrer im Taschenformat
SailClass ist eine Online-Lern-, Wissens- und Community-Plattform für Segler. Die App soll Seglern, Segelschulen und Segelclubs im Alltag mit nützlichen Funktionen zur Seite stehen.
Bei der Entwicklung der Web-App lag der Fokus auf der Schaffung einer überzeugenden Benutzererfahrung, einer intelligenten Lernmethodik und dem Seglerprofil des Nutzers. Die App soll ihn über sein ganzes Seglerleben hinweg begleiten.
Mithilfe von Künstlicher Intelligenz (KI) werden die Lerninhalte automatisch an den Fortschritt und die Bedürfnisse jedes Nutzers angepasst. Darüber hinaus können Segler ihre Erfahrungen austauschen, gemeinsam Segeltörns planen und Yachten chartern oder kaufen.
![SailClass Desktop Screens](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687023715%2Freferences%2Fservice-screen-desktop-sailclass.png&w=3840&q=75)
Herausforderung
Preiswert und Skalierbar
Das Projekt stellte uns als Digitalagentur vor einige Herausforderungen. Eine der grössten war die begrenzten Ressourcen, die uns zur Verfügung standen, um das Projekt umzusetzen. Trotzdem war es unser Ziel, das Projekt schnell online zu bringen.
Um dieser Herausforderung gerecht zu werden, haben wir moderne und skalierbare Technologien gewählt, die schnell implementiert werden konnten. Die einfache und flexible Architektur ermöglicht uns, später weitere Funktionen hinzuzufügen.
![SailClass Mobile Screens](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687029640%2Freferences%2Fservice-sailclass-mobile-pattern.png&w=3840&q=75)
Lösung
Moderne headless Cloud-Architektur
Dank sorgfältiger Auswahl der Technologie, anpassbarer Architektur und einer kompetenten Crew, konnten wir innerhalb weniger Wochen den MVP (Basisfunktionen der Plattform) von SailClass online stellen. Das Ergebnis war eine Progressive Web App (kurz PWA), die auf React und Next.js basiert. Als Backend nutzen wir Supabase, eine moderne, skalierbare Cloud-Datenbank, die im Gegensatz zu Google Firebase auf Postgres basiert. Supabase ermöglicht uns, das Datenmodell flexibel an zukünftige Anforderungen anzupassen. Darüber hinaus bietet es eine unkomplizierte Integration in moderne Javascript-Applikationen wie unsere.
Für das Content Management nutzen wir Storyblok, ein modernes Headless CMS, und Stripe für das Abo-Management sowie die Zahlungen.
Für das User Management und Authentication verwenden wir Zitadel, eine preiswerte Alternative zu Auth0. Auch Zitadel ermöglicht es, verschiedene Applikationen zentral anzubinden. So konnten wir z.B. gleich Discourse als Forum einsetzen und direkt mit Zitadel verknüpfen, um so eine nahtlose User Experience zu gewährleisten.
![SailClass Segelkurse](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687036252%2Freferences%2Fservice-screen-slider-notebook.png&w=3840&q=75)
![SailClass Segelquiz](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687037809%2Freferences%2Fservice-sailclass-slider-desktop.png&w=3840&q=75)
![SailClass Screen Touch](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687031917%2Freferences%2Fservice-sailclass-touch.jpg&w=3840&q=75)
Über den Kunden
SailClass
SailClass ist ein innovatives Spin-off von Dewave. Die Keimzelle dieses Projekts liegt in der persönlichen Erfahrung von Remo, der vor einigen Jahren seinen Segelschein erwarb. Bei diesem Prozess bemerkte er, dass das Angebot an Online-Plattformen für Segelenthusiasten zwar breitgefächert ist, die meisten davon jedoch in Bezug auf Benutzerfreundlichkeit und Technologie veraltet sind.
Darüber hinaus sind diese Plattformen primär darauf konzipiert, Kandidaten auf die Prüfungen für den Segelschein vorzubereiten, anstatt ein umfassendes und profundes Wissen über das Segeln zu vermitteln. Diese Erkenntnis hat Remo dazu inspiriert, ein neuartiges Konzept für eine Seglerplattform zu entwickeln.
Unser Ziel mit SailClass ist es, eine intuitiv nutzbare Plattform zu entwickeln, die umfassendes Segelwissen und alltagstaugliche Tools verbindet, um den Ansprüchen moderner Segler gerecht zu werden.
“Dank der sehr professionellen und kompetenten Crew, konnten wir mit SailClass innerhalb weniger Wochen live gehen und schnell erste User begeistern.”
![Remo Girard](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1643150072%2Fimages%2Fremo-digital-experte.jpg&w=3840&q=75)
![SailClass Desktop Slider](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687041073%2Freferences%2Fservice-sailclass-desktop-slider.png&w=3840&q=75)
![SailClass Flashcards](/_next/image/?url=https%3A%2F%2Fres.cloudinary.com%2Fremodigital%2Fimage%2Fupload%2Fv1687041073%2Freferences%2Fservice-sailcalss-mobile-pattern.png&w=3840&q=75)