MyNeighbor hero

MyNeighbor

UI Design | UX Design

Problem

Design a nonprofit website that communicates trust, clarifies the mission, and is easy to navigate.

Constraints

Early-career UI project, limited time, and evolving content structure.

Team & Role

Solo project.

Outcome

Produced wireframes, hi-fi mockups, and a clear user flow with plans for future usability testing.

Timeline

Jun 2023 – Present

Tools

Figma

My Contributions

  • Created wireframes focused on navigation, trust cues, and donation pathways.
  • Designed hi-fi mockups and refined visual hierarchy and CTA clarity.
  • Mapped the end-to-end flow for donors and community members.

Decisions & Trade-offs

Prioritized clarity and trust signals over dense storytelling to reduce friction for first-time visitors.

Introduction

MyNeighbor is a nonprofit platform that helps individuals share resources with people in need, building connections across communities from the U.S. to Indonesia and beyond.

Challenge

This was my first UI project built from scratch. The challenge was balancing visual warmth with clear navigation and trust-building content so visitors could quickly understand the mission and how to help.

Wireframe

Low-fidelity wireframes focused on navigation clarity, donation pathways, and content hierarchy.

MyNeighbor Wireframe

Hi-Fidelity Mockups

High-fidelity screens refined the visual tone, typography, and calls-to-action to make the nonprofit's mission feel credible and approachable.

MyNeighbor Figma Hi-Fidelity Mockup
MyNeighbor Drawing Hi-Fidelity Mockup

Flow

MyNeighbor Flow

Solution

The result is a user-friendly interface with intuitive navigation and clear labeling. Next steps include usability testing to validate flows and iterate based on feedback.

MyNeighbor Hero

Let's Chat

I'm always open to new opportunities, or just a friendly chat!