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