News 5. Februar 2018 10 Leseminuten Mobile Apps und Website «cool and clean»

«cool and clean» ist das Präventionsprogramm von Swiss Olympic für fairen und sauberen Sport. Im Rahmen eines umfassenden Redesigns wurde Deimos mit der technischen Realisierung der iPhone- und Android-Apps, sowie der gesamten Website mit CMS und Shop betraut.
43864_start_liste.png
Übersichtliche App-Startseite mit allen Haupt-Themen - zudem ein Inhaltsbeispiel mit Infos und Tipps zu Tabak, Alkohol und Doping.
43865_tipps_und_spielformen.png
Einprägsam aufbereitete Inhalte mit viel Detail-Wissen.
43871_google-play-teaser.png
App-Beschreibung im Google Play Store
43863_coolandclean-big-4-3.png
43868_web_start.png
Die Startseite der WebApp mit der Haupt-Themenauswahl
43866_web_liste.png
43867_web_shop.png
Web-Shop inkl. Material-Verleih integriert in der «cool and clean» Website.
43869_web-detiail.png
43870_web-navi.png
43889_screen_statistiken_registrierung.png
Beispiel einer Backend-Ansicht im Shop: Statisitik der Benutzer-Registrierungen.
43890_div_backend.png
Div. Backend-GUI mit Verwaltungs- und Statistikfunktionen im Shop.

Das Präventionsprogramm von Swiss Olympic unterstützt Trainer, Leiter, Veranstalter und Anlagenbetreiber im Jugend- und Nachwuchs-Leistungssport aktiv bei der Vermittlung positiver Botschaften und Grundwerte.

Die Förderung von Selbstverantwortung und Lebenskompetenz ist eine wichtige Aufgabe unserer Gesellschaft. Sport bietet dafür ein ideales Umfeld – und «cool and clean» die nötigen Tipps, Informationen und Hilfsmittel.

Die Förderung von Selbstverantwortung und Lebenskompetenz ist eine wichtige Aufgabe unserer Gesellschaft. Sport bietet dafür ein ideales Umfeld – und «cool and clean» die nötigen Tipps, Informationen und Hilfsmittel.

apple-icon
google-icon

"cool and clean" App für das iPhone:
Link zum iOS App-Store

 

"cool and clean" App für Android:
Link zum Google Play Store

Website mit Magnolia CMS, Shop-Applikation und Angular-Shopverwaltung
Die Website wurde von Deimos auf Basis des Magnolia CMS realisiert, das bei Swiss Olympic für sämtlichen Websites eingesetzt wird. Die Lösung setzt auch ein Responsive Design um, welches sich je nach Grösse des Bildschirms passend präsentiert - die Gestaltung ist stark vereinheitlicht mit der App-Gestaltung.
Die Shop-Applikation mit Bestellungsmöglichkeiten für Verbrauchs- und Leihmaterial ist als eigenständige Java-Applikation (Spring Boot) umgesetzt. Sie ist mithilfe einer REST-Schnittstelle in die Website integriert. Die Zahlung erfolgt über eine Postfinance-Schnittstelle.
Die Verwaltung des Shops findet über eine Angular-Applikation statt, die ebenfalls über eine REST-Schnittstelle mit der Shop-Applikation kommuniziert.

Umsetzung WebApp und App

Konzept
Swiss Olympic Association
Weissgrund AG

Projektleitung
HK learning AG

Web-, App-, und CMS-Programmierung
Deimos AG

Design
Jan Huggenberg

Text, Grafik
Wiggenhauser & Woodtli GmbH

Teilen