Celebrating 20 Years of growing businesses worldwide · 2006–2026Our journey ›
Serving UKUSCASGAUIN
We are hiring[email protected]Chat on WhatsApp
20 Years2006–2026
Home/Our Work/TreePip
Case study · Android app · Relationship tracker

TreePip

Grow your relationships: see who you keep in touch with, drawn as a living tree.

BrandingUI/UX designAndroidIllustration
9:41TreePip: Welcome
9:41TreePip: Splash
9:41TreePip: Registration
9screens designed
4core features
5deliverables
Androidplatform
The brief

The challenge

People lose touch with friends and contacts without noticing, because nothing shows how often they really talk.

Our approach

What we designed

We turned relationships into a hand-drawn tree: contacts sit on branches as leaves, each showing the last SMS, email, call and meeting, with a guided setup to get started.

Deliverables
  • Brand and illustration
  • 9 Android screens
  • Guided setup
  • Branch and contact management
  • Relationship tree view
The app film

See TreePip in motion

A short launch film we made for TreePip: the real screens in motion, a voice-over and an original soundtrack. Ready for the App Store preview, Instagram Reels, TikTok and YouTube Shorts.

  • Vertical 9:16, made for social
  • Professional voice-over and music
  • Built from the final app designs
Get a film for my app
User journey

How someone moves through TreePip

  1. 01SplashTreePip: Grow Your Relationships.
  2. 02RegistrationName, email and password to get started.
  3. 03LoginQuick email login.
  4. 04Tree setupOrganise contacts into branches of your tree.
  5. 05Add branchName a branch, then choose who belongs on it.
  6. 06My treeYour relationships as a tree, with each contact's last touchpoints.
360° view

Every screen, all the way round.

Drag to spin the carousel, or let it turn on its own.

9:41TreePip: Splash
9:41TreePip: Welcome
9:41TreePip: Registration
9:41TreePip: Login
9:41TreePip: Setup
9:41TreePip: Tree setup
9:41TreePip: Add branch
9:41TreePip: Select contacts
9:41TreePip: My tree
Key features

Designed around what users need most

019:41TreePip: Welcome

Simple onboarding

Welcome, register or log in in a few taps.

Welcome. Log in or register today.

029:41TreePip: Login

Guided setup

Let TreePip find your top contacts or add them yourself.

Login. Quick email login.

039:41TreePip: Add branch

Branches of contacts

Group people into branches and pick contacts for each.

Add branch. Name a branch, then choose who belongs on it.

049:41TreePip: My tree

Your relationship tree

Every contact as a leaf, with last SMS, email, call and meeting.

My tree. Your relationships as a tree, with each contact's last touchpoints.

Screen gallery

All 9 screens

Hover a screen to lift it out of the layout.

9:41TreePip: Splash
Splash
9:41TreePip: Welcome
Welcome
9:41TreePip: Registration
Registration
9:41TreePip: Login
Login
9:41TreePip: Setup
Setup
9:41TreePip: Tree setup
Tree setup
9:41TreePip: Add branch
Add branch
9:41TreePip: Select contacts
Select contacts
9:41TreePip: My tree
My tree
Design system

Colour palette

The main colours across the TreePip screens, measured from the designs themselves, with how much of the interface each one covers.

  • #DCE3DE81% of screens
  • #33343112% of screens
  • #AFC2B35% of screens
  • #6D6E6A1% of screens
  • #7BC0431% of screens
Free consultation

Have an app idea like TreePip?

Tell us what you want to build. We'll reply with a free consultation, a design approach and a clear quote.