neom land mobility
Land mobility includes different digital devices starting with mobile application, finishing with interactive kiosks in the Line city intersectional hubs.
This aspect required us to think about the consistent digital ecosystem.
Design System is a cohesive set of reusable components, guidelines and principles, that help our teams to create a consistent and delightful user experience, which minimizes redundancy in designs, simplifies the track of changes, prevents outdated styles and will be single source of truth for the whole Digital Land Mobility ecosystem.
By using a design system, Land Mobility teams can quickly create new products, release new features to users, and ultimately get to market faster while maintaining a cohesive brand and user experience.
Design
system
ENABLE EFFICIENCY AND SCALABILITY: design and development work can be created and replicated quickly and at scale; It means that we won't have to reinvent the wheel for every new feature or struggle to update every device screen in case of re-brandiing.
Design inconsistencies can easily creep in without a centralized design system, leading to stalled growth, disjointed user experience, inconsistent brand identity, and, ultimately, unhappy customers.
ELEVATE MODULARITY: subdivided system into smaller parts called modules can be independently created, modified, replaced, or exchanged with other modules or between different systems;
We were creating Design components library, UI kit library and Design Pattern library with all pronciples described together with interactive components examples included.
Design system consists of
Design Component Library
A component library is a set of pre-designed, tested, and well-documented UI components that can be easily reused across the user interface of a product. It ensures that the product has a consistent look and feel and promotes efficiency and scalability.
UI KIT
A UI kit is a large compilation of reusable and easy-to-use pre- developed UI components, templates, styles, resources and other useful digital assets that can be used to create user interface designs, maintain consistency and scalability over time.
Design Pattern Library
Comprehensive guidelines and documentation to help designers and developers understand and implement the design system. This library also includes interactive components examples, which will prevent from miscommunication between the growing design and development team in the future. This documentation will help to improve the experience for the design and development of digital products within the Land Mobility of NEOM.
Atomic Design Concept
The Benefits
of Design System
CONSISTENCY
Design systems aid in ensuring that the overall appearance and feel of all items created using the system is constant. Users will have a better user experience as a result, and learning how to utilize new goods will be simpler for them.
EFFICIENCY
Design systems can help designers and developers cut down on their time-consuming tasks. Designers and developers may concentrate on more strategic tasks, including developing new features and enhancing the user experience, by offering pre-built components and standards.
SCALABILITY
The use of design systems facilitates scaling up design and development initiatives. As a business expands, it can add new features and products without constantly starting again.
ACCESSIBILITY
Encourages best practices for accessibility, making digital products more inclusive.
COLLABORATION
Facilitates collaboration among designers, developers, and other stakeholders by providing a common reference point.
REDUCED COSTS
Design systems can help to reduce the costs associated with design and development. By reusing components and avoiding common mistakes, designers and developers can save time and money.
IMPROVED USER EXPERIENCE
Design systems can help to improve the user experience of products. By ensuring that products are consistent and easy to use, design systems can help to improve user satisfaction and loyalty.
BRAND IDENTITY
Helps maintain a strong and recognizable brand identity by enforcing consistent design elements.
