Lend a Hand, Bring a Smile
Boon Donation app is a single platform for Donor, Donee and Organization. Any needy can raise a concern through Boon for education, Food or any specific purpose — helping communities across the United States.
People wanted to help their neighbors, but high fees, fake profiles, and complex forms stood in the way.
Unified Donor, Donee & Organization App — Connecting 6 core community support pillars with a guided 3-step campaign flow.
Project Scope
The project requirements was to build a single build application for the people who need support for education, food, shelter, automobile, hospital or any kind of cooperation. Besides utility, the project includes organizations also who can help and avail their helping hands to any category nearby their location in Untited States.
Competitive Analysis
To proceed with the project, I did some competitive analysis survey with some of the competitors which already in this stratum. So based upon my exploration i found two corival: gofundme and Fundly
gofundme crowdfundinghigh fees.
GoFundMe is an American for-profit crowdfunding platform that allows people to raise money for events ranging from life events such as celebrations and graduations to challenging circumstances like accidents and illnesses.
Pain points on gofundme.
- 1gofundme charges are very high while withdraw of money and during reatime its sometimes a hassle in withdrawing money to bank account.
- 2Complex posting limitations for communities.
Fundly fundraisingweb-only.
Fundly is a crowdfunding site for online fundraising. It allows non-profits, charities, politics, clubs, schools, teams, churches, and other causes to raise money online from friends, family, colleagues, donors, and other supporters
Pain points on Fundly.
- 1No Application for android and iOS
- 2Slow server response rate
- 3Many fake Donee profiles and no security
Qualitative Interviews
To better understand the users, I interviewed with peoples from all walks of life. The interview is to make sure people could think out loud and share more details on using Donation platform. During the interview, I found out that most are family people, especially mens who use digital donation platform for medical and education puepose.
“Last year i tried donation app for my mother surgery and everything worked well but while withdrawing money to my bank account, it’s creating server error message”.
-Family Guy“There is no platform where i can post for my further education need. i tried many other ways but nothing worked well. If someone wants to study further, Can we have one good solution”.
-Bachelor“Few applications do exit in andriod but its way to complex to understand and post. I really want somethng more simple and ease to use”.
-Family Guy21 wireframe screens & dual user flows.
Switch tabs below to inspect the low-fidelity Donee & Donor wireframe boards and complete information architecture diagrams.
Donee — Discovery, Search, Map View & Account Wireframes
12 low-fidelity wireframe screens covering Landing Page, Main Page, Detail Page, Donate Page, Listing & Map Search, Filters, and Account Management.
Five ways Boon works, screen by screen.
Intuitive user interface. Simple and clean screens make usability easier for both Donees posting urgent needs and Donors giving nearby.
Welcome & Nearby Fundraiser Discovery
High-contrast cards, clear raised/target progress bars, and verified trust badges. Click to inspect in 4K.
Splash Screen
Image/animation that appears when you enter the application. It is like saying ‘welcome’ to the user. The page that will keep the user busy until the app is ready.
Design System & UI Kit
Inspect the 5 tokenized specification boards below.
Gothic A1 Type Hierarchy (11px – 30px) & App Brand Icon
Clean geometric sans-serif across Regular and Medium weights engineered for mobile cards, donation amounts, and form inputs.
Project Learnings
1. Communication:
Always keep all group members on the same page. Collaboration wise, I had thought that the best scenario would be every team member has their own portion of work and take responsibility for that. But when I finished the paper prototype, one of our group member got super confused on some of my design decisions, and I missed the second usability testing so it took a while to figure out where I need to make changes. If I can do the project again, I will definitely jump out of my comfort zone and get to know what others are doing, and of course, ask questions.
2. Design
Design system matters! We started working on sketch without a design system, and didn’t expect there are so many screens, and very quickly we notice some inconsistency, since when we made changes on a screen, we sometimes forgot to change other screens accordingly. After learning the concept of atomic design, we realized the importance of defining a design system before hand. In my later design work, I would leverage the existing design system like Material design or Polaris, or made one on my own.
3. Prioritization
Knowing what not to do is equally important to knowing what to do in a limited amount of time. The minimal viable product or our first baby might not be perfect in features, but we can keep iterating and plan future steps.