faszination-tanzen.deWeb-Design

Bildschirme faszination-tanzen.de

Workflow
Technologien
Features

Workflow

Idee

Der Landestanzsportverband Sachsen besaß bereits eine Webseite, als dieser uns zukam. Diese Webseite hatte jedoch ein altbackenes Design. Die Inhalte und Funktionen der alten Webseite sollten in ein modernes Design migriert werden.

Vorgehensweise

Bei diesem Projekt entschieden wir uns für eine schrittweise Migration der Inhalte auf die neue Webseite, mit einer allmählichen Abschaltung der alten Seite. Dieses vorgehen erlaubte uns, das Projekt in mehrere Teilprojekte aufzusplitten, welche wir einzeln angehen konnten.

Ergebnis

Binnen ein paar Monate gelang es uns, nicht nur alle wichtigen Inhalte in das eigens-entworfenes Design zu übertragen, sondern auch wichtige Funktionen (Veranstaltungskalender) mit modernen Technologien zu lösen.
Technologien

Contao

Die Menge der zu übertragenen Inhalte sowie der gewünschten Funktionen veranlasste uns, das CMS Contao einzusetzen. Dieses CMS ermöglicht auch eine Login-Funktion im Frontend für die Vereine des Verbandes, die so auf interne Inhalte zugreifen können, während den Verbandskadern im Backend die Redaktion der News vorbehalten bleibt.

Node JS

Für die Verwaltung der Veranstaltungen des Landestanzsportverbandes haben wir mithilfe von VueJS eine öffentlich zugängliche RESTful-API-Schnittstelle entwickelt. Diese Schnittstelle kann potentiell von anderen Services abgerufen werden. Dies lässt Raum für zukünftige Entwicklungen.

Vue JS

Zum Abruf der RESTful-API-Schnittstelle und zur visuellen Darstellung der Kalenderereignisse nutzten wir VueJS, welches wir in das CMS Contao integrierten.
Features

Kalender

Der integrierte Kalender hat es in sich: Es existiert eine eigene API-Schnittstelle, die von der Webseite abgerufen werden kann. Nach einem Login können Vereine Veranstaltungen eintragen und Sportwärte diese genehmigen.

Tanzsportarten

Einen beachtlichen Anteil der Webseite nimmt die Darstellung der über 40 verschiedenen Tanzsportarten und Tanzsportstile des Verbandes ein. Jeder Tanzstil und jede Tanzsportart besitzt eine eigene Unterseite, welche über ein spezielles Menü aufrufbar sind.

Login-Bereich

Nicht nur die Redakteure der News können sich im Backend einloggen, sondern auch die Vereine und Sportwärte im Frontend. Nach dem Login stehen den Usern interne Dokumente, eine Profil-Bearbeitungsfunktion sowie die Möglichkeit zur Bearbeitung von Veranstaltungen zur Verfügung.

News

Die Webseite verfügt über eine News-Funktion, in welcher die Neuigkeiten in verschiedenen Kategorien auf verschiedenen Seiten angezeigt werden. Eine Tag-Cloud unterstützt dabei den User bei der Suche nach interessanten News.

Layout

Responsive und Adaptiv

Das eigens entworfene Design ist für alle weitverbreiteten Endgeräte und Browser optimiert.

Farben und Design

Wirkungsvolle Fotos

Da der Verein viele imposante Fotos von Tänzern auf der Webseite präsentiert, entschieden wir uns für ein klares und helles Design, wo die Farben des Logos als leichte Akzentfarbe dient. Zur Orientierung sind die Seiten der einzelnen Tanzsportarten jeweils in einer anderen Farbe gestaltet.

Elemente

Struktur hilft beim Zurechtfinden

Bei dieser Webpräsenz sind die verschiedenartigen Inhalte so strukturiert, dass sich der Besucher ohne Probleme auf der Webseite zurechtfindet. Über das umfangreiche Menü sind alle Seiten erreichbar.