Project Type

UI / UX

Clubble - All in One App for Student

Clubble is the all-in-one solution mobile app designed to make it easy for college or university students to explore and join various clubs on campus. With Clubble, students can quickly discover and sign up for clubs that match their interests and passions, and stay updated on upcoming club events and activities. The app also allows club organizers to manage their Clubs, plan events, and communicate with members through the app. Clubble is the perfect tool for students looking to expand their social circle and get involved on campus.

Planning

Target Audience

College/university students willing to join clubs or communities or societies purpose - to get students to Register/Join and participate. app to make clubs more accessible.

User Journey

1. User opens the Clubble app. 2. User creates an account by providing name, email, and password. 3. User is presented with a list of popular clubs on campus and a search bar to find specific clubs. 4. User browses through the list of clubs and clicks on each club to read more about its mission, activities, and membership requirements. 5. If the user is interested in joining a club, they click the 'Join' button and follow the instructions to complete their membership. 6. User can manage their membership, RSVP for club events, and communicate with other club members through the app's messaging feature. 7. User can customize their profile by adding their interests, bio, and profile picture. 8. User can continue to explore and join more clubs or manage their existing memberships. 9. User can use Clubble as a tool to enhance their college experience by getting involved in the campus community.

User Personas & MOSCOW

Branding

Typography

Poppins' clean lines and geometric shapes convey a sense of professionalism and sophistication, while its open counters and generous spacing ensure that text is easy to read, even at small sizes. Additionally, Poppins offers a range of weights and styles, from thin to bold and from regular to italic, allowing for flexibility and customisation in design.

Colour Palette

The colour scheme is very welcoming yet formal. The lighter shade of blue looks very fresh and happy. It has been used as a background for text and also is the colour assigned to clickable buttons. The darker shade has been mostly used for text and stands out well when put against the former. The lighter tint of blue is only used for this document. It is not used in the UI of the app in any way.

Features

Features for Users, Members and Admin

User - - Allows easy access to information about all clubs - Enquiry for easy discussion and clearing of doubts - A page for entry criteria and registration form. - Gaining access to inside club info after registering for a club. - Allows access to the common club calendar through which they can see all the upcoming events. - Can add images and videos to the social feed. Members - - Members can access the club calendar but not edit. - Have access to discussions. These discussions will allow club members to discuss events and other things amongst themselves. - Access to a collaborative page. This page will enable clubs to collaborate on larger events. - All features of a user Admin - - Admin has the right to approve a member and kick (for whatever reason appropriate). - All the editing rights are given to the admin including calendar. - Provision to make / post announcements - Right to approve and end discussions - Has a right to decide what goes on the showcase. - All features as a user and member.

My Contribution

- Concept building - Wireframing / Screen Developement - Research (collective) - Prototype

App Flow

Prototype

Create a free website with Framer, the website builder loved by startups, designers and agencies.