← Back to Portfolio
Project 1

Community service finder website (UP)

(Helping the less privileged)

OVERVIEW

UP is a community-based platform designed to connect people who want to give with those in need. The goal was to make contributions—whether time, money, or resources—feel simple, impactful, and transparent. This project allowed me to practice end-to-end UX design, from research and wireframes to final UI and prototyping.

Project Info

Role : UI/UX Designer | Timeline : 3 weeks | Tools : Figma

Research & Insights

From my interviews, I found that while many individuals want to give back, they often feel their contributions are too small. On the other hand, community organizers struggle with limited resources, poor documentation, and difficulty reaching more people.

Key Insights & Design Responses

  1. People feel contributions are too small → Show how small contributions add up collectively.
  2. Difficulty reaching wider audience → Make the platform shareable and easy to navigate.
  3. Organizers lack proper documentation → Add transparent records and updates.

User persona

Redesigned App Screenshot

User Journey Map

Stage: Outreach

Pain Point: Can’t reach enough donors and volunteers

How UP Helps: Central platform to showcase projects and attract support

Stage: Organization

Pain Point: Struggles with poor documentation and tracking

How UP Helps: Built-in tools for recording contributions and managing events

Stage: Impact

Pain Point: Feels her projects don’t scale beyond a small circle

How UP Helps: Shows project visibility, impact metrics, and connects with more people

wireframe

Redesigned App Screenshot

THE FINAL SCREENS

The final product

Redesigned App Screenshot

Login page

Redesigned App Screenshot

home page

Redesigned App Screenshot

Project page

Redesigned App Screenshot

Donation page

Final Design

Final app mockup View Prototype
Redesigned App Screenshot

The colors were chosen not just for aesthetics, but to convey specific emotions (warmth and trust).

Challenges & Mistakes

1. Feature Overload

At first, I tried adding too many features, which made the design messy and confusing. I later realized the platform worked better when I focused on the essentials which are the project visibility and contribution tracking.

2. From Research to Design

One of my biggest struggles was translating interview insights into actual features. Initially, I tried solving everything in one flow, but that didn’t work. Breaking it into stages such as outreach, organization, and impact made the design clearer.

3. Iteration Process

I spent too much time polishing early screens instead of testing quickly. Switching to rough sketches and low-fi wireframes helped me explore ideas faster and save time.

Reflection

This project reminded me how powerful small contributions can be when combined. It also showed me that people don’t just need a platform — they need trust and transparency to feel confident giving. For me, the biggest lesson was to keep testing, keep simplifying, and always design with the community in mind.

What I’d Do Differently

  1. Run usability tests much earlier instead of waiting for high-fidelity screens.
  2. Work more closely with others to get feedback and different perspectives.
  3. Think ahead about scalability — like adding features for live donation tracking or volunteer matching.

For more work inquiries, or to grab a coffee do email me at olayinks97@gmail.com

Thank you for reading!

Scroll To The Top :