Anima Mundi Zentrum
Für unser allererstes Projekt bei AccelyBiz war das Ziel, eine einfach zu navigierende Website zu erstellen, die alle Aspekte des Wohlfühlzentrums „Anima Mundi Zentrum“ kommuniziert. Dies ist ein vollständig verwaltetes Projekt mit wenig bis keiner manuellen Arbeit durch den Kunden.

Die Ausgangssituation
Das „Anima Mundi Zentrum” ist ein ganzheitliches Gesundheitszentrum in Deutschland, das Yoga-Kurse, Hypnotherapie und Psychotherapie, Kräuterkurse und sogar eine Yogalehrer-Ausbildung anbietet.
Das Zentrum hatte bereits einen guten Kundenstamm, aber alle wandten sich für einfache Fragen, Informationen zum Angebot, zur Buchung von Kursen usw. immer noch an die Eigentümerin. Außerdem war das vielfältige Angebot des Zentrums zwar großartig, aber es war schwierig, alle Aspekte der richtigen Zielgruppe zu vermitteln und dennoch alles unter einer Marke zu vereinen.
Die Inhaberin hatte bereits eine Website über Wix erstellt, die alle notwendigen Informationen enthielt, aber aufgrund mangelnder Erfahrung nicht für Geschwindigkeit, mobile Geräte und Skalierbarkeit optimiert war. Außerdem wurde die Website durch das wachsende Angebot des Zentrums immer unübersichtlicher. Dennoch bildeten ihr gutes Auge für ein passendes Design und Kenntnis ihrer Kundschaft eine hervorragende Grundlage für das Projekt.
Das Ziel
Nachdem die Ausgangslage klar war, mussten wir festlegen, was genau das Ziel der Integration von AccelyBiz in das Projekt war. Wir setzten uns mit der Inhaberin zusammen, um herauszufinden, was für sie und ihre Kundengruppe wichtig ist, was ihre Kunden an der bestehenden Seite bereits gut fanden und was die ersten Prioritäten für Verbesserungen waren.
Es wurde klar, dass wir eine Website erstellen mussten, die:
- für die Kundengruppe attraktiv ist
- das gesamte, umfangreiche Leistungsangebot des Zentrums widerspiegelt und gleichzeitig einfach zu navigieren ist
- zum bestehenden Designsystem passt, damit es mit Flyern, Visitenkarten und anderen Markenmaterialien im Einklang steht
- vollständig verwaltet wird, sodass sie sich keine Gedanken über Wartung oder Skalierbarkeit, Hosting, Domains usw. machen muss.
Unsere Arbeit
Der erste Schritt unserer Arbeit bestand darin, alle Informationen über das Unternehmen zu sammeln. Wir mussten jeden Aspekt des Unternehmens kennen, alle möglichen zukünftigen Ideen und die wichtigsten (oder nervigsten) Fragen, die Kunden immer wieder stellten.
Anschließend sammelten wir eine Reihe bestehender Branding-Materialien, um Folgendes zu definieren:
- Markenfarben
- Verwendete Schriftarten
- Bilder aus Stock- oder Fotobibliotheken
Nachdem wir diese Informationen gesammelt hatten, begannen wir mit der Optimierung. Wir haben die Farben leicht angepasst, um Kontraste zu schaffen und die Lesbarkeit für Sehbehinderte zu erhalten, Schriftarten in Überschriften-, Inhalts- und Akzent-Schriftarten kategorisiert und ein Moodboard der Bilder erstellt, um einen allgemeinen Stil zu schaffen, den wir während des gesamten Projekts beibehalten können. So wird sichergestellt, dass alles mit der Marke übereinstimmt, einen bestimmten Standard hat und dennoch flexibel genug ist, um nicht langweilig zu werden.
Anschließend haben wir alle Dienstleistungsangebote in drei Hauptsäulen unterteilt: „Yoga”, „Kräuter” und „Therapie”. Um eine übersichtliche Seite ohne überladene Navigationsleiste zu schaffen, haben wir eine vertikale Navigation für die drei Säulen vorgeschlagen, die dann, sobald man sich innerhalb einer Säule befindet, alle Dienstleistungen dieser Säule anzeigt. Auf diese Weise haben wir nicht nur die Hauptnavigation auf nur vier Schaltflächen reduziert (drei Säulen und eine „Home“-Seite), sondern auch eine klare Trennung zwischen den Säulen geschaffen, indem wir für jede Säule eine eigene Markenfarbe als Hauptfarbe verwendet haben. Alle diese Schritte wurden natürlich sorgfältig abgestimmt und gemeinsam mit der Eigentümerin ausgearbeitet.
Da die Geschwindigkeit der Seiten Priorität hatte und klar war, dass die Wartung bei uns bleiben würde, haben wir uns für ein vollständig codebasiertes System entschieden, mit dem wir eine übersichtliche Seite mit maßgeschneiderten Komponenten erstellen konnten. Keine aufgeblähten Plug-ins, Add-ons oder riesigen Bibliotheken, aber dennoch attraktiv und intuitiv. Mit unserem Mobile-First-Ansatz haben wir sofort für ein korrektes Layout auf allen Geräten gesorgt, wobei wir im Wesentlichen drei Breakpoints definiert haben: Mobil, Tablet und Desktop. Alle Interaktionen und Animationen wurden sorgfältig im Hinblick auf den Endnutzer und die Leistung der Seite gestaltet.
Das Ergebnis
Nachdem wir die Seite vollständig fertiggestellt und gründlich getestet hatten, kehrten wir zum Anima Mundi Zentrum zurück, um der Inhaberin zu zeigen, woran wir gearbeitet hatten. Die Reaktion war großartig: Sie war vom Ergebnis begeistert.
Um alles zu 100 % perfekt zu machen, sind hier und da immer ein paar Anpassungen erforderlich, aber diese waren klein und einfach, sodass wir die Seite nach ein paar schnellen Korrekturen online stellen konnten. Nach der Fertigstellung mussten wir noch ein paar Ergänzungen zum Leistungsangebot implementieren, aber dank des skalierbaren Systems war das kein Problem.
Die Seite existiert noch immer und von Zeit zu Zeit erhalten wir Feedback von der Inhaberin, die uns erzählt, wie sie Komplimente für ihre Seite bekommt. Das macht uns immer sehr glücklich und wir freuen uns auf die weitere gute Zusammenarbeit.
