clubhub Juan Carlos Gallegos, Brendon Earl, Josh Pearson, Andrew Stocks, Kelsey Legault, and Ben Hawker 

Problems Legitimacy Maintainability Visibility ● Clubs want to grow awareness/visibility ● Students want to see what clubs are available on campus Visibility - Clubs need an online presence that have no barriers to access Legitimacy - Clubs need their presence to be well designed, maintainable Maintainability - Even if clubs manage to create a website, finding the right person to update/maintain these sites can be costly, poorly designed, or just wind up not even maintained at all. 

Story Summer needs to create an online presence for her club to communicate with potential members and sponsors. Photo credit: JoseUrena via Visual Hunt / CC BY-NC-SA Clubs want exposure, visibility, legitimacy, and maintainable online presence for potential members and sponsors - Clubs approaching the Uvic Web Design and Development Club - What solutions exist? 

Audience Student Members Club Leaders Sponsors Public Students looking to find clubs Club admins looking to host club websites Sponsors looking for clubs to sponsor Public looking to find out more about university clubs 

Mock-ups ● All club pages would function like a website, but would share the same information architecture, and the same visual style ● We would host the club pages under an organized domain system ● Searchable directory of all clubs at a specific university 

Administration Process ● The process of creating a website for club leaders won’t require any design skills, but will be based on a series of questions: “What’s your club name?” “What’s your club description?” “How do you want your members to join?” “Who are your club leaders?” “Do you have any social media accounts you want to link?” ● We were also thinking about using a typeform to quickly create a prototype for milestone 1 

Architecture Desktop Mobile Front-end React Ubuntu Server Back-end MongoDB Node.js Unsplash Images Google Calendar ● Web App (Responsive) Server Side ● Ubuntu Cloud Server ● MongoDB ● Node.js Client Side ● Javascript Framework (React) External Services ● Unsplash API 

Milestones 1st Milestone October 14th 2nd Milestone November 4th 3rd Milestone December 2nd First Milestone (October 14th): ● Focus on Admin side ● Create admin form to fill out ● Establish back-end communication to save website data ● Compile data into React components and generate websites Second Milestone (November 4th): ● Focus on Student side ● Create club directory ● Implement features for interactivity (i.e. join/subscribe) ● Stretch: Allow for admin website customization Third Milestone (December 2nd): ● User testing ● Refine interface ● Create user interactions ● Allow for website customization 

Thank you! clubhub Rub-a-dub-dub, put your club in the hub! A clean and simple club platform. 

Wubalubaclubhub! Bonus Slides 

Typeform for Minimum Viable Product 

Mission Saving university clubs one website at a time.