Home

Cases

PlanDo App and Brand

Home

Cases

PlanDo App and Brand

PlanDo - Brand and iOS app for doing things together

“

Plan an activity, find people nearby who love it too, then meet up.

PlanDo logo

PlanDo

Brand and iOS app, 2014

PlanDo app screens: PlanDo splash screen with the white bird, Activity created, shared with people nearby, Map of activities nearby
PlanDo app screens: PlanDo splash screen with the white bird, Activity created, shared with people nearby, Map of activities nearby

About the project

PlanDo is an iOS social app that connects people with the same hobbies so they can plan activities together and meet, from movie nights to sports. Founder Philip Pun planned to launch in China and Hong Kong first, then across Asia. In 2014 we designed the brand around a bird of paradise, mapped the user journeys and flows, and designed the final iOS screens.

Project

PlanDo App and Brand

Industry

Social Networking

Location

China and Hong Kong

Date

2014

“

Client Request

PlanDo wanted a brand that is fun without being silly and useful without being complicated, for an app where people meet through the activities they love.

PlanDo logo

PlanDo

Brand personality brief, January 2014

Design Pillars

Core Brand Principles

Fun and Trustworthy

Fun and Trustworthy

The brief asked for funny but not goofy, and informal but not sloppy.

A Bird That Dances

A Bird That Dances

Birds of paradise dance to communicate, so the mark is one in flight, in four colors.

Online to Offline

Online to Offline

Every flow leads to people meeting in person, then sharing photos from the day.

“

“

AdancingbirdforPlanDo logo markasocialapp.
PlanDo brand board with the compass sketch, bird mark, app icon and lettering

Research

Who We Designed For

A 25-Year-Old in Shanghai

Our main persona: an office worker who wants to meet new people through activities.

The Organizer

A second persona plans events and invites people, so creating one had to be quick.

Movie Fans

We mapped a whole movie night, from sign-up and invites to sharing photos afterwards.

“

“

MappedaroundonemoviePlanDo logonightout.
PlanDo user journey for movie fans: sign up, terms and the activity stream

The Challenge

Problem Statement

The Main Goal: Make a Social Network Truly Social

PlanDo had to hold three things together: finding people, chatting with them and meeting them. A user needed to create an activity in a few steps, see who nearby shares the interest, sign in with the networks they already use in China or the West, and share moments once the activity was over.

“

They have taken time to study and understand my concept via Persona, a series of interviews, conversations, and rapid prototypes.

PlanDo logo

Philip Pun

CEO, PlanDo

Our Approach

Solution

A Brand and an iOS App Together

A bird of paradise mark, a script wordmark in three set sizes, DIN and Helvetica Neue type, user journeys, flows, wireframes and 71 final iOS screens. It is an example of our Mobile App Design work.

01 - Research and Personas

Personas and a brand personality brief in January 2014, plus competitor research.

02 - Flows and Wireframes

High-level flows, user flows and wireframes from January to March 2014.

03 - Brand and UI

Logo rounds in January and February, first UI in March and the final screens in April.

“

“

FromanactivityPlanDo logo marktoarealmeetup.
PlanDo bird of paradise mark in green, yellow, orange and blue on navy and PlanDo app icon on its construction grid next to the final icon and wordmark
PlanDo bird of paradise mark in green, yellow, orange and blue on navy and PlanDo app icon on its construction grid next to the final icon and wordmark
PlanDo bird of paradise mark in green, yellow, orange and blue on navy and PlanDo app icon on its construction grid next to the final icon and wordmark
PlanDo wireframes for sign up, activity created and the people filter
PlanDo wireframes for sign up, activity created and the people filter
PlanDo wireframes for sign up, activity created and the people filter
PlanDo app screens: Profile set-up, step one, Profile set-up, step two with activity interests
PlanDo app screens: Profile set-up, step one, Profile set-up, step two with activity interests

Before & After

The Blueprint & Evolution

Compass Sketch to Final Mark

We built the bird from overlapping circles before giving it color.

  • Before: the bird outline drawn over compass circles.

  • After: the final mark in green, yellow, orange and blue.

Pencil drawing of a bird of paradise above the PlanDo mark and wordmark

Design

Key Features

Activities Near You

Users add photos, a date and a place to an activity, and PlanDo sends it to people nearby.

PlanDo app screens: Add activity form, Choice between creating a moment or an activity, Activity created, shared with people nearby

Moments

A feed of pictures and moments, shared from the activities people joined.

PlanDo app screens: Share a moment with photos, Activities feed with movie nights near the user

Design System

Visual Identity

Typography

A script lettering logotype in three set sizes, with DIN Medium and Helvetica Neue Bold.

Color Palette

Green, yellow, orange and blue from the bird, bright cyan for the app and navy behind the mark.

PlanDo lettering logotype sizes with DIN Medium and Helvetica Neue Bold specimens

UI Logic

Filters for gender, interests, distance and age, and an on and off switch for each kind of notification.

PlanDo app screens: Filter people by gender, distance and age, Notification settings with on and off switches, Settings with sound and vibration switches
PlanDo app screens: Filter people by gender, distance and age, Notification settings with on and off switches, Settings with sound and vibration switches
PlanDo brand cover with large colored wing shapes
PlanDo brand cover with large colored wing shapes
Activity detail with map and join button
Activity detail with map and join button

Impact

From Brief to Final Screens

Results for PlanDo

PlanDo got a full brand and 71 final iOS screens in April 2014. In testing, a user created an activity without seeing the tour first, which confirmed our assumptions.

PlanDo logo

PlanDo

PlanDo app screens: Choice between creating a moment or an activity, Onboarding step inviting friends, Add activity form

Result

By the Numbers

71 Final Screens

iOS designs for activities, people, chat, moments and settings.

2 Personas

An office worker who wants to meet people, and an event organizer.

6 Social Logins

Planned at sign-up, with networks used in China and in the West.

Logo exploration: a dancing parotia in a blue circle and Logo exploration: a watercolor bird

Exploration

The Logo Journey

From Bird of Paradise to Mark

Philip brought birds of paradise as the starting point, birds that dance to communicate. Along the way we tried a dancing parotia in a blue circle and a watercolor bird, then chose a four-color bird in flight. You can see some of the results below.

Final Showcase

The PlanDo Brand and App

PlanDo logo: bird of paradise mark and script wordmark
PlanDo app screens: Map of activities nearby, Activity detail with map and join button, Activities feed with movie nights near the user
PlanDo user journey step for creating an event and adding its details
PlanDo app icon
PlanDo app screens: PlanDo splash screen with the white bird, Onboarding step inviting friends
PlanDo logo board with sketches, the bird mark on navy and the app icon
PlanDo wireframes for the three profile set-up steps
PlanDo app screens: Profile set-up, step one, Filter people by gender, distance and age, Profile set-up, step two with activity interests
PlanDo app icon on its construction grid next to the final icon and wordmark
PlanDo brand cover with large colored wing shapes
PlanDo app screens: Share a moment with photos, Notification settings with on and off switches, Settings with sound and vibration switches
PlanDo lettering logotype sizes with DIN Medium and Helvetica Neue Bold specimens
Pencil drawing of a bird of paradise above the PlanDo mark and wordmark

You can also check

Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.
Uxability SaaS platform design case study
Uxability
Subscription-based design and development platform for fast, scalable creative output
StartupNow Website product design case study
StartupNow Website
Startups and investors asked for one thing: please, be clear.
MPF.hk Brand product design case study
MPF.hk Brand
Three blue bars for an easier way to compare funds.
DadCam family media mobile app design case study
DadCam
High-performance app blending 90s camcorder aesthetics with real-time vintage soul.
Paris App product design case study
Paris App
The Eiffel Tower, drawn as a single A.
Speedi Brand product design case study
Speedi Brand
One brand for the app, the vans and the bags, in Arabic and English.
Manzel Express App product design case study
Manzel Express App
Repairs, rent and visitor passes for a whole compound in one app.
Revel Street venue booking platform design case study
Revel Street
SaaS connecting users with US venues for real-time digital reservations.