Talky talky or
chatty chatty?
Exploring Digital Future. Together.

Eine Plattform für Ticketing & Event-Management.ditix.

Ditix Teaser wide
Ditix ist aus Diginights entstanden, einem Ticket-Anbieter aus Heilbronn, der seit 2002 innovative Lösungen für den Ticketverkauf entwickelt. Die zentrale Aufgabe war die komplette Neuentwicklung der bestehenden Ticketsoftware. Ziel war es, eine flexible, zukunftssichere Plattform zu schaffen, die es Veranstaltenden jeglicher Art ermöglicht, Tickets mit minimalem Aufwand direkt an ihre Zielgruppen zu verkaufen. Mit einem modernen Tech-Stack, Integrationen und Features, die den direkten Verkauf von Tickets und die Abwicklung von Events und Einlässen stark vereinfachen – und darüber hinaus eine erstklassige User Experience bietet. Eine echte Revolution für die Freizeit- und Eventbranche.
Ditix Login Screen

Ticketverkauf ohne Umwege

Was ditix besonders macht: Es ist die erste Ticketsoftware, die Veranstaltenden den Direktverkauf ermöglicht – vollautomatisiert und ohne den Bedarf an persönlicher Betreuung. Besonders kleinere Veranstaltende profitieren davon, da keine Vorverkaufs- oder Bearbeitungsgebühren an externe Dienstleister fließen. Das führt zu einer hohen wirtschaftlichen Effizienz, von der auch die Ticketkäufer:innen direkt profitieren. Die intuitive UI und durchdachte UX sorgen zudem für ein nahtloses Nutzererlebnis auf allen Seiten, wodurch die Service-Betreuungskosten weiter reduziert werden können.

Von der Idee zur Umsetzung

Um die Komplexität des Projekts zu strukturieren und auf das Wesentliche zu reduzieren, haben wir die Software in Kernbereiche unterteilt und iterativ konzipiert. So entstanden schrittweise die Informationsarchitektur und Wireframes aus den Perspektiven der verschiedenen Zielgruppen. Nach der Einarbeitung des Stakeholder-Feedbacks erstellten wir Design-Prototypen für zentrale Layouts, wie das Menü, die Wizard-Logik und die Veranstaltungsdetailseite, um anschließend die finalen Freigaben einzuholen.

Ditix Design Prozess

Komponentenbasiertes UI für maximale Flexibilität

Auf der UI-Design-Ebene war die Farbgebung des Brandings bereits festgelegt. In Figma entwickelten wir ein komponentenbasiertes Designsystem, das Schriften, Abstände, Farben, Icons und alle relevanten Designelemente umfasst – sowohl für einen Dark Mode als auch für einen Light Mode. Um Einheitlichkeit, Logik und Skalierbarkeit sicherzustellen, entstand ein speziell für ditix entwickeltes UI-Kit. Diese Komponenten wurden im Frontend implementiert und ermöglichen – insbesondere im iterativen Vorgehen – die flexible Zusammenstellung bestehender und zukünftiger User Stories.

Ditix Komponentenübersicht

Schnelle Event-Verwaltung ohne UX-Stolperfallen

Der volle Funktionsumfang der ditix-Software ist sowohl auf dem Desktop als auch auf mobilen Endgeräten verfügbar. So sind die Veranstalter auch während der Veranstaltung flexibel und können beispielsweise bestimmte Parameter individuell anpassen. Um die Prozesse so schlank wie möglich zu halten, werden die Nutzer der Software durch Standard-Workflows geführt. Jeder neue Eintrag wird in wenigen Schritten durch die Beantwortung einiger kurzer Fragen erstellt und kann so schnell veröffentlicht werden. Es werden nur die Mindestinformationen abgefragt, alle weiteren Details können dann in einer kategorisierten Übersicht pro Veranstaltung eingesehen und bearbeitet werden.

Komplexität raus, Flexibilität rein

Wir orientieren uns mit diesem Projekt vollständig an der MACH Architektur. MACH steht für Microservices, API first, Cloud Native, Headless und zeichnet ein Bild, wie moderne Technologien wie Cloud oder moderne Frontend Applikationen in Einklang mit einer Gesamtarchitektur gebracht werden. Javascript ist die Sprache des Webs. Wir verwenden es im Dialekt Typescript sowohl für Frontend als auch für Backend. Weniger Sprachen, weniger (Gesamt-)Komplexität.

Ditix Architektur

Technologie, die performt

Um die moderne User-Experience auch im Frontend aufzugreifen, setzen wir auf fortschrittliche Frontend Technologien. Das ditix Frontend ist in dem populärsten Javascript-Framework React (+Next.js) geschrieben und bindet alle Datenquellen über APIs an – hier GraphQL.

Infrastrukturell erweitern wir das ganze um Vercel Enterprise. Somit könnnen wir wirklich alles aus dem Frontend rausholen was geht. Das sieht man in der Performance der Seite im Browser oder durch die gegebene Sicherheit gegen Angriffe durch die Vercel Firewall.

Tech-Stack für maximale Geschwindigkeit und Verfügbarkeit

  • SSR (Server-Side Rendering)
    Schnelleres Laden & bessere SEO durch Server-Rendering
  • ISR (Incremental Static Regeneration)
    Einzelne Seiten lassen sich nachträglich statisch aktualisieren
  • SSG (Static Site Generation)
    Statische Seiten sorgen für blitzschnelle Ladezeiten
  • Globale CDN-Verteilung
    Inhalte werden weltweit schneller ausgeliefert
  • Automatisierte Skalierung
    Automatisches Hoch- und Runterskalieren je nach Bedarf
  • Integrierte Vorschau-Umgebungen
    Änderungen lassen sich direkt im Vorschau-Link testen
  • Serverless Funktionen
    Flexible API-Funktionen ohne eigene Serverinfrastruktur
  • 99,99% Verfügbarkeit
    SLA mit höchster Zuverlässigkeit und schnellen Reaktionszeiten
ditix event ansicht
Ditix Event Kachel

Eine Applikation, die Geschäftslogik versteht

Ditix ist eine Applikation mit komplexer Geschäftslogik. Für solche Business Applikationen folgen unsere Backends den Prinzipien des Domain-Driven-Designs (DDD). Hier steht die Modellerung der Geschäftsprozesse (der Domänenlogik) im Vordergrund. Wir setzen auf eine verteilte, eventgetriebene (hexagonale-)Architektur mit CQRS und Event Sourcing, um die höchste Effizienz, Datenintegrität und Use Case spezifische Performance zu gewährleisten.

Ditix Event Shop Saalplan

Ein moderner Backend-Stack, der mitwächst

  • Domain-Driven Design (DDD): Unser Ansatz basiert auf Domain-Driven Design, einer Methodik, die darauf abzielt, komplexe Softwareprojekte durch die Modellierung von Domain-Logiken zu strukturieren. Durch die klare Trennung von Geschäftslogik und technischen Details können wir eine höhere Qualität und Konsistenz in unserer Software erreichen. DDD hilft uns, die Komplexität zu beherrschen und sicherzustellen, dass unsere Softwarelösungen genau auf die Bedürfnisse unserer Benutzer abgestimmt sind.

  • Event Sourcing für maximale Datenintegrität: Mit Event Sourcing speichern wir den Zustand des Systems als eine Abfolge von Ereignissen anstatt als aktuelle Momentaufnahme. Dies ermöglicht eine vollständige Nachverfolgbarkeit aller Änderungen, verbessert die Datenintegrität und erleichtert die Wiederherstellung und Analyse von Systemzuständen zu jedem Zeitpunkt.

  • Infrastruktur: Durch den Einsatz Kubernetes in der die containerisierte Applikation läuft sind wir in der Lage, eine hochskalierbare und performante Anwendung zu entwickeln, die den Anforderungen von Veranstaltungen jeder Größe gerecht wird. Unsere Backend-Architektur ist darauf ausgelegt, große Mengen an Daten effizient zu verarbeiten und eine schnelle Reaktionszeit zu gewährleisten.

  • Sichere und zuverlässige APIs: Unsere APIs sind so gestaltet, dass sie einen klaren Vertrag zwischen Frontend und Backend definieren. Die Sicherheit unserer APIs wird durch standardisierte Authentifizierungs- und Autorisierungsmechanismen gewährleistet.

  • Modularität und Wiederverwendbarkeit: Die Unterteilung der Applikation in unterschiedliche Bounded Contexte ermöglicht es uns, einzelne System-Komponenten unabhängig zu entwickeln und zu testen. Dies erhöht die Wartbarkeit und Robustheit und erleichtert zukünftige Erweiterungen und Anpassungen.

  • Echtzeit-Updates und WebSockets: Unsere Backend-Infrastruktur unterstützt Echtzeit-Updates über WebSockets, was besonders für die Aktualisierung der Dashboards in Echtzeit einen tollen Wow Effekt erzeugt.

  • Technische Details am Rande: Wir nutzen Nest.js, ein fortschrittliches Node.js-Framework, das auf Typescript fußt und eine hervorragende Basis für skalierbare und wartbare Anwendungen bietet.

Feature-Umfang: Von Ticketshop bis Einlassmanagement

Allgemein bilden die Features von ditix alle Aspekte einer Veranstaltung ab und unterstützen von Planung bis zur Eventdurchführung. Alle diese Features in einer Software zu bündeln, trägt zu einer enormen Kostenersparnis und zu konkurrenzlosen Synergieeffekten bei. Die userfreundliche Gestaltung sorgt zudem dafür, dass die Software zielsicher durch jeden Prozess führt und keine Fragen offen bleiben.

Ditix Features
Ditix Landingpage und Backend

Mit ditix beginnt die Ticket-Zukunft

Schon heute ist ditix eine echte Revolution für die Veranstaltungsbranche: Dank der benutzerfreundlichen Usability und dem fairen Preis-Leistungs-Verhältnis hat ditix das Potenzial, zur bevorzugten Ticketsoftware auf dem deutschen Markt zu werden. Mit seinem innovativen und fairen Preismodell kann ditix zudem vielen Veranstaltenden helfen, ihre finanziellen Herausforderungen zu meistern.

Und genau hier setzt die Mission von ditix an: Mit zahlreichen weiteren Funktionen und Features sowie einer White-Label-Lösung soll der Veranstaltermarkt revolutioniert werden. Statt sich mit technischen Problemen zu beschäftigen, sollen Veranstaltende mehr Zeit für das Wesentliche haben: unvergessliche Erlebnisse zu schaffen. Wir von Becklyn sind stolz darauf, ditix mit unserer Expertise und Kreativität auf diesem Weg zu unterstützen.

Ditix Outro