Flo & Co.
Where Design Meets Functionality
At Flo & Co., passion is crafting beautiful, functional kitchens that last a lifetime. Using high-quality, sustainable materials to create dream kitchens that are not only stunning but also built to endure. Their approach is highly collaborative. Taking the time to understand the clients unique needs, style preferences, and culinary aspirations. Allowing them to design kitchens that perfectly reflects the clients vision and exceeds expectations.
MY ROLE: UX / UI Design, Research & Development
Desktop and Mobile
Please use the Adobe XD Links below to view full interactive Prototypes with:
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups
Style Guide
Following our Style Guide and leveraging Atomic Design principles, we create modular building blocks by starting with foundational Elements and Components.
For clients, it means faster development, cost-efficiency, and a consistent brand experience. Designers gain efficiency through reusable components, improved collaboration, and a scalable design system. Ultimately, end users benefit from faster load times, intuitive interfaces, and a cohesive digital experience. By breaking down designs into manageable units, Atomic Design streamlines the design and development process, leading to higher quality products and greater satisfaction for all involved.
For clients, it means faster development, cost-efficiency, and a consistent brand experience. Designers gain efficiency through reusable components, improved collaboration, and a scalable design system. Ultimately, end users benefit from faster load times, intuitive interfaces, and a cohesive digital experience. By breaking down designs into manageable units, Atomic Design streamlines the design and development process, leading to higher quality products and greater satisfaction for all involved.
Please use the Adobe XD Link below to view the interactive Prototype
- Transitions, Grids, Fonts, Colours, Buttons, Links, and Inputs.
- Transitions, Grids, Fonts, Colours, Buttons, Links, and Inputs.
Mobile
Please use the Adobe XD Link below to view the full interactive Prototype:
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
Desktop
Please use the Adobe XD Link below to view the full interactive Prototype:
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
Block Design and Atomic Design Benefits
For Clients: Block design and Atomic Design deliver cost-effective, high-quality websites. By creating reusable components, development time and costs are reduced. Consistent branding and a scalable platform ensure long-term value and adaptability.
For Designers: This approach fosters efficiency and creativity. Designers can focus on higher-level components, knowing that foundational elements are consistent. It promotes collaboration with developers through a shared language.
For End Users: Atomic Design results in faster loading times, improved performance, and a seamless user experience. Consistent design elements create familiarity and trust. Regular updates and new features can be implemented smoothly due to the modular structure.
For End Users: Atomic Design results in faster loading times, improved performance, and a seamless user experience. Consistent design elements create familiarity and trust. Regular updates and new features can be implemented smoothly due to the modular structure.
Essentially, this methodology streamlines the design and development process, leading to superior products that meet client needs and user expectations.
Please use the Adobe XD Link below to view the full interactive Prototype:
- Banners, Headers, Text, Images, Transitions, Buttons, Links, Menus, Cards and Pop-ups.
Desktop and Mobile
Please use the Adobe XD Links below to view full interactive Prototypes with:
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups
Style Guide
Following our Style Guide and leveraging Atomic Design principles, we create modular building blocks by starting with foundational Elements and Components.
For clients, it means faster development, cost-efficiency, and a consistent brand experience. Designers gain efficiency through reusable components, improved collaboration, and a scalable design system. Ultimately, end users benefit from faster load times, intuitive interfaces, and a cohesive digital experience. By breaking down designs into manageable units, Atomic Design streamlines the design and development process, leading to higher quality products and greater satisfaction for all involved.
For clients, it means faster development, cost-efficiency, and a consistent brand experience. Designers gain efficiency through reusable components, improved collaboration, and a scalable design system. Ultimately, end users benefit from faster load times, intuitive interfaces, and a cohesive digital experience. By breaking down designs into manageable units, Atomic Design streamlines the design and development process, leading to higher quality products and greater satisfaction for all involved.
Please use the Adobe XD Link below to view the interactive Prototype
- Transitions, Grids, Fonts, Colours, Buttons, Links, and Inputs.
- Transitions, Grids, Fonts, Colours, Buttons, Links, and Inputs.
Mobile
Please use the Adobe XD Link below to view the full interactive Prototype:
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
Desktop
Please use the Adobe XD Link below to view the full interactive Prototype:
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
- Page transitions, Buttons, Links, Menus, Cards and Pop-ups.
Block Design and Atomic Design Benefits
For Clients: Block design and Atomic Design deliver cost-effective, high-quality websites. By creating reusable components, development time and costs are reduced. Consistent branding and a scalable platform ensure long-term value and adaptability.
For Designers: This approach fosters efficiency and creativity. Designers can focus on higher-level components, knowing that foundational elements are consistent. It promotes collaboration with developers through a shared language.
For End Users: Atomic Design results in faster loading times, improved performance, and a seamless user experience. Consistent design elements create familiarity and trust. Regular updates and new features can be implemented smoothly due to the modular structure.
For End Users: Atomic Design results in faster loading times, improved performance, and a seamless user experience. Consistent design elements create familiarity and trust. Regular updates and new features can be implemented smoothly due to the modular structure.
Essentially, this methodology streamlines the design and development process, leading to superior products that meet client needs and user expectations.
Please use the Adobe XD Link below to view the full interactive Prototype:
- Banners, Headers, Text, Images, Transitions, Buttons, Links, Menus, Cards and Pop-ups.