CAJU Design System
Hortifruti Natural da terra, an Americanas S.A company, is the largest retail chain of farm produce in Brazil, and CAJU is the Design System which provides everything necessary to meet the requirements of various company products. Its high flexibility allows for easy customization of the system for new products or redesigning existing ones, ensuring consistency and coherence in visual style and user experience.
Client
Americanas S.A
Year
2022
Category
Design System
COUNTRY
BRAZIL
CAJU Design System
Hortifruti Natural da terra, an Americanas S.A company, is the largest retail chain of farm produce in Brazil, and CAJU is the Design System which provides everything necessary to meet the requirements of various company products. Its high flexibility allows for easy customization of the system for new products or redesigning existing ones, ensuring consistency and coherence in visual style and user experience.
Client
Americanas S.A
Year
2022
Category
Design System
COUNTRY
BRAZIL
CAJU Design System
Hortifruti Natural da terra, an Americanas S.A company, is the largest retail chain of farm produce in Brazil, and CAJU is the Design System which provides everything necessary to meet the requirements of various company products. Its high flexibility allows for easy customization of the system for new products or redesigning existing ones, ensuring consistency and coherence in visual style and user experience.
Client
Americanas S.A
Year
2022
Category
Design System
COUNTRY
BRAZIL
CAJU Design System
Hortifruti Natural da terra, an Americanas S.A company, is the largest retail chain of farm produce in Brazil, and CAJU is the Design System which provides everything necessary to meet the requirements of various company products. Its high flexibility allows for easy customization of the system for new products or redesigning existing ones, ensuring consistency and coherence in visual style and user experience.
Client
Americanas S.A
Year
2022
Category
Design System
COUNTRY
BRAZIL




Overview
Overview
Back in 2022, Hortifruti Natural da Terra was in the process of creating a 100% digital culture and in the same period consistency problems were identified between the brand's digital products and services and the user experience, so the need arose to create a set of guidelines, components and patterns to solve this problem
Back in 2022, Hortifruti Natural da Terra was in the process of creating a 100% digital culture and in the same period consistency problems were identified between the brand's digital products and services and the user experience, so the need arose to create a set of guidelines, components and patterns to solve this problem
Overview
Back in 2022, Hortifruti Natural da Terra was in the process of creating a 100% digital culture and in the same period consistency problems were identified between the brand's digital products and services and the user experience, so the need arose to create a set of guidelines, components and patterns to solve this problem
ROLE
ROLE
As a designer, my work involved thorough project analysis, development of component libraries and guides, close collaboration with product teams, and a constant commitment to ensuring high quality and design consistency within the project.
In my role as a designer responsible for creating the design system, I performed the following tasks:
Conducted research to fully understand the task, target audience, context of use, pains, and needs of future users
Collaborated with the team to develop a color palette that became the foundation for all company products
Created the architecture of the design system that met all necessary requirements and criteria
Developed product themes, including a set of tokens for various parameters
Defined the appearance, behavior, and structure of the core components of the design system, considering user needs and product requirements
Established standards and guidelines for the application of design system components and elements to ensure a consistent and harmonious project visual identity
Collaborated with the team through discussions and explanations of design decisions, idea exchange, and feedback
Tested and iterated on developed components based on user feedback to achieve optimal results
Created documentation and guides for using the design system to facilitate adoption by teams and ensure its consistent usage
As a designer, my work involved thorough project analysis, development of component libraries and guides, close collaboration with product teams, and a constant commitment to ensuring high quality and design consistency within the project.
In my role as a designer responsible for creating the design system, I performed the following tasks:
Conducted research to fully understand the task, target audience, context of use, pains, and needs of future users
Collaborated with the team to develop a color palette that became the foundation for all company products
Created the architecture of the design system that met all necessary requirements and criteria
Developed product themes, including a set of tokens for various parameters
Defined the appearance, behavior, and structure of the core components of the design system, considering user needs and product requirements
Established standards and guidelines for the application of design system components and elements to ensure a consistent and harmonious project visual identity
Collaborated with the team through discussions and explanations of design decisions, idea exchange, and feedback
Tested and iterated on developed components based on user feedback to achieve optimal results
Created documentation and guides for using the design system to facilitate adoption by teams and ensure its consistent usage
ROLE
As a designer, my work involved thorough project analysis, development of component libraries and guides, close collaboration with product teams, and a constant commitment to ensuring high quality and design consistency within the project.
In my role as a designer responsible for creating the design system, I performed the following tasks:
Conducted research to fully understand the task, target audience, context of use, pains, and needs of future users
Collaborated with the team to develop a color palette that became the foundation for all company products
Created the architecture of the design system that met all necessary requirements and criteria
Developed product themes, including a set of tokens for various parameters
Defined the appearance, behavior, and structure of the core components of the design system, considering user needs and product requirements
Established standards and guidelines for the application of design system components and elements to ensure a consistent and harmonious project visual identity
Collaborated with the team through discussions and explanations of design decisions, idea exchange, and feedback
Tested and iterated on developed components based on user feedback to achieve optimal results
Created documentation and guides for using the design system to facilitate adoption by teams and ensure its consistent usage



Research
Research
Before embarking on the development of the design system, we conducted thorough research to fully understand the current state of our products and identify key issues and user needs. This involved analyzing existing layouts and designs, as well as actively engaging with our target audience. We conducted user research, conversations, and interviews to gather valuable feedback and understand what our users specifically expected from the design system.
As a result of this research, we identified the necessary criteria and parameters that our future design system should meet. We had a clear vision of how we could enhance the user experience and ensure more efficient utilization of our products. These findings served as the foundation for the development of our design system, aligning it with the needs and expectations of our users and establishing a solid groundwork for subsequent stages of product development and improvement.
Before embarking on the development of the design system, we conducted thorough research to fully understand the current state of our products and identify key issues and user needs. This involved analyzing existing layouts and designs, as well as actively engaging with our target audience. We conducted user research, conversations, and interviews to gather valuable feedback and understand what our users specifically expected from the design system.
As a result of this research, we identified the necessary criteria and parameters that our future design system should meet. We had a clear vision of how we could enhance the user experience and ensure more efficient utilization of our products. These findings served as the foundation for the development of our design system, aligning it with the needs and expectations of our users and establishing a solid groundwork for subsequent stages of product development and improvement.
Research
Before embarking on the development of the design system, we conducted thorough research to fully understand the current state of our products and identify key issues and user needs. This involved analyzing existing layouts and designs, as well as actively engaging with our target audience. We conducted user research, conversations, and interviews to gather valuable feedback and understand what our users specifically expected from the design system.
As a result of this research, we identified the necessary criteria and parameters that our future design system should meet. We had a clear vision of how we could enhance the user experience and ensure more efficient utilization of our products. These findings served as the foundation for the development of our design system, aligning it with the needs and expectations of our users and establishing a solid groundwork for subsequent stages of product development and improvement.






Concept
Concept
We defined, decided and developed CAJU, the Design System of Hortifruti Natural da terra. During the development of the design system, we carefully crafted its architecture and defined the following key components and their purposes:
Base Components: I created a universal set of components that serve as the foundation for all our products
Product Component Libraries: In these libraries, we placed unique components specific to each individual product that cannot be reused in others
Color Palette: We developed a comprehensive set of colors that serve as the basis for all our products. Defining the color palette ensures a consistent visual identity and brand recognition
Typography: I defined a set of fonts and their usage in different contexts. For example, we established primary variables for headings and determined fonts for various textual elements in our products. This approach ensures consistency and legibility of the text
We defined, decided and developed CAJU, the Design System of Hortifruti Natural da terra. During the development of the design system, we carefully crafted its architecture and defined the following key components and their purposes:
Base Components: I created a universal set of components that serve as the foundation for all our products
Product Component Libraries: In these libraries, we placed unique components specific to each individual product that cannot be reused in others
Color Palette: We developed a comprehensive set of colors that serve as the basis for all our products. Defining the color palette ensures a consistent visual identity and brand recognition
Typography: I defined a set of fonts and their usage in different contexts. For example, we established primary variables for headings and determined fonts for various textual elements in our products. This approach ensures consistency and legibility of the text
Concept
We defined, decided and developed CAJU, the Design System of Hortifruti Natural da terra. During the development of the design system, we carefully crafted its architecture and defined the following key components and their purposes:
Base Components: I created a universal set of components that serve as the foundation for all our products
Product Component Libraries: In these libraries, we placed unique components specific to each individual product that cannot be reused in others
Color Palette: We developed a comprehensive set of colors that serve as the basis for all our products. Defining the color palette ensures a consistent visual identity and brand recognition
Typography: I defined a set of fonts and their usage in different contexts. For example, we established primary variables for headings and determined fonts for various textual elements in our products. This approach ensures consistency and legibility of the text






gustavohpss
gustavohpss
gustavohpss
gustavohpss
©2024 CRIAWAY
GO BACK TO TOP
©2024 CRIAWAY
GO BACK TO TOP