top of page
ChatGPT Image Feb 18, 2026 at 11_19_59 AM_edited.png

Snir Amar Design 

Donations.com

A scalable donation platform designed to connect donors, nonprofits, and individuals through a seamless and transparent giving experience.

Role:

Lead Senior UI/UX Product Designer
End-to-End Product Design

Timeline:

3 months — Research, IA, Product Design, Design System

Scope:

• Multi user platform supporting donors, nonprofits, and individuals
• Smart donation matching based on user preferences
• Customizable recipient pages with branding, logos, and campaign content
• Campaign creation and donation management tools
• Analytics dashboards including performance and earnings tracking
• Responsive design across mobile and desktop

Impact:

+40% faster donation flow completion through simplified checkout and guided steps
-35% reduction in campaign setup friction with structured onboarding and templates
+30% increase in engagement through personalized donation matching
Improved trust through transparent donation and earnings tracking
Scalable platform supporting multiple user types and future growth

Donor Question.gif
HOMEPAGE.png
Dashboard Mockup.png
Group 971.png
Home.gif

Why This Matters

Donating today can be fragmented and inconsistent across platforms. Donors often struggle to find causes that align with their interests, while organizations face challenges creating engaging, trustworthy campaigns and tracking performance.

Many platforms focus on collecting donations but lack personalization, transparency, and scalable tools for managing campaigns and donor relationships.

This project aimed to create a unified donation ecosystem that simplifies discovery, builds trust, and empowers both donors and recipients through a scalable, user-centered platform.

Designing a donation platform meant supporting multiple users with different needs, donors, nonprofits, and individuals, within a single cohesive experience.

Donors needed personalized discovery and trust, while organizations needed flexible campaign creation, branding, and performance tracking.

 

The challenge was creating a scalable platform that simplifies donations while supporting personalization, transparency, and growth.

The Challenge

The platform supports multiple user groups, including individual donors, corporate donors, charitable organizations, nonprofits, and individuals fundraising for personal needs, each with distinct goals and requirements.

User Group 

HOMEPAGE.png
Active Donations .gif

To make giving more intuitive, transparent, and personalized, I anchored the platform around three core principles:
 

Reduce friction in the donation journey
Simplify onboarding, discovery, and donation flows so users can move from intent to action quickly without overwhelming choices or complex steps.

 

Personalize donation discovery and matching
Help donors find meaningful causes through smart recommendations based on interests, values, and giving preferences, reducing decision fatigue.

 

Build trust through transparency and control
Provide clear donation tracking, organization insights, and flexible giving options to create confidence and encourage long-term engagement.

Design Strategy

Key Features

Smart Onboarding

A guided onboarding experience personalizes the platform for both donors and recipients.
Progressive steps tailor discovery, setup, and customization, reducing friction and helping users quickly move from signup to meaningful engagement.

Donor Questioner

Donor Question.gif
BBB.png
Donor Dasktop.gif

Recipient Questioner

RE Questioner.gif
BBB.png
Re Desktop.gif

Platform Features

Live View Feature

The Live View feature allows organizations to preview their donation page in real time while building campaigns.
This reduces friction, increases confidence, and helps users create polished, professional donation experiences more efficiently.

LISTING MOBILE.gif
BBB.png
Creating Listing Desktop .gif

Recipient Dashboard

The dashboard provides organizations with a centralized view of fundraising performance, donation activity, and campaign management.
Real-time insights, financial tracking, and geographic analytics help recipients understand impact and optimize fundraising strategies.

Dashboard Desktop.png
Dashboard Mobile.png

Research & Decision Making

Research Input

Artifacts used to guide interviews and validate insights.

Consent Form

Interview Protocol

Interview Summaries

Research Synthesis

Insights derived from user interviews and competitive analysis.

Competitive Analysis

Chart.png

User Journey Map

Frame 34222.png

Affinity Diagram

image 3.png

Information Architecture

Untitled.png

From Insight To Experience 

Research translated into a user model and usage flow.

User Persona

Screenshot 2026-04-07 at 12.27.02 PM.png

Storyboard

Story Board.png

The Creation journey 

Low Fidelity

This stage represents the initial phase of the design and prototyping process. During this stage, the emphasis is placed on quickly sketching out ideas and concepts to explore the layout and flow of a design solution

Mid Fidelity

This next stage of prototyping serves as a critical transitional phase in the design process, bridging the gap between early, low-fidelity concepts and the final high-fidelity product. During this stage, you will find more refined ideas and transition from conceptualization to more concrete implementations

High Fidelity

High-fidelity prototyping represents the final and most polished stage in the design process, where the design concept evolves into a fully functional prototype that closely resembles the end product

Making a donation.gif

Sketches & LF Testing - focuses on usability flow 

Tasks:

#1

Log in and by entering yourinformation 

#2

When you arrived on the next page please answer the questions

#3

When arriving at the homepage please select the organization you would like to make a donation to.

#4

Please select the amount and frequency you would like to donate 

#5

Please make and submit your payment information 

1.png
2.png
3.png
4.PNG
5_edited.jpg
6_edited.jpg
7_edited.jpg
8_edited.jpg
Filtering Decisions

narrow down options or data based on specific criteria, making it easier and faster to find what they need while reducing frustration

User Requirements

Define essential user needs, expectations, requirements, specifying the environment, conditions, actions, behaviors a product must meet.

User Mental Model

Defines how users intuitively understand a system, often using real-life metaphors like icons to guide their interactions and expectations.

UI Affordances

Design cues to guide users on how to interact with elements without needing labels or instructions Sensory, Cognitive, Functional, and Visual Affordances

Chat.gif
Group 962.png
Group 961.png

Wireframes & MidFi Testing - structure and user interaction

figma.png

Interactive Figma 

Prototype 

Tasks:

#1

Log in and by entering your information

#2

When you arrived on the next page please answer the questions

#3

When arriving at the homepage please select the organization you would like to make a donation to.

#4

Please select the amount and frequency you would like to donate 

#5

Please make and submit your payment information

Mid_Fidelity-9.png
Mid_Fidelity-1.png
Mid_Fidelity-3.png
Mid_Fidelity-2.png
Mid_Fidelity-5.png
Mid_Fidelity.png
Mid_Fidelity-6.png
Mid_Fidelity-7.png

Hi-Fid Interactive Prototypes & Testing - Final Product 

figma.png

Desktop

figma.png

Mobile

figma.png

Design System

New Photo.png

Design flow - New Donor Signup Questioner 

Group 122.png

Design flow - New Donor Recipient Signup Questioner 

Group 12464.png

Design flow - Donor Pages

Profile Flow.png

Design flow - Donation Recipient Pages

Recip.png

Design System Elements  - Color System, Typography

Main Font.png
Color System.png
User Questionnaire ONLY Font- Web & Mobile.png

Explore More Projects

Lumos.tv

AI powered streaming service with face scan mood detection and conversational AI with voice and text search.

It’s built on an atomic design system with tokens and variables for fully responsive, device-switchable UIs.

Minimalist Neutral Multi Device Computer Mockup Website Launch Instagram Post.png

Atomic Design System

Atomic Design System featuring color tokens, typography, responsive variants, and component documentation for scalable, consistent products.

Group 7.png
bottom of page