Bandar and Bhaaloo Website Redesign

How rebranding and redesigning a nonprofit website made it easier for supporters to engage, contribute, and connect.

E-commerce

Redesign

Rebranding

Non profit

E-commerce

E-commerce

Redesign

Redesign

Rebranding

Rebranding

Non profit

Non profit

Bandar and Bhaaloo Website Redesign

How rebranding and redesigning a nonprofit website made it easier for supporters to engage, contribute, and connect.

E-commerce

Redesign

Rebranding

Non profit

E-commerce

Redesign

Rebranding

Non profit

Role
Role

UX Designer/

Web Designer

UX Designer/Web Designer

UX Designer/ Web Designer

Year
Year

2021


2021


2021


Team
Team

CEO

CEO

CEO

My Impact
My Impact

Complete redesign

Complete redesign

Complete redesign

Re Branding

Re Branding

Re Branding

Overview

Overview
Overview

Bandar and Bhaaloo is a non-profit whose mission is to provide funding for the secondary education of girls in India. Its business model is to generate funds through the sale of one-of-a-kind stuffed animals, made of donated Indian saris and sewn by volunteers.

Bandar and Bhaaloo is a non-profit whose mission is to provide funding for the secondary education of girls in India. Its business model is to generate funds through the sale of one-of-a-kind stuffed animals, made of donated Indian saris and sewn by volunteers.

Bandar and Bhaaloo is a non-profit whose mission is to provide funding for the secondary education of girls in India. Its business model is to generate funds through the sale of one-of-a-kind stuffed animals, made of donated Indian saris and sewn by volunteers.

Overview

Bandar and Bhaaloo is a non-profit whose mission is to provide funding for the secondary education of girls in India. Its business model is to generate funds through the sale of one-of-a-kind stuffed animals, made of donated Indian saris and sewn by volunteers.

My Role & My Approach

As the solo designer, I was responsible for end-to-end process— handling everything from research and strategy to design and final launch and rebranding.

1

Understand the Mission

Aligned with the client on goals, audience, and challenges to ensure the website reflects their impact story.

1

Understand the Mission

Aligned with the client on goals, audience, and challenges to ensure the website reflects their impact story.

1

Understand the Mission

Aligned with the client on goals, audience, and challenges to ensure the website reflects their impact story.

1

Understand the Mission

Aligned with the client on goals, audience, and challenges to ensure the website reflects their impact story.

2

Research & Structure

Reviewed similar non-profit sites and simplified the site architecture to focus on clarity and trust.

2

Research & Structure

Reviewed similar non-profit sites and simplified the site architecture to focus on clarity and trust.

2

Research & Structure

Reviewed similar non-profit sites and simplified the site architecture to focus on clarity and trust.

2

Research & Structure

Reviewed similar non-profit sites and simplified the site architecture to focus on clarity and trust.

3

Design & Brand

Explored layouts and created a warm, approachable visual identity that complements the handmade product story.

3

Design & Brand

Explored layouts and created a warm, approachable visual identity that complements the handmade product story.

3

Design & Brand

Explored layouts and created a warm, approachable visual identity that complements the handmade product story.

3

Design & Brand

Explored layouts and created a warm, approachable visual identity that complements the handmade product story.

4

Build & Launch

Developed a responsive, easy-to-manage site using GoDaddy tools and prepared handoff materials for long-term client use.

4

Build & Launch

Developed a responsive, easy-to-manage site using GoDaddy tools and prepared handoff materials for long-term client use.

4

Build & Launch

Developed a responsive, easy-to-manage site using GoDaddy tools and prepared handoff materials for long-term client use.

4

Build & Launch

Developed a responsive, easy-to-manage site using GoDaddy tools and prepared handoff materials for long-term client use.

My Role & My Approach
My Role & My Approach
My Role & My Approach

As the solo designer, I led the entire website process end-to-end — handling everything from research and strategy to design, development, and final launch.

PROBLEM

My Role & My Approach

As the solo designer, I led the entire website process end-to-end — handling everything from research and strategy to design, development, and final launch.

PROBLEM
PROBLEM
PROBLEM

The existing website has design limitations which are impacting sales.

The existing website has design limitations which are impacting sales.
The existing website has design limitations which are impacting sales.

The content architecture of the previous design prevented donors from completing their donations leading to a decline in donations and sales. I reached the client through the Taproot foundation we met and talked.

The content architecture of the previous design prevented donors from completing their donations leading to a decline in donations and sales. I reached the client through the Taproot foundation we met and talked.

The content architecture of the previous design prevented donors from completing their donations leading to a decline in donations and sales. I reached the client through the Taproot foundation we met and talked.

Because it is a 501(c)(3) organization, donations are vital, and the existing website lacks a donation page. The blog and store are both on the homepage causing the page to be crowded with content. The landing page of the website shows all the products from the store instead of introducing the organization to the users who might visit the page for the first time.The website's lack of visual organization increases consumers' cognitive burden.

Because it is a 501(c)(3) organization, donations are vital, and the existing website lacks a donation page. The blog and store are both on the homepage causing the page to be crowded with content. The landing page of the website shows all the products from the store instead of introducing the organization to the users who might visit the page for the first time.The website's lack of visual organization increases consumers' cognitive burden.

Because it is a 501(c)(3) organization, donations are vital, and the existing website lacks a donation page. The blog and store are both on the homepage causing the page to be crowded with content. The landing page of the website shows all the products from the store instead of introducing the organization to the users who might visit the page for the first time.The website's lack of visual organization increases consumers' cognitive burden.

PROBLEM

The existing website has design limitations which are impacting sales.

The content architecture of the previous design prevented donors from completing their donations leading to a decline in donations and sales. I reached the client through the Taproot foundation we met and talked.

Because it is a 501(c)(3) organization, donations are vital, and the existing website lacks a donation page. The blog and store are both on the homepage causing the page to be crowded with content. The landing page of the website shows all the products from the store instead of introducing the organization to the users who might visit the page for the first time.The website's lack of visual organization increases consumers' cognitive burden.

THE SOLUTION

A complete rebranding of the website to raise the organization's profile, mission, impact on the community, attract volunteers, and donations.

LANDING PAGE
LANDING PAGE
LANDING PAGE
LANDING PAGE

Improved the content to be more easily scan

Improved the content to be more easily scan
Improved the content to be more easily scan

The home page was designed in a way to have a narrative to tell and should address the following questions: Who we are, what we do, student stories, and donation options. Each section maintains visual distinctiveness while contributing to a cohesive whole, creating a coherent layout that guides visitors through the organization's story and purpose.

The home page was designed in a way to have a narrative to tell and should address the following questions: Who we are, what we do, student stories, and donation options. Each section maintains visual distinctiveness while contributing to a cohesive whole, creating a coherent layout that guides visitors through the organization's story and purpose.

The home page was designed in a way to have a narrative to tell and should address the following questions: Who we are, what we do, student stories, and donation options. Each section maintains visual distinctiveness while contributing to a cohesive whole, creating a coherent layout that guides visitors through the organization's story and purpose.

THE SOLUTION

A complete rebranding of the website to raise the organization's profile, mission, impact on the community, attract volunteers, and donations.
ABOUT US
ABOUT US
ABOUT US

Added an about page to build trust for visitors

Added an about page to build trust for visitors
Added an about page to build trust for visitors

I added the team members page which was not existing before to give a sense of the team who is behind this company and also included the volunteers since without them that organization would not have existed.

I added the team members page which was not existing before to give a sense of the team who is behind this company and also included the volunteers since without them that organization would not have existed.

I added the team members page which was not existing before to give a sense of the team who is behind this company and also included the volunteers since without them that organization would not have existed.

ABOUT US

Added an about page to build trust for visitors

I added the team members page which was not existing before to give a sense of the team who is behind this company and also included the volunteers since without them that organization would not have existed.

BLOG PAGE
BLOG PAGE
BLOG PAGE

Tidying Up the Blog to Tell a Better Story

Tidying Up the Blog to Tell a Better Story
Tidying Up the Blog to Tell a Better Story

Since blogs are great at telling everyday stories of what the organization is doing and its thoughts, it is important to have a clear view of it.

Since blogs are great at telling everyday stories of what the organization is doing and its thoughts, it is important to have a clear view of it.

Since blogs are great at telling everyday stories of what the organization is doing and its thoughts, it is important to have a clear view of it.

BLOG PAGE

Tidying Up the Blog to Tell a Better Story

Since blogs are great at telling everyday stories of what the organization is doing and its thoughts, it is important to have a clear view of it.

STORE PAGE
STORE PAGE
STORE PAGE
STORE PAGE

Storefront for Good: Where Sales Become Support

Storefront for Good: Where Sales Become Support
Storefront for Good: Where Sales Become Support

The organization offers handmade toys sewn by volunteers, with proceeds from their sale serving as a form of donation.

The organization offers handmade toys sewn by volunteers, with proceeds from their sale serving as a form of donation.

The organization offers handmade toys sewn by volunteers, with proceeds from their sale serving as a form of donation.

DONATE PAGE

Introducing a Donation Page to Boost Contributions

I included a page for the donation which is crucial for a nonprofit organization and which was missing earlier. Showing ways donors can contribute to the organization.

DONATE PAGE

Introducing a Donation Page to Boost Contributions

I included a page for the donation which is crucial for a nonprofit organization and which was missing earlier. Showing ways donors can contribute to the organization.

CONTACT PAGE
CONTACT PAGE
CONTACT PAGE
CONTACT PAGE

Enhanced Contact Page for Easy Communication

Enhanced Contact Page for Easy Communication
Enhanced Contact Page for Easy Communication

The updated contact page makes it simple for visitors to get in touch with the organization, featuring a user-friendly contact form and integrated directions for easy navigation.

The updated contact page makes it simple for visitors to get in touch with the organization, featuring a user-friendly contact form and integrated directions for easy navigation.

The updated contact page makes it simple for visitors to get in touch with the organization, featuring a user-friendly contact form and integrated directions for easy navigation.

RESULT
DONATE PAGE
DONATE PAGE
RESULT

Growth After Launch

Introducing a Donation Page to Boost Contributions
Introducing a Donation Page to Boost Contributions

The website launch led to a noticeable increase in both sales and visitor traffic within the first few months.

I included a page for the donation which is crucial for a nonprofit organization and which was missing earlier. Showing ways donors can contribute to the organization.

I included a page for the donation which is crucial for a nonprofit organization and which was missing earlier. Showing ways donors can contribute to the organization.

RESULT
RESULT
Growth After Launch

The website launch led to a noticeable increase in both sales and visitor traffic within the first few months.

RESULT
RESULT
Growth After Launch

The website launch led to a noticeable increase in both sales and visitor traffic within the first few months.

CHALLENGES & LEARNINGS
CHALLENGES & LEARNINGS

Limitations of the Platform

Limitations of the Platform

I designed the project in Figma and built it using GoDaddy’s platform, which, while functional for basic layouts, had limitations in visual customization. This restricted my ability to showcase variations in button states and other interactive elements.

First ever UX project

First ever UX project

This project was a valuable learning experience — from collaborating with a nonprofit, to communicating ideas, embracing feedback, and continuously improving the work. I’m especially grateful to the organization’s founder for the trust, creative freedom, and support throughout the process. Seeing the website contribute to increased revenue and traffic was incredibly rewarding and made the entire journey truly fulfilling.

CHALLENGES & LEARNINGS
Limitations of the Platform

I designed the project in Figma and built it using GoDaddy’s platform, which, while functional for basic layouts, had limitations in visual customization. This restricted my ability to showcase variations in button states and other interactive elements.

First ever UX project

This project was a valuable learning experience — from collaborating with a nonprofit, to communicating ideas, embracing feedback, and continuously improving the work. I’m especially grateful to the organization’s founder for the trust, creative freedom, and support throughout the process. Seeing the website contribute to increased revenue and traffic was incredibly rewarding and made the entire journey truly fulfilling.

CHALLENGES & LEARNINGS
Limitations of the Platform

I designed the project in Figma and built it using GoDaddy’s platform, which, while functional for basic layouts, had limitations in visual customization. This restricted my ability to showcase variations in button states and other interactive elements.

First ever UX project

This project was a valuable learning experience — from collaborating with a nonprofit, to communicating ideas, embracing feedback, and continuously improving the work. I’m especially grateful to the organization’s founder for the trust, creative freedom, and support throughout the process. Seeing the website contribute to increased revenue and traffic was incredibly rewarding and made the entire journey truly fulfilling.

"Ramya was responsible for a complete revamp and relaunch of the Bandar and Bhaaloo website. We especially needed to refocus our brand, and she had excellent suggestions on messaging and layout. Her technical knowledge is superb; whenever she encountered a glitch with the platform, she patiently and expertly resolved the issue. She reworked all aspects of the site, simplifying, reordering and creating content to be more visually impactful.

"Ramya was responsible for a complete revamp and relaunch of the Bandar and Bhaaloo website. We especially needed to refocus our brand, and she had excellent suggestions on messaging and layout. Her technical knowledge is superb; whenever she encountered a glitch with the platform, she patiently and expertly resolved the issue. She reworked all aspects of the site, simplifying, reordering and creating content to be more visually impactful.

"Ramya was responsible for a complete revamp and relaunch of the Bandar and Bhaaloo website. We especially needed to refocus our brand, and she had excellent suggestions on messaging and layout. Her technical knowledge is superb; whenever she encountered a glitch with the platform, she patiently and expertly resolved the issue. She reworked all aspects of the site, simplifying, reordering and creating content to be more visually impactful.

Deborah Hecker

Deborah Hecker

Deborah Hecker

Founder & CEO

©ramya bandaru

©ramya bandaru

Bandar and Bhaaloo Website Redesign

How rebranding and redesigning a nonprofit website made it easier for supporters to engage, contribute, and connect.

E-commerce

Redesign

Rebranding

Non profit

Non profit

Role

UX Designer/ Web Designer

Year

2021

Team

CEO

My Impact

Complete redesign

Re Branding

Live Link