GiveHub

GiveHub
GiveHub

GiveHub — Donation platform redesign recognized by the i.design Award 2025 for Digital Product Design.

Donation platform redesign recognized by the i.design Award 2025 for Digital Product Design.

IndustryNon-profit / SaaS
ServicesAzarr Technology
Duration4 Weeks
Timeline2025
Hero ScreenHero Screen
OnboardingOnboarding
App Overview
Home Screen

The challenge behind GiveHub

The existing donation flow had a high drop-off rate and failed to communicate the platform's impact to donors.

📲
User Journey
📱
Logo & Branding
GiveHub
Typography

How we solved it for GiveHub

We redesigned the full donor journey with trust signals, real-time impact metrics, and a frictionless giving flow.

◄ Design Process ►
01
13

Designing With Clarity,
Purpose, andPrecision

Discovery4 days
User ResearchBranding
UX Design8 days
User FlowWireframe
UI Design12 days
MoodboardHigh-FidelityUI Testing
Development6 days
FrontendTesting
Design Process

The design process behind GiveHub

We followed a clear, design-focused process to understand where users slowed down and how to make the experience faster, simpler, and more predictable.

01

Discovery & research

  • User journey review
  • Pain point mapping
  • Checkout drop-off analysis

02

Structure & user flow

  • Core flow planning
  • Navigation structure
  • Wireframing key screens

03

UX & UI design

  • Product page design
  • Checkout experience
  • Visual hierarchy

04

Refinement & delivery

  • Component consistency
  • Final mockups
  • Handoff-ready screens
User Flow
Wireframes

GiveHub

Final Design

UX Research & Design Artifacts

We grounded the redesign in how people actually use the product — focusing on where they slowed down, what information they needed earlier, and how the flow could better support faster decisions.
OnboardingOnboarding
GiveHub
Logo Spacing
GiveHub
FFF6D0
FFFFFF
#34D399
7E7E7E
EFEFEF
050505
Color System

Designing a better experience for GiveHub

The project was redesigned to make the experience feel quicker, clearer, and easier to complete. The focus was on reducing hesitation across the journey.

By simplifying key steps, improving hierarchy, and surfacing important details earlier, the experience became more predictable and less frustrating for everyday use.

Core Screens

Guide users through key features for a seamless experience.

Key Screens

Results & Outcomes

The redesign improved how users move through the product experience. By making choices clearer, surfacing useful information earlier, and reducing friction, the product became easier to use from start to finish.

+38%

Donation completion

+24%

Avg donation size

2025 ★

i.design Award