Project Overview —
I give away (Giveo) app
Goal: Develop an engaging, user-friendly platform for IGA, a decentralized app for listing non-profit causes and services that drive community support.
Design Goals
- Simplify the donation process for users and non-profits.
- Create a seamless marketplace experience for buying and selling items for charity.
- Ensure an intuitive, user-friendly interface for easy navigation.
- Encourage user engagement through clear and transparent design.
➫
Solution
- Developed high-fidelity wireframes emphasizing simplicity and ease of use.
- Implemented a clean, accessible layout with clear donation pathways.
- Integrated WordPress CMS for easy updates by non-profits.
- Focused on visual hierarchy to guide users towards key actions like donating and listing items.
User’s Frustrations
- Complex or confusing donation processes.
- Lack of transparency in how donations are managed.
- Difficulty finding causes and listing items efficiently.
User’s Motivations
- Quick, easy access to donating or supporting causes.
- A simple interface to list items for sale with proceeds going to charity.
- Confidence in supporting trusted, transparent non-profit initiatives.
UX/UI Process
①
Competition analysis ☞ no easy way exists to be non cash donor or fundraiser.
②
Market analysis
③
Landing page launched to test users engagement
④
Design user flows
Users’ goals — conducted by cognitive walk-though & real users interviews
| Fundraisers | Sellers & friends of NGOs | Buyers | |
|---|---|---|---|
| Needs | to accept non-cash item donations as well as cash donations. | declutter home & list items to support good causes. | find bargains easily |
| Frustrations | extremely non-tech people. they don’t even know how to write in Word. Old and tired. | mostly non-technical users. They would donate items but are sometimes too lazy. Safety of on-site transactions. | =safety of online transactions. Short on money. Lower-class, non-educated. |
| Solution | creating a campaign can be done via phone call. | one-click item listing, using AI autorecognition (like Google Lens), with a price estimate. A map of safe spots to meet. | Escrow & simplified 2-click shopping experience. A map of safety spots to meet. |
⑤
Wireframes
Moqups—low-fidelity mockups
User testing—Guerilla Usability Testing: 5 people x 5 tasks. I have written the interview script and analysed the results.
⑥
Middle-fidelity mockups
Sketch+InVision — middle-fidelity mockups.
Supervising content creation by a copywriter.
User testing — Guerilla Usability Testing: 5 people x 5 tasks.
⑦
Design system
PWA, Bootstrap 4 compatible, 8px with ready-made code components: React+HTML for faster front-end implementation
Refining brand, colour, typography, grid, imagery, tone of voice
⑧
UI Design
based on the design system
⑨
High-fidelity prototype qualitative testing
Implementation
Supervising front-end development using Storybook & InVision