About the organization
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 BHALOO
Rethinking, redesigning, and improving the website
Redesigning Business-Focused Rewards and Coupon Creation Experience
BANDHAR AND BHALOO
Product designer
1 FE and 1 BE Engineer
2024
About the organization
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.
About the organization
About the organization
About the organization
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.
Under NDA
Redesigning Business-Focused Rewards and Coupon Creation Experience
BANDHAR AND BHALOO
Product designer
1 FE and 1 BE Engineer
2024
My Role & My Approach
My Role & 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.
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.
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.
Discovery & Client Understanding
Conducted in-depth discussions to understand the client's business, goals, and target audience. Identified core challenges and outlined the scope of the solution required.
Research & Planning
Defined project goals based on client needs. Conducted market and competitor research. Developed site architecture and visual direction with mood boards. Presented a clear project roadmap for approval.
Design Process
Explored layout options through wireframes. Designed a hi-fi landing page prototype and refined it through iterative feedback.
Website Development & Launch
Built the website using GoDaddy's platform, ensuring responsiveness and user-friendliness.Prepared the site for launch and delivered the completed project to the client.
Branding & Visual Identity
Developed a cohesive color palette and selected typography aligning with the brand's tone and message. Curated and integrated images to enhance content and storytelling.
Research & Planning
Defined project goals based on client needs. Conducted market and competitor research. Developed site architecture and visual direction with mood boards. Presented a clear project roadmap for approval.
Discovery & Client Understanding
Conducted in-depth discussions to understand the client's business, goals, and target audience. Identified core challenges and outlined the scope of the solution required.
Discovery & Client Understanding
Conducted in-depth discussions to understand the client's business, goals, and target audience. Identified core challenges and outlined the scope of the solution required.
Discovery & Client Understanding
Conducted in-depth discussions to understand the client's business, goals, and target audience. Identified core challenges and outlined the scope of the solution required.
Research & Planning
Defined project goals based on client needs. Conducted market and competitor research. Developed site architecture and visual direction with mood boards. Presented a clear project roadmap for approval.
Research & Planning
Defined project goals based on client needs. Conducted market and competitor research. Developed site architecture and visual direction with mood boards. Presented a clear project roadmap for approval.
Design Process
Explored layout options through wireframes. Designed a hi-fi landing page prototype and refined it through iterative feedback.
Design Process
Explored layout options through wireframes. Designed a hi-fi landing page prototype and refined it through iterative feedback.
Website Development & Launch
Built the website using GoDaddy's platform, ensuring responsiveness and user-friendliness.Prepared the site for launch and delivered the completed project to the client.
Website Development & Launch
Built the website using GoDaddy's platform, ensuring responsiveness and user-friendliness.Prepared the site for launch and delivered the completed project to the client.
Branding & Visual Identity
Developed a cohesive color palette and selected typography aligning with the brand's tone and message. Curated and integrated images to enhance content and storytelling.
Branding & Visual Identity
Developed a cohesive color palette and selected typography aligning with the brand's tone and message. Curated and integrated images to enhance content and storytelling.
My Role & 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.
Research & Planning
Defined project goals based on client needs. Conducted market and competitor research. Developed site architecture and visual direction with mood boards. Presented a clear project roadmap for approval.
Discovery & Client Understanding
Conducted in-depth discussions to understand the client's business, goals, and target audience. Identified core challenges and outlined the scope of the solution required.
Design Process
Explored layout options through wireframes. Designed a hi-fi landing page prototype and refined it through iterative feedback.
Website Development & Launch
Built the website using GoDaddy's platform, ensuring responsiveness and user-friendliness.Prepared the site for launch and delivered the completed project to the client.
Branding & Visual Identity
Developed a cohesive color palette and selected typography aligning with the brand's tone and message. Curated and integrated images to enhance content and storytelling.
Website Development & Launch
Built the website using GoDaddy's platform, ensuring responsiveness and user-friendliness.Prepared the site for launch and delivered the completed project to the client.
Design Process
Explored layout options through wireframes. Designed a hi-fi landing page prototype and refined it through iterative feedback.
Branding & Visual Identity
Developed a cohesive color palette and selected typography aligning with the brand's tone and message. Curated and integrated images to enhance content and storytelling.
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.
SOLUTION
SOLUTION
SOLUTION
SOLUTION
A complete rebranding of the website to raise the organization's profile, mission, impact on the community, attract volunteers, and donations.
A complete rebranding of the website to raise the organization's profile, mission, impact on the community, attract volunteers, and donations.
A complete rebranding of the website to raise the organization's profile, mission, impact on the community, attract volunteers, and donations.
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
Improved the content to be more easily scannable.
Improved the content to be more easily scannable.
Improved the content to be more easily scannable.
LANDING PAGE
Improved the content to be more easily scannable.
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.
BLOG PAGE
Tidying Up the Blog to Tell a Better Story
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.
STORE PAGE
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.
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
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.
RESULTS
Growth After Launch
Following the website launch, the organization saw a significant rise in both sales and visitor traffic within the first few months.
ABOUT US
Added an about us page to build trust for visistors
Added an about us page to build trust for visistors
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 us page to build trust for visistors
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
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.
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
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.
DONATE PAGE
Introducing a Donation Page to Boost Contributions
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.
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
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.
RESULTS
Growth After Launch
Growth After Launch
The website launch led to a noticeable increase in both sales and visitor traffic within the first few months.
Following the website launch, the organization saw a significant rise in both sales and visitor traffic within the first few months.
Following the website launch, the organization saw a significant rise 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.
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
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.
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.
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.
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
Founder & CEO
Founder & CEO
