IUI Design System
Project Overview
Industry UI (IUI) is a design system crafted specifically for creating Industry 4.0 applications. The system's primary goal was to offer a comprehensive set of components that simplify the development of robust and feature-rich websites, web apps, and mobile apps. IUI was designed with ease and flexibility in mind, enabling developers and designers to build powerful user interfaces for industrial applications without sacrificing functionality. The system supports rapid prototyping, customization, and scalability, ensuring it adapts to the complex needs of Industry 4.0.
Challenges
The challenge in designing Industry UI (IUI) for Industry 4.0 applications lies in balancing complexity with usability. Industry 4.0 solutions involve advanced technologies like IoT, AI, and big data, which demand highly functional and intricate user interfaces. The key challenge is to create a flexible design system that simplifies the creation of powerful applications while remaining intuitive for users. This requires designing components that are customizable, scalable, and compatible with various platforms while ensuring seamless integration of complex industrial data and workflows.
My Role
Design System Designer
My role was to lead the creation of a cohesive design system tailored for Industry 4.0 applications. I focused on developing a comprehensive set of UI components that balanced functionality with ease of use, ensuring that complex industrial processes were represented in a clear, intuitive way. My responsibilities included defining the design principles, creating reusable components, ensuring cross-platform consistency, and collaborating with developers and stakeholders to ensure the system met the unique needs of industrial applications.
The Process
Goals and Principles
At SurgicalVR, the brand identity is built upon a foundation of clear goals and strong values. These principles were carefully defined through extensive market research and collaborative meetings with key stakeholders, ensuring the brand resonates with its target audience—medical professionals seeking cutting-edge training solutions. Below are the brand goals and core values that shape SurgicalVR’s identity and mission.
Brand goals
SurgicalVR provides XR-based tools to help medical professionals master medical skills precisely and confidently. The main goal is to support excellence in medical training and practice.
By integrating cutting-edge XR and AI technologies, SurgicalVR aims to lead innovation in medical training. The brand aspires to revolutionize surgical education through immersive, high-tech solutions.
While surgery training can be rigorous, SurgicalVR believes that the process should also be fulfilling. By making learning engaging and rewarding, the brand brings an element of joy to the path of medical mastery.
SurgicalVR is dedicated to delivering a seamless, modern user experience, aligning its products with the latest UX trends and ensuring that medical professionals find both functionality and ease of use in their training tools.
"Being powerful, innovative and trustful were the main factors for the brand"
Brand Values
Visual Vocabulary
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Components
For the brand's color palette, two primary colors and one neutral color were selected to embody the brand’s values. Additionally, five complementary colors were chosen to support the main colors in various contexts. Color variations for all selected hues were also defined for use in graphic design.
For typography, three fonts were chosen: Raleway, Lato, and Playfair Display. Each font serves a distinct purpose, providing different levels of emphasis and hierarchy for the brand’s content and text.
Voice and Tone
In alignment with SurgicalVR’s brand identity, a Tone and Voice document was developed to ensure all communications reflect the company's core values and resonate with its audience. SurgicalVR’s tone is designed to be respectful, simple, and helpful, effectively bridging the gap between cutting-edge technology and the needs of medical professionals.
The development of the Tone and Voice document ensures that every communication piece—from website copy to user guides—reflects these principles. This consistent voice helps SurgicalVR present itself as a trusted, approachable partner in the medical field, committed to improving surgical training with cutting-edge, user-friendly solutions.
Outcome
In alignment with SurgicalVR’s brand identity, a Tone and Voice document was developed to ensure all communications reflect the company's core values and resonate with its audience. SurgicalVR’s tone is designed to be respectful, simple, and helpful, effectively bridging the gap between cutting-edge technology and the needs of medical professionals.
The development of the Tone and Voice document ensures that every communication piece—from website copy to user guides—reflects these principles. This consistent voice helps SurgicalVR present itself as a trusted, approachable partner in the medical field, committed to improving surgical training with cutting-edge, user-friendly solutions.