Atomic design is atoms, molecules, organisms, templates, and pages concurrently working together to create effective interface design systems. Atomic design is not a linear process, but rather a mental model to help us think of our user interfaces as both a cohesive whole and a collection of parts at the same time.
This is the structure to follow for a design system that caters for one identical Experience for multiple brands
Template design System
This will include a wireframe like design system, it will include all atoms, molecules, organisms, templates and pages
Brand design system
The design system is implemented on a project, but the specific style is implemented, which would cater the each unique brand
Components are designed with multiple variants to make sure they can fit any project and any state by easily toggling the component properties.
All components are built using auto layouts, to make sure they adapt to all screen sizes
Matter is an adaptable system of guidelines and components. The design system is well documented on Figma to help designers best use the components and make sure they are following best practices
The design system was built to build wireframes, with most components being interactive by design it makes the wireframing and rapid prototyping a breeze. Once the wireframes are done, it’s a matter of changing the style guide and adjusting the components and you have a fully done UI in half the time.
A platform that that facilitates and enhances all aspects of planning and booking for a night out with friends.
A b2b Marketplace that allows it's network of clients to make their recurrent purchases from CCI and other vendors online through, digitizing the experience.
An E-comerce website for users to purchase IQOS devices and accessories.
A website that celebrates the love of food, with a decade of inspiring the community with delicious food solutions