Transforming a Social Organisation Website for a Seamless Volunteer Sign Up Flow

Transforming a Social Organisation Website for a Seamless Volunteer Sign Up Flow

Transforming a Social Organisation Website for a Seamless Volunteer Sign Up Flow

2022 - 2023

2022 - 2023

2022 - 2023

2022 - 2023

Client

Client

CannonDesign

CannonDesign

Role

Role

Project Design Intern

Project Design Intern

Background

Designed accessible and intuitive screens during my fifth semester for easy access to volunteers' data for Manipal’s largest community-service organisation- facilitating an efficient bridge between potential volunteers and volunteer leaders.

My Role:

My Role:

My Role:

My Role:

  • Simplified the log in, data entry and tracking processes for internal and external users by optimizing form filling workflows, resulting in a 40% improvement in task efficiency.

  • Streamlined collaboration with the college engineering team, resolving critical UX bugs 60% faster and ensuring a smooth product launch on time and within budget.

Previous Website

  • The initial website was designed as a 'directory, which (after many years of use) began receiving negative feedback from first-time users.

  • Since there was no implementation of UX Design principles, the redesign was quite a task for the team.

  • The initial website was designed as a 'directory, which (after many years of use) began receiving negative feedback from first-time users.

  • Since there was no implementation of UX Design principles, the redesign was quite a task for the team.

  • The initial website was designed as a 'directory, which (after many years of use) began receiving negative feedback from first-time users.

  • Since there was no implementation of UX Design principles, the redesign was quite a task for the team.

Home Page

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the columns- this way all prospective volunteers can easily scroll through a busy list of events.

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the columns- this way all prospective volunteers can easily scroll through a busy list of events.

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the columns- this way all prospective volunteers can easily scroll through a busy list of events.

Events Directory

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the columns- this way all prospective volunteers can easily scroll through a busy list of events.

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the columns- this way all prospective volunteers can easily scroll through a busy list of events.

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the columns- this way all prospective volunteers can easily scroll through a busy list of events.

Proposing an Event

  1. Fill out Event Data


  1. Provide Contact and Authority Details


  1. Send Proposal

  1. Fill out Event Data


  1. Provide Contact and Authority Details


  1. Send Proposal

  1. Fill out Event Data


  1. Provide Contact and Authority Details


  1. Send Proposal

Volunteer Sign Up

Volunteer Sign Up

  1. Filling Personal Details


  1. Description of Volunteering Experience


  1. Verify your Manipal Student ID


  1. Confirm Account Creation

  1. Filling Personal Details


  1. Description of Volunteering Experience


  1. Verify your Manipal Student ID


  1. Confirm Account Creation

  1. Filling Personal Details


  1. Description of Volunteering Experience


  1. Verify your Manipal Student ID


  1. Confirm Account Creation

FAQs

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the directory itself- this way all prospective volunteers can easily scroll through a busy list of events.

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the directory itself- this way all prospective volunteers can easily scroll through a busy list of events.

  • The most-viewed page of the website is the 'Events Directory'. The idea behind its redesign was to make every field more visually accessible.

  • I also suggested that we decrease the amount of information displayed on the directory itself- this way all prospective volunteers can easily scroll through a busy list of events.

Challenges

  • Making the volunteering requests smoother, without changing the UI to a large extent.

  • Increasing the compartmentalization of data across multiple actions that need to be taken.

  • Making the volunteering requests smoother, without changing the UI to a large extent.

  • Increasing the compartmentalization of data across multiple actions that need to be taken.

  • Making the volunteering requests smoother, without changing the UI to a large extent.

  • Increasing the compartmentalization of data across multiple actions that need to be taken.

Main Takeaways

Main Takeaways

  • Designing for a non-profit requires looking at User Interface design in a different view- not every aspect can rely on aesthetic decisions.

  • All changes made by the team were met with multiple rounds of feedback from volunteer heads, professors and a couple of govt. employees.

  • Designing for a non-profit requires looking at User Interface design in a different view- not every aspect can rely on aesthetic decisions.

  • All changes made by the team were met with multiple rounds of feedback from volunteer heads, professors and a couple of govt. employees.

  • Designing for a non-profit requires looking at User Interface design in a different view- not every aspect can rely on aesthetic decisions.

  • All changes made by the team were met with multiple rounds of feedback from volunteer heads, professors and a couple of govt. employees.

GKTRZTE

I'm open to exciting opportunities, particularly D2C products. Feel free to email me to discuss design!

made from scratch by Raunak Mohapatra © 2025

I'm open to exciting opportunities, particularly D2C products. Feel free to email me to discuss design!

made from scratch by Raunak Mohapatra © 2025

NHPQIZZ

I'm open to exciting opportunities, particularly D2C products. Feel free to email me to discuss design!

made from scratch by Raunak Mohapatra © 2025

I'm open to exciting opportunities, particularly D2C products. Feel free to email me to discuss design!

made from scratch by Raunak Mohapatra © 2025