I designed the entire course module from the ground up and then mentored and guided my team to design the remaining modules, ensuring consistency in visual language and user experience. Through close collaboration with developers, project stakeholders, and clients, we maintained clear communication and alignment throughout the process. This collective effort led to the successful creation and delivery of the course.

DADB + Impelsys

E-learning Cousres
[ Desktop + Phone ]

DADB, the German Academy of Digital Education (Deutsche Akademie für Digitale Bildung), is dedicated to digitalizing higher education, particularly in science and engineering disciplines. Their mission is to offer digital university courses that provide engaging and accessible learning experiences through innovative teaching formats.

ABOUT PROJECT

Impelsys is leading a project to develop six different types of courses for DADB, including e-learning modules, AR/VR experiences, and sample videos. As part of this initiative, I am responsible for crafting the UI/UX design of the e-learning courses, focusing on intuitive navigation, engaging interactions, and accessibility. I integrate AI-driven personalisation and predictive insights to enhance learner engagement, ensuring the platform delivers a user-friendly, adaptive, and visually compelling digital education experience for DADB.

Research

Utilizing DADB's brand guidelines and the samples provided by the client, we collaborated with instructional designers to conduct thorough research and develop a sample design that aligns with the project’s vision and learning objectives. However, due to Impelsys company policy, the storyboard cannot be shared.

Rough Layout

Designing the layout for DADB is always a challenge due to its rich content and diverse elements. As an interactive game, it’s crucial to ensure that all elements are clearly displayed and well-composed to maintain both functionality and visual balance, enhancing the overall user experience.

FONT

COLOUR

Sample Design

These sample designs are extremely valuable for understanding the client's needs and purpose. They also provide an opportunity to experiment with colors and explore different design approaches during the creative process.

Free Person Working on Laptop Website Mockup.png

Final Screen

The final screen of our e-learning courses at DADB is a pivotal element of the user experience, and as a graphic designer in UI/UX, I ensure it reflects the journey our learners have taken. My approach involves using captivating visuals and seamless design principles that resonate with users, creating a memorable conclusion that motivates them to take their educational strides further.

Prototype

In addition to the design work, I have also developed a prototype for the project. This prototype serves as a functional model, allowing us to visualize the user flow, test key interactions, and gather feedback early in the process. It helps in identifying potential improvements and ensures that the final design aligns with the project’s objectives and user expectations.