United Nation Volunteer Project
Project:
Redesign the website for the non-profit organization "Mexican association of psychology and community development" in order to make more easy navigate and have a consult.
Problem
The website is hard to navigate, don't have a specific orden and don't has graphic identity. Also is difficult to read.
Business goal
Have readily accessible information, visually attractive that invites you to navigate and has all the information organized.
The challenges
Looking through "Mexican association of psychology and community development" current website, one of the principal challenge is to reorganize the overwhelmed website contents. How to make this text-heavy website more logical and easy for users to read, as well as to find the information they are looking for was discussed throughout our design process all the time.
1. Discover
Design Strategy
Executive Intent goal: Have readily accessible information, visually attractive that invites you to navigate and has all the information organized.
Collaborations: Associations and volunteers.
Target audience: Primary audience: Interested public and patient Second audience: Companies and volunteers
General Task: Search → Look → Analyze → Find → Choose → Select → Book → Meet → Follow up
User (Primary audience and second audience)
2.Define
Insights We analyze every page of the past website to detect problems and improvements. It was a main step for establish insights to generate solutions. (Screenshots of the past website)
Insights for the new website
-Classify and group the sections
-Define the information
-Graphic design (identity)
-Generate a visual strategy for the home page
-Have the same information in the sections in both English and Spanish
-Contact information in sight
By knowing the website problem, we conducted the card sorting to better understand how users look for the information they need that makes sense. The people group things that are related by topic, and they by chronological order if relevant. It's going to help to organize and define the content for the website
3.IDEATE
Sitemap
Creating a visual representation of the files hosted in the account that informs us all pages that will have the new website
User flow
Creating a visual representation of the many avenues that can be taken when using the website. The flowchart begins with the consumer's entry point on the "homepage". This process help us to evaluate and optimize the user experience and therefore increase client conversion rates.
Click on the image to know more
4.Design
Low-Wireframes
High-Wireframes
Work in progress. Stay tuned!