Joella Huynh
Hungerford Clinard Kindergarten Challenge
The Hungerford-Clinard Kindergarten Challenge is an education fund that focuses on building a kindergarten in rural Vietnam for the C'Tu ethnic minority.
The following was a three-week research and design project for an advanced graphic design course at the University of Maryland. In this project, I worked on an app, webpage, and mobile version of a webpage.
The Problem
The fund is supported by a larger donation fund "Children of Vietnam". However, the Kindergarten Challenge itself does not have its own website or app. While Children of Vietnam's site has a section dedicated to just this challenge, it is difficult to navigate to that page. In addition, there is no way for donors to only donate to the Kindergarten Challenge. This leaves a lack of information about the overall education fund, hindering people from actually donating towards it. Moreover, there is no donate to that challenge. Donors can only send in money through donations to Children of Vietnam, which support the Kindergarten Challenge.
Target Audience
Although there was no clearly written out target audience from their website, it is clear from the fact that the website is in English and the staff is located mostly in the USA, that the audience is Americans. They are likely Americans who have a connection with the Vietnamese community and heard about poverty issues in South East Asia. Overall, the target audience would be those who are willing to donate money for a greater
cause and are aware of poverty issues in Vietnam. Specifically, these people would be looking to use their money to donate to children and to better their future.
Persona
Moodboard
Proposed Solution
To provide a solution to this issue, I have designed a responsive website for just this education fund, as well as an app.
The website will give specific information about the challenge, including how to donate, as well as updates on how the project is being completed.
As for the mobile app, donors can link their card and donate their spare change. Donors are able to select if they would like to donate their change towards just one aspect of the challenge (for example school supplies or building materials), as well as see how much they have contributed, and how many funds are still required to carry out the project.
While designing these materials, I made sure that all the information was clearly displayed so that potential donors would have no question where to go to look for information, and have no doubts on how to donate.
App key wireframes.
Website key wireframes.
InVison Prototype
Try prototype of mobile app with 11 screens below.
Task: try to swipe through the app and then log out and log back in.
Services: UX Design
Tools: Sketch, Photoshop, InVision
Project Takeaways
From this project, I learned how to work between a website and a mobile version. If I had the chance to re-work this project, I would make there an option to do a one-time donation in the app so that users do not have to resort to using the website. Originally, I had planned for the card linking and payment to be done in the settings. However, upon user testing, it was found that from the app layout, that part was not intuitive. Thus, I would go back and try to implement ways that would seem intuitive for the user to link their card, then test it accordingly.
Moreover, typography was found to be too small on parts of the website and app. While peer reviewers did not comment on the size of the font, nor did they consider it an issue, this project has taught me to test with a group of users who actually fit the target end-user (in this case, an older individual with money to donate).