Integrated Care Network for Children and Adolescents
Integrated Care Network for Children and Adolescents
Integrated Care Network for Children and Adolescents
Redesign of a digital platform to strengthen the care and protection network for childhood and adolescence.
Redesign of a digital platform to strengthen the care and protection network for childhood and adolescence.
Redesign of a digital platform to strengthen the care and protection network for childhood and adolescence.
Team
Rafael Moraes Hilario
Paulo Serpa Ramos
Isabela Oliveira da Silva
Dara Morati Lopes
Jaqueline Stefane Ramos Ferreira
Year
2024
The platform's redesign for the AICA Network had the objective of digitally strengthening an initiative that, since 1997, has been transforming lives in Serra/ES. Created by the Pastoral do Menor, the AICA Network offers socio-assistance services that guarantee the rights of children, adolescents, young people, and their families in situations of social vulnerability.
We noticed that the old platform did not reflect the power of the work being done: the navigation was limited, the information was scattered, and the possibilities for engagement and donation were barely visible. Thus, our objective with the redesign was to create a more accessible, intuitive, and welcoming digital experience by reorganizing the content in a clear way, facilitating access to information about the services offered, expanding the possibilities for contacting the network, and introducing a dedicated page for fundraising, with direct guidance on how to contribute.
The platform's redesign for the AICA Network had the objective of digitally strengthening an initiative that, since 1997, has been transforming lives in Serra/ES. Created by the Pastoral do Menor, the AICA Network offers socio-assistance services that guarantee the rights of children, adolescents, young people, and their families in situations of social vulnerability.
We noticed that the old platform did not reflect the power of the work being done: the navigation was limited, the information was scattered, and the possibilities for engagement and donation were barely visible. Thus, our objective with the redesign was to create a more accessible, intuitive, and welcoming digital experience by reorganizing the content in a clear way, facilitating access to information about the services offered, expanding the possibilities for contacting the network, and introducing a dedicated page for fundraising, with direct guidance on how to contribute.
The platform's redesign for the AICA Network had the objective of digitally strengthening an initiative that, since 1997, has been transforming lives in Serra/ES. Created by the Pastoral do Menor, the AICA Network offers socio-assistance services that guarantee the rights of children, adolescents, young people, and their families in situations of social vulnerability.
We noticed that the old platform did not reflect the power of the work being done: the navigation was limited, the information was scattered, and the possibilities for engagement and donation were barely visible. Thus, our objective with the redesign was to create a more accessible, intuitive, and welcoming digital experience by reorganizing the content in a clear way, facilitating access to information about the services offered, expanding the possibilities for contacting the network, and introducing a dedicated page for fundraising, with direct guidance on how to contribute.
My role
My role
My role
In this project, I worked on the research and interface design stages, focusing on improving the navigation experience and strengthening the institutional positioning of the Aica Network. I performed a comparative analysis (visual benchmarking) to understand how other third-sector organizations structure their digital communication, identifying good practices in layout, information hierarchy, and engagement strategies.
Next, I conducted an evaluation of the information architecture of the previous platform, which allowed us to map usability problems and propose a new organization that was more intuitive and functional. Based on this data, I was responsible for the redesign of the "About Us," "Board of Directors," "Partners," and "News" pages, as well as the landing page aimed at attracting new donors and partners.
In this project, I worked on the research and interface design stages, focusing on improving the navigation experience and strengthening the institutional positioning of the Aica Network. I performed a comparative analysis (visual benchmarking) to understand how other third-sector organizations structure their digital communication, identifying good practices in layout, information hierarchy, and engagement strategies.
Next, I conducted an evaluation of the information architecture of the previous platform, which allowed us to map usability problems and propose a new organization that was more intuitive and functional. Based on this data, I was responsible for the redesign of the "About Us," "Board of Directors," "Partners," and "News" pages, as well as the landing page aimed at attracting new donors and partners.
In this project, I worked on the research and interface design stages, focusing on improving the navigation experience and strengthening the institutional positioning of the Aica Network. I performed a comparative analysis (visual benchmarking) to understand how other third-sector organizations structure their digital communication, identifying good practices in layout, information hierarchy, and engagement strategies.
Next, I conducted an evaluation of the information architecture of the previous platform, which allowed us to map usability problems and propose a new organization that was more intuitive and functional. Based on this data, I was responsible for the redesign of the "About Us," "Board of Directors," "Partners," and "News" pages, as well as the landing page aimed at attracting new donors and partners.
User Research
User Research
User Research
User Experience Design
User Experience Design
User Experience Design
UI design
UI design
UI design
Research
Research
Research
Platform analysis
Platform analysis
As an initial step in the platform's redesign, we conducted a critical analysis of the existing information architecture. The objective was to understand how the content was organized, how users navigated between sections, and what the main points of friction were. By mapping the structure of the previous site, several problems that compromised the user experience were identified, including:
Lack of hierarchy in the presented content;
Lack of visibility for strategic areas (Such as actions, contact channels, and ways to contribute to the project);
Duplicated or scattered information;
The analysis provided the foundation for the complete restructuring of the information architecture, guiding the development of a simpler, more organized, and user-centered flow, with more logical and objective navigation paths.
As an initial step in the platform's redesign, we conducted a critical analysis of the existing information architecture. The objective was to understand how the content was organized, how users navigated between sections, and what the main points of friction were. By mapping the structure of the previous site, several problems that compromised the user experience were identified, including:
Lack of hierarchy in the presented content;
Lack of visibility for strategic areas (Such as actions, contact channels, and ways to contribute to the project);
Duplicated or scattered information;
The analysis provided the foundation for the complete restructuring of the information architecture, guiding the development of a simpler, more organized, and user-centered flow, with more logical and objective navigation paths.
As an initial step in the platform's redesign, we conducted a critical analysis of the existing information architecture. The objective was to understand how the content was organized, how users navigated between sections, and what the main points of friction were. By mapping the structure of the previous site, several problems that compromised the user experience were identified, including:
Lack of hierarchy in the presented content;
Lack of visibility for strategic areas (Such as actions, contact channels, and ways to contribute to the project);
Duplicated or scattered information;
The analysis provided the foundation for the complete restructuring of the information architecture, guiding the development of a simpler, more organized, and user-centered flow, with more logical and objective navigation paths.
Benchmarking - Visual
As part of the platform's redesign process, a Benchmarking was carried out with the objective of analyzing how other social organizations structured their sections – such as About Us, Board of Directors, News, Partners, and donation pages. This survey allowed us to observe recurring patterns, effective ways to present institutional content, and strategies for fundraising.
As part of the platform's redesign process, a Benchmarking was carried out with the objective of analyzing how other social organizations structured their sections – such as About Us, Board of Directors, News, Partners, and donation pages. This survey allowed us to observe recurring patterns, effective ways to present institutional content, and strategies for fundraising.
As part of the platform's redesign process, a Benchmarking was carried out with the objective of analyzing how other social organizations structured their sections – such as About Us, Board of Directors, News, Partners, and donation pages. This survey allowed us to observe recurring patterns, effective ways to present institutional content, and strategies for fundraising.
Wireframes
Wireframes
Visual Identity
Visual Identity
Typography
Montserrat
Montserrat
Montserrat
The Montserrat font stands out for its clean lines and balanced shapes, which favor readability in different contexts.
The Montserrat font stands out for its clean lines and balanced shapes, which favor readability in different contexts.
The Montserrat font stands out for its clean lines and balanced shapes, which favor readability in different contexts.
Color Palette
#2B71D9
#2B71D9
#0151C9
#0151C9
#F77F40
#F77F40
#E9590D
#E9590D
#27A855
#27A855
#049839
#049839
#B6C5DD
#B6C5DD
#363F4E
#363F4E
Rafael Moraes © 2025. All rights reserved.
Interested in what you saw?
Let's start a conversation!
Fill out the form below. If you prefer, send me an email: rafaelmoraes2611@gmail.com
Interested in what you saw?
Interested in what you saw?
Let's start a conversation!
Let's start a conversation!
Fill out the form below. If you prefer, send me an email: rafaelmoraes2611@gmail.com
Fill out the form below. If you prefer, send me an email: rafaelmoraes2611@gmail.com
Rafael Moraes © 2025. All rights reserved.