This journey encompassed the creation of a unified and efficient design framework for the automotive industry. From maintaining design consistency to enabling a responsive and visually appealing user interface across various digital touchpoints.

Ensured uniformity and coherence across all digital products.

2. Innovation 💡

Incorporated cutting-edge design elements to enhance user experience.

Streamlined design processes for quicker adjustments and customization.

Industry: Automotive

Role: UI/UX Designer for Luxoft

Year: 2023-2024

Team size: 3

The challenge was to maintain design consistency across various digital touchpoints for Mercedes Benz. The goal was to update the Design System to streamline the design process across different projects, ensure a visually appealing and responsive user interface, and enable quick adjustments and customization for specific project requirements.

My role as a UI/UX Designer was to manage the design update process, from discovery to execution. This included stakeholder meetings, conducting research and analysis, updating reusable UI components, ensuring responsiveness, and creating comprehensive documentation.

We continuously updated and refined a fully functional design system, encompassing various UI components such as head unit elements, icons, widgets, typography, colors, buttons, sliders, media elements, avatars, drop-downs, lists, screens, tabs, layouts, and dialogs. By leveraging atomic design principles, we ensured that each component remained consistent and easily reusable.✨

This streamlined the design process across various Mercedes Benz projects, promoting both efficiency and coherence. 🚗💡

+200 Components updated

100% Design consistency achieved

A unified solution for design efficiency

Responsive and adaptable across platforms

We conducted stakeholder meetings, weekly grooming sessions, and extensive research. We used existing insights, bench-marked competitors, performed desk research, and gathered user feedback to understand the needs and challenges.

Using Sketch as our primary tool, we updated a comprehensive library of reusable UI components. This included buttons, forms, navigation elements, and typography styles to ensure consistency and ease of use.

Our primary objective was ensuring that the design system was responsive. We adapted components to different screen sizes and resolutions to provide a seamless user experience across devices.

We created detailed documentation to guide UX designers in using the design system. This included guidelines, best practices, and examples to ensure uniform application across all projects.

Consistency Achieved: The updated design system ensured a uniform look and feel across all digital products.

Efficiency Improved: Streamlined processes enabled quicker design iterations and customizations.

Responsiveness: The design system was adaptable to different screen sizes and resolutions, enhancing user experience.

Comprehensive Documentation: Detailed guidelines and best practices supported designers in maintaining consistency and quality.

Updating the Mercedes Benz design system was a critical step towards achieving design consistency, efficiency, and responsiveness across all digital touchpoints. By focusing on atomic design principles and comprehensive documentation, we created a robust framework that supports ongoing innovation and adaptability. This project not only streamlined the design process but also significantly improved the user experience, setting a strong foundation for future developments.