eduBITES is a German start-up that provides employees with small-sized pieces of content to improve their skills even during busy routines. The courses are built with qualified professionals and recorded and transcripted with the help of AI. They are offered to students with highly customizable UI. This project was designed mobile-first with a user-centric approach. I´ve worked at eduBITES from September 2021 to December 2022 as the lead product designer.
My work actively helped the company secured investment, sell the MVP to their first customers and survive at a highly competitive market.
eduBITES ist ein deutsches Start-up, das Mitarbeitenden kurze und kompakte Inhalte zur Verfügung stellt, mit denen sie ihre Fähigkeiten auch in einem vollen Arbeitsalltag weiterentwickeln können. Die Kurse werden gemeinsam mit qualifizierten Expert erstellt und mithilfe von KI aufgezeichnet und transkribiert. Sie werden den Nutzer über eine hochgradig anpassbare Benutzeroberfläche angeboten. Dieses Projekt wurde nach einem Mobile-First-Ansatz und mit einem nutzerzentrierten Designansatz entwickelt. Von September 2021 bis Dezember 2022 war ich bei eduBITES als Lead Product Designer tätig.
Meine Arbeit hat aktiv dazu beigetragen, dass das Unternehmen Investitionen sichern, das MVP an seine ersten Kund verkaufen und sich in einem hochkompetitiven Markt behaupten konnte.
Starting point
When I joined eduBITES, I was the first and only designer; the company was a young and ambitious start-up. eduBITES already had drafts for an MPV, but they needed more: a consistent visual identity and excellent user experience that considered the complexity of the product and user needs. I worked on the two main products, the app and responsive website, as well as the admin area (desktop only).
Als ich bei eduBITES angefangen habe, war ich die erste und einzige Designerin im Unternehmen. Das Unternehmen war zu diesem Zeitpunkt ein junges und ambitioniertes Start-up. eduBITES hatte bereits erste Entwürfe für ein MVP, benötigte jedoch mehr: eine konsistente visuelle Identität und eine herausragende User Experience, die sowohl die Komplexität des Produkts als auch die Bedürfnisse der Nutzer berücksichtigt. Ich arbeitete an den beiden Hauptprodukten – der App und der responsiven Website – sowie am Admin-Bereich (ausschließlich für Desktop).
AI as an auxiliary to content creation
eduBITES used AI tools to expand the videos of professors into text transcriptions and translations in any language. After the first session with the professors recorded in the company´s studio, the following videos could be created with AI. Furthermore, the professor can choose to edit the content of his lecture and automatically create a new video without needing to record it again. As the UI designer, it was my role to think about how we present the content to the users.
KI als Unterstützung bei der Content-Erstellung
eduBITES nutzte KI-Tools, um die Videos der Dozent in Texttranskriptionen und Übersetzungen in jede beliebige Sprache umzuwandeln. Nach der ersten Session, die mit den Dozent im Studio des Unternehmens aufgezeichnet wurde, konnten die darauffolgenden Videos mithilfe von KI erstellt werden. Darüber hinaus konnten die Dozent die Inhalte ihrer Vorlesungen bearbeiten und automatisch ein neues Video erstellen lassen, ohne es erneut aufnehmen zu müssen. Als UI-Designer war es meine Aufgabe, zu überlegen, wie wir diese Inhalte für die Nutzer bestmöglich präsentieren können.
The user is in control of how they consume content
On eduBITES, we wanted to give our users the freedom to consume their content how they wanted, to fit their busy routines, and to make corporate education fun and engaging rather than a tedious obligation. Video, Text, Audio Only, the user chooses how he watches the content. As the lead UI/UX designer, I´ve mapped potential user needs and created the whole user interface for our interactive player.
Die Nutzer entscheiden selbst, wie sie Inhalte konsumieren
Bei eduBITES wollten wir unseren Nutzer die Freiheit geben, Inhalte so zu konsumieren, wie es am besten zu ihrem individuellen Alltag passt. Unser Ziel war es, die Weiterbildung im Unternehmen unterhaltsam und ansprechend zu gestalten, anstatt sie als lästige Pflicht wahrnehmen zu lassen. Ob Video, Text oder nur Audio – die Nutzer entscheiden selbst, wie sie die Inhalte konsumieren. Als Lead UI/UX-Designer habe ich potenzielle Nutzerbedürfnisse analysiert und die gesamte Benutzeroberfläche für unseren interaktiven Player entwickelt.
Optimized for the best on-the-go experience
As the lead UX designer, I´ve created the mobile-first user experience to prioritize our on-the-go users. I´ve also developed a roadmap for improvements that consider the employees who commute to work via car, bike, or public transport and have specific needs to be met. For example, car and bike users cannot consume content with video.
Optimiert für das beste mobile Nutzungserlebnis unterwegs
Als Lead UX-Designer habe ich die Mobile-First User Experience entwickelt, um Nutzer, die unterwegs auf die Plattform zugreifen, in den Mittelpunkt zu stellen. Außerdem habe ich eine Roadmap für zukünftige Verbesserungen entwickelt, die die unterschiedlichen Bedürfnisse von Mitarbeitenden berücksichtigt, die mit dem Auto, Fahrrad oder öffentlichen Verkehrsmitteln zur Arbeit pendeln. Beispielsweise können Nutzer, die mit dem Auto oder Fahrrad unterwegs sind, keine Videoinhalte konsumieren.
User testing
User testing is absolutely important to improve the experience of the product. As a UX designer, I´ve organized usability tests within the organization and created a roadmap for future tests with user groups.
User Testing
User Testing ist ein wichtiger Bestandteil, um die User Experience eines Produkts kontinuierlich zu verbessern. Als UX-Designer habe ich Usability-Tests innerhalb des Unternehmens organisiert und eine Roadmap für zukünftige Tests mit verschiedenen Nutzergruppen erstellt.
Admin area
As a B2B company, eduBITES serves several clients with different requirements and needs. As the UX Designer, I tend to these needs both in the user UI and in the admin area. The admin area is a complex section of the product where the eduBITES employees and specific clients are able to upload content and manage access.
Admin-Bereich
Als B2B-Unternehmen betreut eduBITES verschiedene Kund mit unterschiedlichen Anforderungen und Bedürfnissen. Als UX-Designer habe ich diese Bedürfnisse sowohl in der User UI als auch im Admin-Bereich berücksichtigt. Der Admin-Bereich ist ein komplexer Teil des Produkts, in dem eduBITES-Mitarbeitende und ausgewählte Kund Inhalte hochladen und Zugriffsrechte verwalten können.
Landing Page
eduBITES also required an impressive landing page to communicate the main benefits of the application to clients and future users. I was also responsible for designing that showcase landing page.
Landingpage
eduBITES benötigte außerdem eine ansprechende Landingpage, um die wichtigsten Vorteile der Anwendung gegenüber Kund und potenziellen Nutzer zu kommunizieren. Ich war auch für das Design dieser Showcase-Landingpage verantwortlich.
Future steps
As a new startup, eduBITES needed to focus on a few features to launch a great MVP. But that didn´t stop us from thinking of features that could come in the future. As a designer, I helped the team visualize potential new features.
Zukünftige Schritte
Als junges Start-up musste sich eduBITES zunächst auf einige wenige Funktionen konzentrieren, um ein überzeugendes MVP auf den Markt zu bringen. Das hielt uns jedoch nicht davon ab, bereits über zukünftige Funktionen nachzudenken. Als Designer habe ich das Team dabei unterstützt, potenzielle neue Funktionen zu visualisieren und ihre mögliche Umsetzung zu veranschaulichen.
