WEB DESIGN
SOMOS ESPERANZA
02
SOMOS ESPERANZA
02
Somos Esperanza Nicaragua is a brand new non-profit organization whose mission is to raise funding for education scholarships for Nicaraguan college students. The organization needs a website designed for those who would like to donate money and for prospective students who would like to apply for scholarships.
Role
UX Researcher, Information Architect, UI Designer
Year
2018
Role
UX Researcher, UX/UI Designer
Year
2018
Optimal Workshop User Research
CLOSED CARD SORT
Our team began our design process with a closed card sort to learn how a mix of users might attempt to group keywords under possible Navigation categories. Those results allow us to build our information architecture in a way users experience as logical and intuitive.
Participants were able to sort 26 cards into
FIVE NAVIGATION CATEGORIES
The results of each participant were able to be analyzed as individual submissions and feedback or as part of a greater whole.
Participants were able to sort 26 cards into
FIVE NAVIGATION CATEGORIES
The results of each participant were able to be analyzed as individual submissions and feedback or as part of a greater whole.
Information Architecture Building
DATA DRIVEN DESIGN
With the results of the closed card sort, our team began building the information architecture with an emphasis on the main navigation of the website.
Building the Information Architecture
RESULTS DRIVE DESIGN
The results of the closed card sort helped our team start to build the information architecture. Specifically helping our team begin to build the main navigation.
Our teams first step in the design process.
SITEMAP
Based on how users grouped information under navigation categories in the card sort, our team built a preliminary sitemap. This would allow us to see how users might navigate the Somos website.
Different user needs require different navigation.
USER NAVIGATION CHART
The website has two target audiences; scholarship applicants and potential donors. With this in mind, our team put together a user navigation flow chart. This helped our team to see how someone might apply for a scholarship and how a user might make monetary donations to a scholarship fund.
Early design based on Wordpress Theme
WIREFRAMES
With a two week time constraint our team had to choose a Wordpress Theme, which might allow us to build a child theme on top of the theme. We needed to do early wireframes to see what that child theme could look like.
What could a child theme look like?
VISUAL MOCKUPS
The founders wanted the Nicaraguan flag to be incorporated into the visual design if possible. A visual mockup allowed our team to see some ideas about how we might incorporate the colors and the actual flag into the website visual design.
Handing off the design for the future.
STYLEGUIDE WRAP UP
Due to the political situation that continues to unfold in Nicaragua the founders of Somos Esperanza have decided to put this website project on hold. When it becomes safer for students to pursue their studies the founders plan to finish this website project. Our team prepared a style guide for the founders with our research and design recommendations.
