Campus Society:  Branding, App, Responsive, DLS
       
     
The Concept
       
     
Brand mark
       
     
Logos.jpg
       
     
Research
       
     
Sketching
       
     
Visual Systems - Colour
       
     
Visual Systems - Iconography
       
     
Visual Systems - Data Visualisation
       
     
Visual Systems - Grids
       
     
Mobile - Sign-up
       
     
Mobile - Onboarding
       
     
Mobile - Channels
       
     
Mobile - Profiles
       
     
Mobile - Omnifeed
       
     
Chat+Wall.jpg
       
     
Mobile - Wall
       
     
Mobile - GPA dashboard
       
     
LANDING PAGE
       
     
CS-Landing-Macx2.jpg
       
     
Homepage-iPad.jpg
       
     
CS-LandingShake1.jpg
       
     
CS-LandingShake2.jpg
       
     
DLS - Native App Components
       
     
Chat.jpg
       
     
Channel-Card.jpg
       
     
Poll.jpg
       
     
Toast.jpg
       
     
Responsive Web
       
     
Explore-iPad.jpg
       
     
Modal.jpg
       
     
Responsve-Mobilex2.jpg
       
     
Video-Mac.jpg
       
     
DLS - Responsive Web
       
     
Chat.jpg
       
     
Fashion.jpg
       
     
Icons.jpg
       
     
Main-Banner.jpg
       
     
Music.jpg
       
     
NavBar1.jpg
       
     
NavBar2.jpg
       
     
Notifications.jpg
       
     
Tiles.jpg
       
     
Tiles2.jpg
       
     
Wall.jpg
       
     
Merchandise
       
     
Mona-Tee.jpg
       
     
Notebooks.jpg
       
     
Business cards
       
     
Campus Society:  Branding, App, Responsive, DLS
       
     
Campus Society: Branding, App, Responsive, DLS

Campus Society are a social network start-up focused on collaboration and sharing within universities worldwide. I was tasked to establish their brand and, working with a young and enthusiastic team, our objective was to create the go-to app for students anywhere.

The Concept
       
     
The Concept

A place of infinite possibilities.

Brand mark
       
     
Brand mark
Logos.jpg
       
     
Research
       
     
Research
Sketching
       
     
Sketching
Visual Systems - Colour
       
     
Visual Systems - Colour

Campus' Universe theme expands into the colour naming system incorporating elements, minerals, metals and precious stones creating a Periodic Table with distinct hierarchy.

Visual Systems - Iconography
       
     
Visual Systems - Iconography
Visual Systems - Data Visualisation
       
     
Visual Systems - Data Visualisation
Visual Systems - Grids
       
     
Visual Systems - Grids
Mobile - Sign-up
       
     
Mobile - Sign-up

Students can network, chat, share and collaborate on projects, ideas and everything else besides. The 'Omnifeed' allows the user to instant message individuals, groups or specific 'Channels' and toggle between wall posts and members online.

Mobile - Onboarding
       
     
Mobile - Onboarding
Mobile - Channels
       
     
Mobile - Channels
Mobile - Profiles
       
     
Mobile - Profiles
Mobile - Omnifeed
       
     
Mobile - Omnifeed
Chat+Wall.jpg
       
     
Mobile - Wall
       
     
Mobile - Wall
Mobile - GPA dashboard
       
     
Mobile - GPA dashboard

The more the user interacts - following, posting, commenting etc - the more features they can unlock. Incentivisation and gamification will play a large part in the success of CS.

LANDING PAGE
       
     
LANDING PAGE

Paging and on-scroll animation highlights key features of the app.

CS-Landing-Macx2.jpg
       
     
Homepage-iPad.jpg
       
     
CS-LandingShake1.jpg
       
     
CS-LandingShake2.jpg
       
     
DLS - Native App Components
       
     
DLS - Native App Components
Chat.jpg
       
     
Channel-Card.jpg
       
     
Poll.jpg
       
     
Toast.jpg
       
     
Responsive Web
       
     
Responsive Web
Explore-iPad.jpg
       
     
Modal.jpg
       
     
Responsve-Mobilex2.jpg
       
     
Video-Mac.jpg
       
     
DLS - Responsive Web
       
     
DLS - Responsive Web
Chat.jpg
       
     
Fashion.jpg
       
     
Icons.jpg
       
     
Main-Banner.jpg
       
     
Music.jpg
       
     
NavBar1.jpg
       
     
NavBar2.jpg
       
     
Notifications.jpg
       
     
Tiles.jpg
       
     
Tiles2.jpg
       
     
Wall.jpg
       
     
Merchandise
       
     
Merchandise

To physically incentivise, we designed various forms of 'cool' giveaways. It is envisaged that CS will branch into multiple strands such as fashion, festivals and the like.

Mona-Tee.jpg
       
     
Notebooks.jpg
       
     
Business cards
       
     
Business cards