The “Chilean Security Association” by its acronym ACHS, is a non-profit company associated with the health sector.
One of its priorities in recent years has been to promote its digital transformation department, which functions as the main base for the development of technological solutions created in-house.
As a UI designer, my main objective was to analyze and understand the brand image of the organization. To create a system that is true to the visual identity of the organization, but with the appropriate accessibility features and a logical structure.
Create a design system for internal use for the Digital Transformation management that can be used in various projects for web platforms and with adequate accessibility criteria.
Based on an adaptable structure that allows the creation of multiple components and reusable visual styles.
All new projects created in digital transformation management start from a request created by another department to solve a particular need or problem through some technological solution.
85% of the requests correspond to the substitution or adaptation of some manual or slightly automated process to an automated structure and on a web access platform.
Therefore, most of the products created correspond to 100% desktop websites that will have professional end users of the organization from various administrative or operational managements.
The ACHS has a style guide with basic components intended for the creation of publicly accessible websites (such as informational sites for clients), which limits the creation of internal products with specific capabilities and components.
As the style guide was a limited solution to create new products, a design system was created that started as a personal project to unify visual criteria and establish a structure of styles that meets accessibility criteria necessary for the different users of the organization.
In this way, the ACHS - TD Design System was developed, with a typographic structure, colours and basic elements respecting the organization's brand guidelines and meeting accessibility criteria such as button size, colour contrasts and font sizes.
The entire structure was produced under the concept of atomic components, which considers the creation of elements in a granular and reusable way, which allows complete control over how the components look and work.
This project was the basis for the creation of the General Design System for the ACHS.
Click on the images to expand
As a UI designer, my main objective was to analyze and understand the brand image of the organization. To create a system that is true to the visual identity of the organization, but with the appropriate accessibility features and a logical structure.
Here is a short sample of this project in a live prototype preview
(some functions are not available due to client restrictions)
The “Chilean Security Association” by its acronym ACHS, is a non-profit company associated with the health sector.
One of its priorities in recent years has been to promote its digital transformation department, which functions as the main base for the development of technological solutions created in-house.
As a UI designer, my main objective was to analyze and understand the brand image of the organization. To create a system that is true to the visual identity of the organization, but with the appropriate accessibility features and a logical structure.
Create a design system for internal use for the Digital Transformation management that can be used in various projects for web platforms and with adequate accessibility criteria.
Based on an adaptable structure that allows the creation of multiple components and reusable visual styles.
All new projects created in digital transformation management start from a request created by another department to solve a particular need or problem through some technological solution.
85% of the requests correspond to the substitution or adaptation of some manual or slightly automated process to an automated structure and on a web access platform.
Therefore, most of the products created correspond to 100% desktop websites that will have professional end users of the organization from various administrative or operational managements.
The ACHS has a style guide with basic components intended for the creation of publicly accessible websites (such as informational sites for clients), which limits the creation of internal products with specific capabilities and components.
Problem Statement
As the style guide was a limited solution to create new products, a design system was created that started as a personal project to unify visual criteria and establish a structure of styles that meets accessibility criteria necessary for the different users of the organization.
In this way, the ACHS - TD Design System was developed, with a typographic structure, colours and basic elements respecting the organization's brand guidelines and meeting accessibility criteria such as button size, colour contrasts and font sizes.
The entire structure was produced under the concept of atomic components, which considers the creation of elements in a granular and reusable way, which allows complete control over how the components look and work.
This project was the basis for the creation of the General Design System for the ACHS.
Click on the images to expand
Here is a short sample of this project in a live prototype preview
(some functions are not available due to client restrictions)
As a UI designer, my main objective was to analyze and understand the brand image of the organization. To create a system that is true to the visual identity of the organization, but with the appropriate accessibility features and a logical structure.
The “Chilean Security Association” by its acronym ACHS, is a non-profit company associated with the health sector.
One of its priorities in recent years has been to promote its digital transformation department, which functions as the main base for the development of technological solutions created in-house.
As a UI designer, my main objective was to analyze and understand the brand image of the organization. To create a system that is true to the visual identity of the organization, but with the appropriate accessibility features and a logical structure.
Create a design system for internal use for the Digital Transformation management that can be used in various projects for web platforms and with adequate accessibility criteria.
Based on an adaptable structure that allows the creation of multiple components and reusable visual styles.
All new projects created in digital transformation management start from a request created by another department to solve a particular need or problem through some technological solution.
85% of the requests correspond to the substitution or adaptation of some manual or slightly automated process to an automated structure and on a web access platform.
Therefore, most of the products created correspond to 100% desktop websites that will have professional end users of the organization from various administrative or operational managements.
The ACHS has a style guide with basic components intended for the creation of publicly accessible websites (such as informational sites for clients), which limits the creation of internal products with specific capabilities and components.
Problem Statement
As the style guide was a limited solution to create new products, a design system was created that started as a personal project to unify visual criteria and establish a structure of styles that meets accessibility criteria necessary for the different users of the organization.
In this way, the ACHS - TD Design System was developed, with a typographic structure, colours and basic elements respecting the organization's brand guidelines and meeting accessibility criteria such as button size, colour contrasts and font sizes.
The entire structure was produced under the concept of atomic components, which considers the creation of elements in a granular and reusable way, which allows complete control over how the components look and work.
This project was the basis for the creation of the General Design System for the ACHS.
Click on the images to expand
As a UI designer, my main objective was to analyze and understand the brand image of the organization. To create a system that is true to the visual identity of the organization, but with the appropriate accessibility features and a logical structure.
