Campus Society
Campus Society is a social network and the largest community of students in the UK with over 600,000 students registered. As part of a brand relaunch and network re-build, I was tasked with producing a new signup flow and onboarding process for the new Campus Society app being developed.
- Product Design
Research
Started to research in detail different signup flows and onboarding processes from a number of different companies including ‘Monzo’, ‘Instagram’, ‘Tinder’ and other popular applications and this was followed up with in person interviews with students about what they liked / didn’t like about these existing sign up processes.
Personas
The main persona being students, we had interview feedback that gave some specific instructions “I am OK to fill out longer forms if I can see i’m progressing”, “I want to get on to the network as soon as possible”, and “I want to be able to skip sections and come back to it later”. Additionally, there were three “sub-personas” - those already at university, those who are about to attend, and ISIC card holders.
User Flow
The user flow was created around the company data collection needs (items for verification and building out a users bespoke feed), the three sub-persona requirements, and from information that students had told us around their preferences for ease, speed and efficiency (and skippable areas).
Concepts
Working closely with the team and the information given to me by other departments, I started to put together some rough sketches of what the signup flow might look like, thinking about things like a progress bar, icons, and the order of questions.
Wireframes
With concepts worked through, I built out wireframes for current students (incorporating ISIC students) and non-students as these required different fields and outcomes. The onboarding / welcome screens were also developed with a set number of four skippable screens, showcasing the key app features highlighted.
Visual Design
Using the newly formed Campus Society branding (refer to my other design portfolio case study), I developed the visual aesthetic of the signup process and welcome screens. The signup process was kept clean with the primary brand colours (red, black, white), and the welcome screens with the eye-catching secondary brand colours.
These screens were showcased to multiple student groups as part of focus group research on the designs, usability and functionality, where we also did some short ‘observation’ prototypes tests for two different sign up / question flows to see which one worked best.
Onboarding
The preference for each screen / feature was briefed in to me by marketing (based on their preferred user actions and measures). The screens highlighted a key action they wanted students to undertake within the first 30 days - completing their profile, exploring channels, searching for other students, posting content, and private chat.
From the student research, they had a preference for the bright colours and the option to skip this step, both of which were incorporated into the final designs.
