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, UX/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. 

Click for Next Project

Touch for Next Project