Zum Inhalt springen
Zurück zur Übersicht Fallstudie · Coaching & Seminare

BRAINBOXX

Die Website ist heute das Buchungswerkzeug von BRAINBOXX.

Kunde
BRAINBOXX®, Hamburg
Stephanie Ernst & Christina Linke
Meine Rolle
Web-Konzept, Interaktion,
Entwicklung, Betreuung
Technik
ProcessWire
eigenes Terminsystem
Website
mybrainboxx.com
Startseite von BRAINBOXX: schwarz-weißes Porträt der beiden Trainerinnen, darüber die Hauptnavigation mit der Schaltfläche „Termine / Booking“, darunter die Leitidee „Emotionen kompetent einsetzen“
Die Startseite: Menschen zuerst, Programm direkt darunter — und die Buchung nie weiter als einen Klick entfernt.
Ausgangslage

Ein volles Programm, das sich nicht buchen ließ.

BRAINBOXX bildet Coaches, Therapeutinnen, Führungskräfte und Teams in emotionaler Kompetenz aus — Mimikresonanz®, emTrace®, emTreat®. Das Programm ist umfangreich: mehrere Ausbildungslinien mit je vier Modulen, dazu Vorträge, Coachings und Specials. Jeder Termin hat sein eigenes Datum, seinen Preis und eine begrenzte Teilnehmerzahl.

Die Website davor war über die Jahre gewachsen: viel Technik an Bord, die im Alltag niemand brauchte, und ein weiter Weg vom Programm zur Anmeldung. Wer teilnehmen wollte, musste die Seite verlassen — Anmeldungen liefen per Mail und Telefon. Terminlisten standen an mehreren Stellen, und jede Absage oder Verschiebung war Handarbeit.

Aufgabe

Aus einem neuen Erscheinungsbild ein Werkzeug machen.

Für BRAINBOXX war zu dieser Zeit ein neues Erscheinungsbild entstanden — entworfen von einer externen Designerin. Dort begann meine Aufgabe: es fürs Web übersetzen, in Aufbau, Bedienung und Bewegung. Und die Seite sollte dabei mitarbeiten — buchbar dort, wo Interessenten ohnehin suchen, und danach vom BRAINBOXX-Team allein zu betreiben.

  • Direkt buchen

    Vom Seminar zur Anmeldung in einem Zug, auf derselben Seite.

  • Ein Ort für alle Termine

    Datum, Preis, Ort und Status genau einmal pflegen — überall aktuell.

  • Drei Marken, ein Auftritt

    Mimikresonanz®, emTrace® und emTreat® mit eigenem Gesicht, aber im selben Gerüst.

  • Das Erscheinungsbild zum Laufen bringen

    Farbe, Typografie und Bildsprache am Bildschirm weiterdenken: als Interaktion, als Bewegung, als etwas, das sich anfassen lässt.

Kernstück

Ein Terminsystem, das es so nicht zu kaufen gab.

Statt ein fertiges Buchungs-Plugin einzusetzen und das Programm hineinzuzwängen, habe ich die Terminlogik für BRAINBOXX entwickelt. Sie kennt die Struktur des Programms: eine Ausbildungs­linie hat Module, ein Modul hat beliebig viele Termine, und jeder Termin weiß selbst, ob er noch buchbar ist.

  • Status statt Pflege

    Buchbar, ausgebucht, vorbei — der Termin schaltet sich selbst um. Ausgebuchte Termine bleiben sichtbar und führen zum nächsten freien.

  • Buchen direkt auf der Seite

    Preis und Termin stehen an derselben Stelle wie der Buchen-Knopf. Die Anmeldung kommt strukturiert im System an, mit allem, was für Platzvergabe und Abrechnung gebraucht wird.

  • Ein Termin in vier Feldern

    Neuer Termin heißt: Datum, Uhrzeit, Preis, Plätze — fertig. Alle Listen auf der Website aktualisieren sich daraus von allein.

Zwei Smartphones mit BRAINBOXX: links „Veranstaltungen & Coachings“ mit den Terminen von Mimikresonanz® Modul 1 und 2, ausgebuchte Termine grau, buchbare mit der Schaltfläche „buchen“; rechts das Formular „Modul buchen“ mit Modul, Termin, Preis und den ersten Eingabefeldern
Vom Termin zur Anmeldung auf derselben Seite: Modul, Termin und Preis stehen schon im Formular.
Terminübersicht von BRAINBOXX: Module mit Datum, Uhrzeit und Preis, ausgebuchte Termine ausgegraut, buchbare mit ‚buchen‘-Schaltfläche
Veranstaltungen & Coachings: jede Zeile ein Termin, jeder Termin sein eigener Status. Was ausgebucht ist, bleibt sichtbar.
Drumherum

Drei Marken, die sich nicht in die Quere kommen.

Mimikresonanz®, emTrace® und emTreat® sind eigene Welten mit eigenem Publikum. Jede bekommt eine eigene Produktseite mit eigenem Bildklang — aber dasselbe Gerüst darunter, damit Aufbau und Bedienung überall gleich bleiben. Wer einmal verstanden hat, wie eine Seite funktioniert, findet sich auf allen zurecht.

Dazu kommt alles, was das Angebot rund macht: Specials, Coaching, ein Lexikon der Fachbegriffe, Downloads und die Vorstellung der beiden Gründerinnen. Alles redaktionell gepflegt, alles im selben System.

Drei Smartphones mit den Produktseiten von BRAINBOXX: Mimikresonanz® in Blau mit drei Porträts, emTrace® in Pink mit einem Heißluftballon, emTreat® in Gelbgrün mit einem Adler, jede mit einer Überschrift in Versalien und Fließtext
Drei Marken nebeneinander: eigene Farbe, eigenes Motiv, derselbe Aufbau.
Produktseite Mimikresonanz® bei BRAINBOXX: blaue Rautenfläche mit drei Porträts und der Headline ‚Faszination Mimik und Körpersprache‘
Mimikresonanz®: eigener Bildklang, gleiches Gerüst.
Produktseite emTrace® bei BRAINBOXX: Heißluftballon über einer pink-grünen Farbfläche und die Headline ‚Emotionale Stress-Spuren finden und Blockaden lösen‘
emTrace®: andere Farbwelt, anderes Publikum — derselbe Aufbau.
Technik & Zusammenarbeit

Das Erscheinungsbild stand, die Website dazu kam von mir.

Das Erscheinungsbild kam von einer externen Designerin. Was daraus im Browser wird, kam von mir — das Interaktionskonzept, die Bewegung, der Aufbau über alle Bildschirmgrößen. Anschließend habe ich die Seite selbst umgesetzt: Adaption und Technik in einer Hand, damit zwischen Entwurf und fertiger Seite nichts verlorengeht.

Unterbau ist ProcessWire. Genau deshalb: Das Terminsystem konnte als eigenes Modul entstehen, mit Feldern, die zum Programm passen — und es bleibt in der Pflege bei dem, was BRAINBOXX wirklich braucht.

  • ProcessWire
  • Individuelles Terminsystem
  • Redaktionell pflegbar
  • Interaktion & Animation
  • Corporate Design fürs Web
  • Laufend betreut
BRAINBOXX im Laptop und auf dem Smartphone: die drei Angebotskarten Mimikresonanz®, emTrace® und emTreat® mit Motiv, Schriftzug und Text; auf dem Smartphone steht die erste Karte allein in voller Breite
Das Erscheinungsbild am Bildschirm: nebeneinander im Laptop, untereinander auf dem Smartphone.

Ein Ablauf, der auf Ihre Arbeit zugeschnitten sein muss?

Termine, Plätze, Anmeldungen, Anfragen — wenn Ihre Website den Ablauf mitmachen soll, den Sie ohnehin haben, setzen wir genau dort an. Erzählen Sie mir, was Sie vorhaben, dann sprechen wir darüber.

Projekt anfragen

post@krislue.de · +49 (0)40 55 61 48 52