Intro-ADL
Airtasker

Airtasker is an online marketplace connecting people that need a job done (Posters) with people that can do the job (Taskers). Users describe the task and indicate a budget, community members then bid to complete the task. Airtasker was founded in 2012 by Australian entrepreneurs Tim Fung and Jonathan Lui in Sydney.

My Role

Design Lead

Art Direction

Strategy

My Role

Design Lead

Art Direction

Strategy

Team

Damien Terwagne

Lorenzo Bocchi

Jin Ju Hong

Alex Schwarz

James Nau

James Luo

 

ADL

Airtasker Design Language (ADL) is a hub that provides tools and guidelines for marketers, developers, designers, product managers and everyone in the company. ADL is made in three sections: Brand, Product and Content.

 

Brand contains all the assets and guidelines to use our visual identity, Product is the list of all the existing UI components available on our website and finally content describes rules and suggestions on how to write and communicate with a consistent voice. 

 

Brand
Product
Content Style
Font-ADL
Voice-ADL
Product-ADL

Above
A few screens from ADL. From the top fonts, voice & tone guidelines and UI for sliders and toggles.

Above
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Size
Iconc-Grid
Icons
Calendar-Dropdown-Selected
Calendar-Dropdown
Input-Text-Avatar
Dialog Single
Login
Dialogue – Progress

Above
The initial colour palette selected.

Above
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Colours

Below
The overall feeling of Airtasker’s brand is captured by the 6 keywords above. The guidelines covered  are all elements that allow Airtasker brand photography to maintain overall consistency both visually and through the connection with the viewer,

Above
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Keywords
Photo-Airtasker-2
Photo-Airtasker-1
Photo-Airtasker-6
Photo-Airtasker-5
Photo-Airtasker-4
Photo-Airtasker-3
Illustration-Product
Illustration-Brand

Above and below
We treat product and brand illustrations quite differently. For product (on the left), our focus is to be clear and concise and provide a simple experience. For Brand (on the right), we have a lot more opportunities to add some context and to show off our personality, whilst keeping in mind that we’re still showcasing our platform. Below are some of the badges that we have created to represent Tasker's licences. All of these guidelines are covered in the Brand section of ADL.

Above
Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!

Badges
Example-Profile