UX/UI, UX research, visual design
This project was part of the hackathon organized by Equalithon, a week-long, remote hackathon dedicated to addressing issues related to inequality, social and environmental challenges.
ListenFirst is a non-partisan non-profit organization that gathers over 300 other local nonprofits to organize America Talks, a two-day event that invites Americans to connect one-on-one, face-to-face on video across the political divides.
To come up with a recording system that would record the testimonials, save them to the database, and be able to access and use them by Listen First and their partner organizations later.
UX research, user flow, wireframes, wireflow, hi-fidelity prototypes, visual design
Team Lead / Full-Stack Developer
May 22–30, 2021
At first, I looked into the data gathered and provided by ListenFirst to get a better picture of the users’ demographics and any information that might be beneficial to understand the users.
We have the belief that the online app will be accessed by various devices by a diverse group of users from various locations based on the data we have analyzed.
Based on the data analyzed, the following user personas were created to get better and clear ideas about who are the users of this recording system.
The recording system should lets users to:
The primary goal of the UX design portion was to create an online app that is brand consistent, feasible, and scalable for the diverse end-users that will be accessing the app with various devices from everywhere in the U.S.
The main focus was to make sure that we have a functional online system, by defining the MVP, so that the organization can use it right away at the end of the hackathon.
Based on the user flow, I designed a new user interface by starting with sketching out design ideas and wireframes before moving on to designing digital prototypes.
The style guide is created based on the America Talks website to ensure brand consistency but slightly updated to improve the accessibility and scalability of the design for the responsible design.
We were able to successfully implement 75% of the designs and 100% of the core features for MVP at the end of the hackathon to a panel of judges for the presentation.
As the next iteration phase, the team decided to include the following items to improve the user experience and usability of the app if possible.