Project
Drivetribe

Role
Design Director

Delivery
Responsive Web
iOS App
Android App
Design system

Year
2016-2017

Team
David Hurren – Creative Director
Joel Bryant – UX Director
Simon Grant – UX Designer
David Delaney – UX Designer
Anthony Prior – UI Designer
Hayley Lloyd – UI Designer
Andrea Brennan – UI Designer
Tom Pugh – Product Owner

The social media platform for petrol heads by Clarkson, Hammond & May from Top Gear.

The idea was to provide a market-leading pan-platform 'hub and spokes' content production and consumption proposition, initially within motoring. The hub being drivetribe.com and it's apps, with the spokes being anywhere else where content can be pushed out to and consumed (Facebook feeds, Instagram etc).

Anyone can publish into the DRIVETRIBE platform to build their brand, and to engage with and monitise their following, aka their 'Tribe'.

Key to offering a content consumption experience over and above traditional media players it was important to offer innovative content vessels and functionality to yeild high levels of engagement. We did this through articles, video's, galleries, polls and gamification to name a few.

My task as the first permenent member of the creative team was to set the design language for all products on responsive web, iOS and Android, help to develop a brand and build a team of designers that could take on this task.

DT_Moodboards
DT_Design Principles
3-MacBook Air Mockup
1-MacBook-Air-Mockup
DTRB_DT_MB_2
DT_Mobile
TRIBE_Desktop+Mobile_Mockups
2-MacBook Air Mockup
DTRB_Studio
DTRB_Moodboard – Photography

Creating a custom design system that spanned across responsive web, iOS and Android.

From custom grids to small easter eggs in the modular scale. Every foundational element and component was created in a consistent and harmonious way. We set up component club every Friday. This enabled the team to stay close to the system, understand what needs to changed and to have open and honest conversations about what we can do to make it better.

DTRB_Grid
DTRB_App_Grid01
DTRB_App_Grid02
DTRB_Spacing + Type
DTRB_Componentss
DTRB_Icons

Take a look at some of my other projects

Meta ✦ Workplace →Website – UI design / Direction / Design system

Google ✦ Qalam →Web App – UX + UI

bp ✦ Accelerate →Website – UI design + Design system

Jio ✦ Drive →Android + iOS App – UI design / Direction / Design system

View