Starke Farben sind in den letzten Jahren ein wichtiger Design-Trend. Mutige Farben sind reichhaltig, hell und sogar extrem lebendig. Sie können primäre oder sogar sekundäre Farbtöne sein. Über den fast schon normalen Dark Mode hinaus haben wir einfach mal 4 Farb-Modi integriert. So kann sich jeder User seine Lieblings-Ansicht selbst auswählen: Classic, Dark, Pride oder Pastell.

• Der Classic-Modus ist perfekt für diejenigen, die es klassisch mögen. Hier dominieren neutrale Farben und natürlich Classic Blue.
• Der Dark-Modus hingegen ist ideal für alle Nachtschwärmer oder Menschen mit empfindlichen Augen. Dunkle Hintergründe in Kombination mit hellen Schriftarten sorgen dafür, dass das Lesen auch bei schlechten Lichtverhältnissen angenehm bleibt.
• Für all jene, die gerne auffallen oder einfach ihre Persönlichkeit zum Ausdruck bringen wollen, gibt es den Pride-Modus. Hier erwarten einen kräftige Regenbogenfarben – ein klares Statement gegen Diskriminierung und eine Hommage an Vielfalt und Toleranz.
• Last but not least haben wir noch den Pastell-Modus im Angebot: Sanfte Farbtöne wie Rosé, Mintgrün oder Babyblau schaffen eine beruhigende Atmosphäre – perfekt um sich zu entspannen oder konzentriert zu arbeiten.

Egal wer welchen Modus bevorzugt – unsere Plattform bietet immer das beste Nutzererlebnis!

Sie sind ein äußerst wichtiger Trend in unserem UI-Design und machen den Unterschied zwischen einer einfachen und einer außergewöhnlichen Website. Mit animierten Icons, wiederkehrenden Bewegungen und Memojis anstelle von Bildern heben wir uns von vielen Mitbewerbern ab. Wer im UI-Design auffallen möchte, sollte nicht nur auf Ästhetik setzen, sondern auch innovative Elemente wie animierte Icons integrieren. Denn diese kleinen Details können den Unterschied ausmachen!

Mehr Liebe zum Detail war uns im UI-Design sehr wichtig. Von den Schaltflächen, Symbolen, dem Laden bis zur Navigation machen die kleinen Details ein außergewöhnliches Design. Denn es sind gerade die kleinen Dinge, die den Unterschied ausmachen und das Nutzererlebnis verbessern. Wir haben uns daher intensiv mit der Gestaltung von Icons und Schriftarten beschäftigt, um eine klare Lesbarkeit zu gewährleisten.

Auch bei der Farbauswahl haben wir uns Zeit genommen. Denn jede Farbe hat ihre eigene Bedeutung und kann unterschiedliche Emotionen hervorrufen. Deshalb haben wir bewusst auf bestimmte Farbkombinationen gesetzt, um ein harmonisches Gesamtbild zu schaffen.

Ein weiteres wichtiges Detail ist die Ladezeit unserer Website. Hierbei achten wir darauf, dass unsere Seiten schnell geladen werden können, ohne dabei Kompromisse beim Design einzugehen.

Und nicht zuletzt spielt auch die Navigation eine entscheidende Rolle in unserem UI-Design-Konzept. Wir möchten unseren Nutzern einen intuitiven Weg durch unsere Anwendung bieten – damit sie sich jederzeit sicher fühlen und einfach navigieren können.

All diese Details tragen dazu bei, dass unser UI-Design nicht nur ästhetisch ansprechend aussieht, sondern auch funktional überzeugt!

Das war ein wesentlicher Wunsch für unser Design, der das Bild als Hauptelement ersetzt. Tapfere Typografie kann sowohl im Webdesign als auch im Grafikdesign einen Unterschied machen – das haben wir mit variablen Fonts umgesetzt. Wir sind uns sicher: Variable Fonts werden sich mit hoher Wahrscheinlichkeit als zukünftiger Standard in der digitalen Netzwerktypografie – z.B. bei Websites, in Mobil Apps oder als Systemschriften – etablieren. Denn sie bieten eine noch nie dagewesene Flexibilität und ermöglichen es, dass sich Schriftarten automatisch an verschiedene Bildschirmgrößen oder Geräte anpassen. Das bedeutet nicht nur mehr Komfort für den Nutzer, sondern auch ein gesteigertes ästhetisches Erlebnis.

Auch in puncto Barrierefreiheit spielen variable Fonts eine große Rolle: Durch die Möglichkeit einer dynamischen Anpassung können Texte besser lesbar gemacht werden – egal ob auf kleinen Smartphone-Displays oder großen Monitoren.

Der wichtigste Teil unseres UI-Designs war die Funktionalität, das heißt, jedes Element wird basierend auf seinem Zweck und seiner Funktion ausgewählt. Viele Leute denken, dass man sich zwischen Design und Funktionalität entscheiden muss, aber mit den neuen Technologien gehen diese beiden sehr gut zusammen und ergänzen sich gegenseitig. Das Design ist dafür verantwortlich, die Aufmerksamkeit auf die Website oder Anwendung zu lenken, und die Funktionalität erleichtert die Erfahrung. Dadurch kann der Benutzer die Informationen schneller finden.

Darüber hinaus sollten auch die Bedürfnisse verschiedener Zielgruppen berücksichtigt werden. Ein Design, das für junge Menschen ansprechend ist, mag ältere Nutzer abschrecken oder umgekehrt. Daher ist unser UI-Design so gestaltet sein, dass es für alle Altersgruppen zugänglich und verständlich ist.

Neben den ästhetischen Aspekten spielt auch die Barrierefreiheit bei unserem Design eine wichtige Rolle. Es gibt viele Menschen mit unterschiedlichen Behinderungen wie Sehbehinderungen oder motorischen Einschränkungen, die ebenfalls auf unsere Website zugreifen möchten. Das Design muss daher so angepasst werden können, dass es diesen Nutzern gerecht wird.

Insgesamt ging es uns darum, ein positives Erlebnis für alle Benutzer zu schaffen – sei es beim Besuch der Website oder bei der Nutzung unseres Login-Bereichs auf einem Smartphone oder Tablet. Durch einen gelungenen Mix aus Ästhetik und Funktionalität sowie Berücksichtigung der Bedürfnisse aller Zielgruppen konnte dies erfolgreich umgesetzt werden.

• Multi-Mandant mit benutzerdefinierten Rollen, Unterschiedliche Nutzergruppen,  Verschiedene Produktcluster und Kursangebote sowie individuelles Buchungsverfahren
• Nutzer-Management für personenbezogene Daten, Adress-, Kommunikations- und Bankdaten sowie Profiling
• Kurs-Management mit Ausgabe aller Kursdaten, eigener Sortierung und diversen Filter- und Sortierfunktionen
• Dozenten-Management zum verwalten von Dozentendaten,  organisieren von Dozententerminen und Stundenplänen und natürlich unser Upload-Center, in dem Dozenten Termin-, Fach & Kursdokumente organisieren und zum Veröffentlichen (Digital oder Print) beauftragen können
• Dozenten-Termin-Verwaltung mit Terminplanung, einer Termintauschbörse und Stundenplanung
• Dokumenten-Management für Personendokumente (Zertifikate, Bescheinigungen, Digitale Zertifikate & Teilnehmerbescheinigungen inkl. Mailversand und Validierungsfunktionen, abrufen von Unterrichtsdokumenten (Präsentationen, Fachliteratur)
• E-Commerce-Funktion für individuelle Merklisten, einem Shop für kostenpflichtige Buchungen, Buchungen für Dritte (z.B. Unternehmen), Wartelistenbuchung, die Möglichkeit Addons zu buchen, Guthaben und Gutscheine anzuwenden und natürlich das Angebot unterschiedlicher Payments

• 250+ Funktionalitäten
• Modernste Technologien mit Java 17/21, Spring Boot, GraphQL, MongoDB und Microsoft SQL
• Kein Underfetching und Overfetching durch GraphQL
• High Performance der Anfragen durch Caching und Query-Optimierung auf Datenbankebene
• Vereinfachung der Zusammenarbeit mit Drittanbietern durch den Einsatz vom Altair-Web-Client
• Skalierbarkeit durch JSON Web Token
• Hohe Wartbarkeit durch Test-Driven-Development-Ansatz
• Continuous Integration / Continuous Delivery Pipeline durch GitLab

Wir möchten uns an dieser Stelle bei allen Beteiligten bedanken, die mit uns zusammen dieses Projekt ermöglicht haben und uns dabei helfen, es stetig zu verbessern.

Widrige Bedingungen, wie zum Beispiel die organisatorischen Änderungsanforderungen der Corona-Pandemie oder eine groß angelegte bundesweite Cyberattacke auf das gemeinschaftlich von den Industrie- und Handelskammern betriebene Rechenzentrum, haben zunächst noch dafür gesorgt, dass viele der Funktionen nicht wie geplant fertig entwickelt werden konnten oder so wie angedacht funktioniert haben. Zahlreiche Anpassungswünsche und Hinweise durch alle Nutzer haben uns maßgeblich dabei geholfen, die Website zu dem zu machen, was sie jetzt ist.

Wir haben noch viele Ideen, wie wir die Funktionalitäten erweitern und optimieren können und gehen dies weiterhin mit Hilfe eines externen Entwicklers (SnapDev) und unserer Webagentur an. Danke für das entgegengebrachte Verständnis während der Phase der Widrigkeiten und danke für jegliche konstruktive Kritik und alle Anregungen.