Facedrive
Case Study — Facedrive

Designing for the
Green Economy.

A complete UX/UI overhaul, digital marketing system, and brand campaign for a ride-sharing app committed to environmental action.

Role
Graphic Designer
Disciplines
UX/UI · Social · Print
Deliverables
App, Ads, Brochures, Email
Industry
GreenTech / Mobility
View Case Study
Scroll
UX/UI Design Social Media Creative Direction Web Development Print Media Digital Advertising Brand Strategy Email Marketing Driver Recruitment Green Innovation UX/UI Design Social Media Creative Direction Web Development Print Media Digital Advertising Brand Strategy Email Marketing Driver Recruitment Green Innovation
Project Overview

Every ride,
a tree planted.

Facedrive is a Canadian ride-sharing platform built on a radical premise: every completed ride funds the planting of a tree. The vision was clear — but the product experience and marketing ecosystem needed to match the ambition.

As the designer on this engagement, I was responsible for the full visual stack: redesigning the companion app's UX, building a digital advertising system to recruit drivers, and creating print and email collateral that unified the brand across every touchpoint.

The challenge wasn't just aesthetic. It was about translating environmental conviction into a product that felt trustworthy, modern, and deeply motivated.

Business Problem
The app experience felt generic and disconnected from Facedrive's eco mission, eroding the brand's emotional power at the most critical touchpoint.
Product Vision
Create the first ride-sharing product where sustainability is the primary design driver — not an afterthought badge or footnote.
Target Audience
Environmentally conscious urban commuters (25–44) who actively seek brands aligned with their values — and drivers looking for mission-driven platform partnerships.
Strategic Goal
Unify the app, website, social media, and print collateral under one premium, eco-forward design system — and measurably grow the driver network.
The Challenges

Six problems
one design system.

The gap between what Facedrive stood for and how it looked was significant. Here's what we set out to fix.

01

Disconnected Brand Identity

The app's visual language didn't communicate the environmental mission. Users had no way to feel the brand's green ethos through its interface.

02

Generic UX Patterns

The companion app relied on commodity UX conventions borrowed from mainstream ride-sharing — nothing that differentiated Facedrive in a crowded market.

03

Weak Driver Recruitment

The platform needed a steady supply of drivers, but lacked a compelling recruitment narrative or digital funnel to attract and convert them.

04

Fragmented Marketing Presence

Social ads, printed brochures, and email blasts looked like they came from three different brands — undermining credibility with every impression.

05

Low Environmental Visibility

The tree-planting pledge — Facedrive's most powerful differentiator — was buried in the UX. It needed to be front and center in every screen and touchpoint.

06

No Premium Positioning

The design quality didn't signal premium enough to attract the target demographic: values-driven urbanites who expect polished digital experiences.

Design Process

Five phases,
end to end.

From understanding the brand's mission to delivering production-ready assets across every platform.

Design Methodology
Research → Systems → Craft → Deliver
01

Discovery & Brand Analysis

Studied Facedrive's environmental mission, competitive landscape, and existing digital touchpoints. Conducted heuristic analysis of the companion app and benchmarked against premium greentech brands.

Competitive Analysis Heuristic Audit Brand Study
02

Information Architecture & User Flows

Mapped the app's core flows — booking a ride, viewing environmental impact, driver onboarding — and redesigned the IA to put the eco mission at the center of every decision point.

User Flows IA Mapping Navigation Design
03

Illustration & Visual Concept

Developed a custom illustration language — "Green to Blue" — that visualized the environmental impact of each ride, transforming a transactional app moment into an emotionally resonant experience.

Illustration Design Visual Direction Motion Concepts
04

Multi-Platform Design Execution

Built high-fidelity screens for the companion app, designed a digital ad suite for driver recruitment, created print brochures, and designed the email marketing series — all from a unified design system.

UI Design Ad Creative Print Design Email Design
05

Delivery & Asset Production

Delivered all production-ready assets with developer documentation for the app screens, print-ready files for brochures, and optimized exports for digital campaigns across all platforms.

Asset Delivery Dev Handoff Print Production
Design System

Tokens, type,
components.

A unified visual language built from Facedrive's core identity: deep greens, dark surfaces, and eco-forward typography.

Color Palette
Ink
Surface
Card
Green
Green Lt
Cream
Muted
Deep
Type Scale — Poppins
72px Aa
40px Display
24px Heading
16px Body copy, line-height 1.8
10px LABEL UPPERCASE
Components
Eco-Friendly Driver Mode Tree Planted
Spacing System
4px Micro — icon gap, badge padding
8px XS — inline spacing
16px SM — card inner padding
24px MD — component gaps
48px LG — section padding
96px XL — major section breaks
Product Showcase

The work,
in full.

From app screens to ad campaigns — every surface redesigned with intention.

Facedrive App UI Overview
Facedrive App Screen — Ride Selection
Ride Selection
Facedrive App Screen — Map View
Map View
Facedrive App Screen — Booking Confirmation
Booking Confirmation
🌿
Eco Impact Screen
Real-time tree counter shown post-ride, reinforcing the environmental pledge at the most emotionally resonant moment.
Green to Blue

The companion app, reimagined around environmental storytelling.

The core innovation: weaving eco-impact data directly into the booking flow using custom illustrations, so the tree-planting pledge isn't a footnote — it's the emotional peak of every ride.

Illustrated Flows Micro-animations Eco Counter
Facedrive App Animation — Green to Blue Flow
Digital Advertising

Driver recruitment
at scale.

Facedrive Digital Ad 1
Social Ad — Driver
Facedrive Digital Ad 3
Social Ad — Eco
Facedrive Digital Ad 4
Social Ad — Brand
Facedrive Digital Ad 5
Social Ad — Campaign
Facedrive Digital Ad 6
Social Ad — Rider
Print & Email

Brand collateral
across every format.

Facedrive Brochure Front
Brochure Front
Facedrive Brochure Back
Brochure Back
Facedrive Email Blast 1
Email Blast 1
Facedrive Email Blast 2
Email Blast 2
Facedrive Email Blast 3
Email Blast 3
Key Features

What we built,
and why it matters.

Each design decision was in service of one goal: making environmental impact tangible and beautiful.

Real-Time Eco Counter

A live tree-count displayed at booking confirmation, showing users their cumulative environmental impact across every ride.

Illustrated Booking Flow

Custom environmental illustrations woven through the ride booking experience, transforming a transactional moment into an emotional brand story.

Driver Recruitment System

A full-funnel digital advertising campaign targeting driver demographics with social ads, landing pages, and recruitment-focused creative.

Email Marketing Suite

Three-part email campaign series designed for rider engagement, driver onboarding, and eco-impact reporting — all on-brand and high-converting.

Print Brochure System

Front-and-back brochure designed for physical distribution at driver recruitment events, with eco-forward messaging and clear CTAs.

Unified Design System

One visual language applied across all six platforms: app, web, social, email, print, and OOH — eliminating brand fragmentation at its root.

Results

Design that
moved the needle.

Measurable outcomes across every platform and marketing channel.

0
Platforms Unified
0+
Assets Created
0%
Est. Driver Conversion Lift
0
Cohesive Design System

Platform Impact

App redesign reduced cognitive friction through illustration-driven UX and cleaner information hierarchy
Eco-impact counter positioned as the emotional centerpiece, differentiating Facedrive from every competitor
Website refresh improved visual trust and aligned messaging across rider and driver audiences
Three email campaigns delivered with on-brand design, optimized for mobile and desktop clients

Brand Deliverables

6 digital ad creatives built for multi-platform driver recruitment campaign
Full-spread print brochure (front + back) designed for event distribution and physical outreach
Custom illustration system ("Green to Blue") developed as brand asset for long-term use
All assets delivered with brand system documentation for consistent application by the internal team
Reflection

What I
learned.

Facedrive was a project where the mission preceded the medium. The most important design decision wasn't which green to use — it was how to make an environmental pledge feel real inside a 3-inch screen.

Working across app, digital, print, and email in a single engagement forced a systems mindset from day one. Every component had to work in context of all the others. That constraint made the work better.

01

Mission is a design material

When a brand has a genuine purpose — planting trees, reducing emissions — that purpose isn't just marketing copy. It's a design constraint, a UX hook, and an emotional amplifier. Use it.

02

Fragmentation is the silent brand killer

When the app looks different from the ads, and the ads look different from the emails, trust erodes with every impression. A shared design system isn't overhead — it's brand insurance.

03

Illustration earns emotional territory

Stock photography couldn't carry the environmental storytelling load. Custom illustration — even simple ones — gave the brand a voice no competing ride-sharing app had.

04

Driver experience is a product surface

Designing for drivers — recruitment ads, onboarding materials, app flows — required understanding a completely different mental model than the rider experience. Treating it as a separate design challenge produced much better results.

Up Next

More work worth
looking at.

Each project tackles a different problem — from greentech mobility to real estate SaaS and enterprise brand systems.