Cartago Animal Assistance Association
A non-profit organization that has the mission to rescue animals from the streets.
Project Phases and Tools
Tools used: Adobe Illustrator, Adobe Photoshop, Marvel UI, HTML, CSS.
01.
Research
Goals
-
Expand the scope: That foreigners can learn about the work they do
-
Being able to attract more donations and adoptions
-
Expose their need of having a property, this way they can help more animals there and not depend on external nurseries.
Client requirements
An interview was done with the Co-Founder of the association, with one we identified below requirements:
-
Show success stories from previous rescues
-
Share their mission and story
-
Show items that people can donate
-
Make bank accounts available to make donations
-
Explain the project they have to obtain a property
User Personas
3 groups identified for User Personas that would visit this web site
-
People who want to adopt an animal
-
People who want to donate
-
Volunteers who want to work with the association
Empathy Map
02.
UI Design
Color Palette
#F24B18
#F5AC12
#3EC499
#8787A5
#242582
Typograhy
Englebert Font for Headings
Lato Font for other texts
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Navigation Map
Home
About us
Looking for a new home
Success stories
How to donate?
How to volunteer?
Contact us
Location
Information
History
Mission
Wireframes
03.
UI Development
This page was build with:
-
HTML
-
CSS
-
Javascript
-
Adobe Photoshop
-
Adobe Illustrator
Lessons learned
This project was an opportunity to apply web development and design knowledge. Planning was a challenge since just 2 designers were working on it but, it was totally full of learning experiences. Also, we had the chance to develop UX Research techniques, like the interview we had with the Association founder and my favorite one, having the Empathy map session with multiple persons that helped us understand more about animal associations perceptions and this way we were able to build a great information architecture for our solution.
Lastly this experience goes beyond the technical learnings, it was a project that contributes a non-profit association with a social impact to help more and more animals and this was the best value of it.
Thanks for watching!
