giV.
Timeline: 9 weeks
Team Size: 4
Project Overview
giV. is a singular platform that allows users to both post/search for volunteering opportunities with organizations, connect as a community, and have the ability to volunteer for quick, easy, non-long-term opportunities without signing in.
giV. is a singular platform that allows users to both post/search for volunteering opportunities with organizations, connect as a community, and have the ability to volunteer for quick, easy, non-long-term opportunities without signing in.
Project Challenge
Many individuals and communities have been greatly affected by the COVID-19 pandemic, specifically experiencing food, housing, and unemployment hardships. While there are many non-profit organizations, companies, and general volunteers, there is still a need for a tool to connect to those in need to provide better accessibility to food/daily necessities and create a network of volunteers.
Many individuals and communities have been greatly affected by the COVID-19 pandemic, specifically experiencing food, housing, and unemployment hardships. While there are many non-profit organizations, companies, and general volunteers, there is still a need for a tool to connect to those in need to provide better accessibility to food/daily necessities and create a network of volunteers.
① Personas
We created two personas based on our research findings and consolidated insights that represent potential users of our service. By doing so, we aimed to broaden our understanding of how our users might interact with the world and our product and used these personas as a foundation for later design decisions.
② User Journey Map
We decided to use our persona, Paige, as our actor within this journey map and detailed relevant touchpoints that show how her experiences and interactions affect her. By understanding and analyzing a specific context that our potential user may be situated in, we can focus our volunteering website and its features around plausible experiences of users and improve upon their quality.
③ Information Architecture
To design our website, we created an information architecture that clearly outlined key user flows and site functions. This structure helped us visualize how users would navigate between pages, ensuring both clarity and accessibility. We built the flowchart in Figma, using color coding to differentiate each path from the homepage.
By organizing user and interviewee feedback into this architecture, we were able to prioritize features and kick off prototyping with a clear direction.
④ Low Fidelity Wireframes
The low-fidelity prototype helps us move closer to our final product by enabling early user testing and visualizing the site’s layout. Before building it, we defined design requirements, created storyboards, and mapped out user flows through our information architecture. These research insights shaped the prototype, which we then use to guide user interviews and evaluations for the final design.
④ High Fidelity Wireframes
Through user research, developing low fidelity wireframes, and conducting usability testing allowed us to iterate our product to better satisfy our targeted user needs where we were able to finalize our high fidelity interactive prototype that focused on three main user flows: volunteering opportunity sign up process, user profile navigations, and chatting function with organizational members. Below we have included few frames from the high fidelity prototype and the link to the prototype.
Next Project !!