Start a project
NON-PROFIT CASE STUDY

Kiranjyoti Foundation

A warm, accessible and trust-focused digital experience designed to help Kiranjyoti Foundation share its mission, connect with supporters and make giving simpler.

Website Design Donation Journey Responsive UX
Industry Non-Profit / NGO
Scope UX, UI & Development
Platform Responsive Website
Kiran Jyoti Foundation website design preview
svg
Problem Statement

Kiranjyoti Foundation needed a clear online presence to communicate its mission, highlight social initiatives and help supporters understand how they could contribute. Important information was difficult to find quickly, especially on mobile devices.

Possible Solution

We planned a warm, mobile-first website with a clear content structure, impact-focused storytelling, easy contact paths and prominent calls to action for donations, volunteering and partnership inquiries.

Target Audience
Individual donors and supporters
Corporate CSR partners
Volunteers and community members
Beneficiaries and their families
Social impact advocates
target-audience
audience
The Approach

Designed to turn awareness into meaningful action.

We followed a human-centred design process. First, we simplified the information architecture. Then we created accessible visual patterns, clear calls to action and emotionally meaningful sections that help visitors feel connected to the foundation's mission.

Mobile-first layout Clear donation journey Trust-focused storytelling
My Role
UX Strategy Problem Definition Information Architecture Empathy Mapping User Flow Wireframes Visual Design User Research Usability Testing Competitive Analysis Prototype Design
Design Thinking Process

We followed a structured human-centred process to understand user needs and create a purposeful foundation website.

Empathize

Understand donors, volunteers and beneficiaries.

→

Define

Identify important content and user problems.

→

Ideate

Explore useful, simple and scalable solutions.

→

Design

Create wireframes, UI screens and prototypes.

→

Test

Validate usability and refine key journeys.

Project Timeline
process image
Empathize Phase

Qualitative Research

We studied how donors, volunteers and people seeking support interact with non-profit websites. The goal was to understand their questions, trust concerns and the actions that encourage meaningful participation.

Interview Questions

  • What information do visitors need before donating to a foundation?
  • What makes a donation platform feel trustworthy and transparent?
  • How can volunteers quickly find campaigns or ways to contribute?
  • Which impact stories motivate users to take immediate action?
  • What problems do users face while filling donation or contact forms?

Key Insight Derived

  • Visitors need clear information about the foundation’s mission and impact.
  • Donation actions should be simple, visible and available throughout the website.
  • Real stories, campaign updates and transparency improve donor confidence.
  • Mobile users need a fast, distraction-free journey to contribute.
Define Phase

User Persona

Based on the research, we defined a primary donor persona to shape the information hierarchy, trust signals and donation journey for Kiranjyoti Foundation.

Priya Sharma

Working Professional & Donor

Age 29

Education Post Graduate

Status Single

Occupation Marketing Professional

Location Delhi NCR

Personality

Empathetic Busy Impact-focused

Brief Story

Priya wants to support trustworthy social causes but has limited time. She looks for transparent organisations, clear impact updates and a quick, secure online donation process.

Goals

  • Support verified causes with a measurable social impact.
  • Donate quickly without complicated forms or steps.
  • Know where and how her contribution is being used.

Frustrations

  • Unclear information about campaigns and beneficiaries.
  • Long donation forms and confusing payment processes.
  • No follow-up, proof of impact or project updates.

Needs

  • A credible and emotionally engaging foundation website.
  • Clear campaign details, impact stories and donation options.
  • A responsive experience that works perfectly on mobile.

Motivations

  • Creating better opportunities for children and communities.
  • Seeing transparent outcomes from every contribution.
  • Being part of a meaningful social change initiative.
Empathy Map

Says

  • I want to know exactly where my donation will be used.
  • I prefer supporting organisations with visible impact.
  • The donation process should be quick and secure.

Thinks

  • Can I trust this foundation with my contribution?
  • Will my donation create a meaningful difference?
  • Are campaign updates and beneficiary stories genuine?
Priya donor persona

Does

  • Checks the foundation’s mission, campaigns and social proof.
  • Compares donation options before contributing.
  • Uses mobile to donate, share campaigns and contact the team.

Feels

  • Hopeful when she can help a real cause.
  • Confident when the website is transparent and professional.
  • Frustrated by unclear donation details or lengthy forms.
Task & Flow
planning
structure
Typography & Colors

Font Used

SN Pro
Headings & Titles
Aa Bb Cc Dd Ee Ff Gg
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

SN Pro is a clean, modern and highly readable font. It gives the Kiranjyoti Foundation website a warm yet professional feel while keeping information easy to scan on every screen size.

SN Pro Bold SN Pro Medium SN Pro Regular SN Pro Light

Color Used

Dark Blue #00008B
Light Blue #f8f8ff
Card Black #111315
Visit Live Website
LET'S BUILD SOMETHING GREAT TOGETHER

Have a Project in Mind?
Let's Build
Your Website

Whether you need a business website, e-commerce store, web application or a complete website redesign, we can help turn your idea into a modern, responsive and high-performing digital experience.

Custom Solutions

Fast & Responsive

Reliable Support
After Delivery

We respect your privacy. Your information is safe with us.