From our team's research on nonprofit organizations, we settled on the redesign of “Gifts for Seniors.” Our team then created a desktop and mobile version of the nonprofit's website. The goal of the project was to create a more visually appealing web page that emphasizes the mission of the charity and its impact on the surrounding communities.
“Gifts for Seniors provides donated gifts and life-affirming personal contact to isolated seniors in the Minneapolis/St. Paul area and surrounding communities through the engagement and support of volunteers and community partners.”
Caroline B, Ginger GL, Alaina H, Katie M
User Researcher, User Flow, Wireframe, Prototype, User Test
Our design team observed that the “Gifts for Seniors” website has a scarcity of personality and empathy, along with an unclear user path.
We added pictures of seniors receiving gifts and smiling to help personalize the user experience as well as simplified the navigation.
Step 1: User Research
During the beginning of our research process we interview the Executive Director of “Gifts for Seniors”. We wanted to understand what was important for the organization to highlight on their website.Additionally, we also created a survey about what is important for potential volunteers to know before deciding to volunteer. 41 people responded to our survey.
Gifts for Seniors Current Site
Step 2: Definition & Ideation
Problem Statement: Our design team observed that the “Gifts for Seniors” website has a scarcity of personality and empathy, along with an unclear user path. Our design team created a responsive web and mobile design solution for “Gifts for Seniors,” a non profit organization in Minnesota. How might our redesign of the ‘Gifts for Seniors” website give new and active volunteers a user friendly and personable website that will allow them to gain knowledge about the organization, and easy access to multiple opportunities to help isolated seniors within their community?
Step 3: Prototyping & Testing
Lo-fi and Mid-fi wireframes and prototypes: Individual prototypes were then combined to one final Lo-Fi prototype. The Low-Fi prototype was then tested by users.
Video can’t be displayed
This video is not available.
Style Guide: The design team created a style guide based on the currentoverall design, and added new elements such as UI cards, forms, colors, and branding.
Testing HiFi Prototype: User Tester Notes:Testing was completed by five users on the Hi-fi web prototype and Hi-fi mobile prototype.
Step 4: Iterating & HiFi Prototype
From our lo-fi-and mid-fi, we combined our designers into one final web prototype: https://www.figma.com/file/HwiDLSMGXaUpDbi1E6PVVd/Gifts-For-Seniors?node-id=67%3A374
Mobile PrototypeFrom our web design we created a mobile prototype:https://www.figma.com/file/HwiDLSMGXaUpDbi1E6PVVd/Gifts-For-Seniors?node-id=108%3A0
Step 5: Conclusion
In conclusion, our team created a desktop and mobile version of the “Gifts for Seniors” website. The website design emphasizes the positive impact of the organization. We made updates to many elements of the organization, along with creating a more simple user flow of the website, and a refreshed brand identity.
Moving forward, we hope to implement a pen pal system within the “Cards for Seniors” section. Our main goal for our redesign of “Gifts for Seniors” is for the concept to be developed and published. Some of our suggestions are already implemented on the website.