Charisma4sea
CMS / Video ∧ Animation

Kunde
Claviez Yachtservice
Typ
Content Management System, Animation und Videobearbeitung
Zeitraum
2011 - heute
Webseite
www.charisma4sea.de

Die Charisma Webseite ist für alle Segelinteressierten der Anlaufpunkt, um sich über das Törnangebot, die SY Charisma und Constantin als Skipper zu informieren. Und das lohnt sich... 😍, denn bei der Aufbereitung der Inhalte geben sich Andrea und Constantin besonders viel Mühe.

Die Projekte entstanden in Zusammenarbeit mit Product Brain und Schulze* grafik & design

Charisma4sea Webseite (C4S)

Technisch basiert die Webseite auf einem TYPO3 Content Management System. Zusätzlich haben wir über die Jahre viele individuelle UI Komponenten integriert, eine Extension entwickelt, die die Kommunikation mit AHAB 2 ermöglicht und Video-Testimonials erstellt.

Das macht uns Spaß... 🤓 🥳

Charisma4sea Startseite
Inhaltselement Törn-Karte

Inhaltselemente maßgeschneidert

Wir haben auf der C4S Webseite viele maßgeschneiderte Inhaltselemente entwickelt. Ein schönes Beispiel sind die Törn-Karten. Diese zeigen neben einem Bild, dem Törn-Titel und Zeitraum auch den Kojen-/ Buchungsstatus in einem farbigen Label an. Die Anzeige von Törn-Karten kann flexibel im TYPO3 Backend konfiguriert werden. Als Liste über einen eingegeben Zeitraum, dem Törn-Typ oder auch direkt per Törn-ID.

Törn-Karten können an jeder beliebigen Stelle eingefügt werden und werden häufig auch im Logbuch angezeigt.

Demo Charisma4sea Webseite

C4S und AHAB 2 API Die zwei sprechen miteinander...

Die C4S Webseite ist der Kern der Außendarstellung aller Charisma Aktivitäten. Im Backoffice bearbeitet Constantin die administrativen Aufgaben über AHAB 2. Alle wichtigen Informationen einer Segelsaison sind hier gespeichert.

Damit die gewünschten Informationen gesammelt auf der C4S Webseite landen und Buchungsanfragen von der Webseite in AHAB 2, sprechen beide Systeme über eine API miteinander.

Projektinformationen AHAB 2

Charisma4sea and AHAB 2 in Love
Charisma4sea Übersicht Törns

Schnittstelle Törns

Alle Törns und ein Großteil der dazugehörigen Informationen kommen also per Schnittstelle aus AHAB 2.

Weiterführende Inhalte zum Törn werden aber auch im CMS gepflegt, z.B. Bilder, die Infos zur An- und Abreise, Packlisten, etc. Die einfache Pflege, flexible Darstellungsformen und immer aktuelle Törn-Daten sind hier der Vorteil bei einer Kombination aus CMS und Portallösung.

  • CMS
  • API

Schnittstelle Buchungen

Über die C4S Webseite werden Törns über ein Buchungsformular von Kunden angefragt. Diese landen dann direkt in AHAB 2 und können dort einfach weiterverarbeitet werden. Nach dem Eingang einer Anfrage werden Email-Benachrichtigungen automatisch verschickt.

Alle Aktualisierungen in AHAB 2, z.B. die Törnauslastung und Kojenvergabe, werden direkt auf der C4S Webseite angezeigt.

  • CMS
  • API
Buchungen auf der C4S Webseite
Die Route der Charisma

Schnittstelle Häfen

Ein schönes Feature auf der C4S Webseite ist die Anzeige des aktuellen Törnverlaufs. Die Darstellung erfolgt über OpenSeaMap, ein Open Source Kartensystem, das auch viele andere Informationen zum Seegebiet bereithält.

Die Route selbst wird über AHAB 2 erstellt bzw. aktualisiert. Neben des Törnverlaufs über die gesamte Saison, kann man an jedem Törn auch eine Vorschau über die geplante Route ansehen.

  • CMS
  • API

C4S Besonderheiten

Website Layout nach C4S Corporate Design
Inhalte mit viel Liebe erstellt
Anbindung an AHAB 2 Webportal

Videos

Videos als Testimonials einzusetzen finden wir eine sehr schöne Idee, denn damit lassen sich die Besonder­heiten einer Segelreise auf der Charisma und der tolle Spirit an Bord noch besser nachvollziehen.

Wir durften das Videomaterial für 4 Testimonials verarbeiten und Intro / Outro gestalten.

zu den Videos der Charisma

  • Video
  • Animation

Technologien

TYPO3 Bootstrap Sass MySQL PHP After Effects Adobe Premiere