Website
Huellas en el corazón
Web design created to promote animal adoption, fundraising, and the NGO's diffusion.
Role
UX UI Designer
Tools
- Figma
- Illustrator
- Wordpress
Abilities
- User investigation
- Web design
- Wordpress developing
Timeline
September 2023 - March 2024
Team
- Genesis Vicencio
- Eduardo Fuentes
- Iann Vera
Description
See Brief500 to 600 kilograms of food are needed monthly only to feed the pets in the streets, counting tons of dogs and cats, to help them and find a foster home. We developed a website for the NGO Huellas en el corazón La calera with the main goal of obtaining diffusion and boosting the people's collaboration as volunteers and foster home.
Huellas en el corazón La calera is an NGO located in La Calera, Chile, dedicated to feeding and protecting over 70 dogs and cats, and to providing rescue and relocation.
Investigation
See InvestigationRelevant data
- There are at least 4.049.277 animals without an owner in 35 communes in Chile.
- Puppies spend around 3 months, and adults 10 months in the NGO.
- Lack of money for basic supplies and veterinary attention.
- Lack of foster homes.
Navigation map
We proposed the following structure for the website, considering 5 principal pages with each one containing the necessary information to solve the detected problems of the NGO.
Wireframe
See wireframes in FigmaIn parallel with the design of the style guide, we created the wireframes individually, which were unified into one, considering the easy navigation between pages.
Style guide
We selected colors that resemble activity and give a boost of energy to the website, but maintain the gentle feeling with the Montserrat font, and invite the user to visit the website. In addition to that, we use icons that combine the modern, minimalistic, and friendly aesthetic of the website.
We also included personalized illustrations for the website, maintaining the welcoming feeling and showing some of the pets that have been rescued by the NGO.
Mockup
See Mockups in FigmaFinally, we apply all the graphics elements and style to make the mockups, which are subsequently used to develop the website in WordPress.
