top of page

Cluborate - Website Redesign

Self-guided 3-week project with the goal to redesign my NPO's website to provide a better experience for our community members

2022 December - 2023 January

Website Design, UI UX Design
Figma
Cluborate - Website Redesign
Cluborate is an initiaitve aiming to connect nonprofits around the world to build a network for students to participate in youth-led projects and collaborate.

As my organization matured to include more youth initiatives in our network, we found it increasingly difficult to communicate with them and connect our students to their favorite initiatives ( the purpose of our organization). With existing website no longer serving us well as a connection point between us and other organizations and students, I wanted to redesign our website to provide a better experience for our community members.
Challenges
Detailed Analysis
&
Solution Mapping 

After compiling a customer profile to identify the goals to our member, I mapped the customer journey and identified 3 opportunities for change:


  1. Condense the website to give faster introduction of Cluborate to new members

  2. Add a space for members to access the opportunities they are interested in

  3. Allow members to share content directly to give incentives for them to come back


With these changes in mind, I revised the original website structure as a reference for wireframing.


Analysis
Research Conclusion
Design & Adjustments

I began with the wireframe and asked potential users for feedback. Consolidating this information, I moved on to make the final prototype.

Adjustments
Solution Summary
The final solution for Cluborate’s user retention and engagement problem is a rebrand of its website so it could quickly grab the attention of visitors, onboard members frictionlessly, provide custom opportunity feed, engage users regularly on user generated content, and connect members effectively through the built in chat functionality. The new website, with a dashboard exclusively to members, is more understandable and serves members from all stages of engagement.
Solution
Concise landing page

A looping video plays automatically that introduces Cluborate to the visitors, showing a collection of real photos from events to catch the eyes. The page then summarizes what Cluborate is in 3 short paragraphs that helps people understand what they could gain from joining from the get go.

Streamlining the user experience

Home page directly leads users to sign-up and become a member to access their member dashboard. If the member wants to access the website again, they could log out by hovering over their profile and clicking “log out”. They are also able to log in through the top tab bar at any time

Different ways to discover opportunities

Reorganized clubs page makes it easy for members and non-members to find clubs they are interested in. Members can also explore in various modes, save, sign-up and access their registered events or activities once they are logged in. While initiatives are prompted to “collab”, students are prompted to “register”, so they could easily achieve desired goals.

Customizable and engaging

Members are able to customize their experience by changing their profile preferences. A community section allows members to interact with organizations and have discussions with other members. They could even propose their own idea to get interest and post blogs and discussions. Members can also chat with the organization directly when they have ideas for collaboration.

Reflection
This was my first self guided case study and UX UI prototype design project for websites. I learned to put my thinking in users’ shoes and adapt quickly to customer feedback. 

As a Goal-Oriented Problem Solver: I originally intended to build a mobile application as a solution, however, after analyzing the user journey, I realized it would be an unnecessary step for new members to download an app as they don’t have the incentive to stay on the platform. That meant it would be more appropriate to have a web version first then to consider the development of a mobile application. 

As a Designer: I learned new figma tricks to get a smoother user flow in figma.

As a Learner: I plan to move forward with user testing and developing the website with Cluborate's developer team.
Reflection
bottom of page