Dingbo M. Branding Marketing Specialist & Product Designer ← All work
Case study Brand · Illustration · Product 2020

Branding for a Sustainability NGO

Brand & Communication Design · U.S. Green Building Council / GBCI, North Asia · 2020

Role
Brand & Communication Designer
Where
USGBC & GBCI, North Asia office · Shanghai
Audiences
Public and industry, one system
Outcome
Adopted as the office's visual language
01

Hook

The U.S. Green Building Council certifies buildings. My job was to make people care about that.

LEED certification is a technical standard: points, levels, verification, plaques. It earns respect from engineers and developers. It does not, on its own, make anyone feel anything — and an NGO whose mission depends on public will cannot only speak to specialists.

Over 2020 at USGBC's North Asia office I built the communication layer that let the organisation speak in two registers at once: a cartoon earth mascot and an illustrated Arctic Tern narrative for the public, and a rigorous bilingual event, brochure and data-visual system for the industry. Same organisation, same values, two very different rooms.

Positioning note

This is the project that proves range and system-building, not a single artefact. Lead with the idea — one brand, two audiences — and let the mascot, the podcast logo and the event visuals appear as evidence of it. Without that framing a reviewer reads this as “a lot of nice graphics,” which undersells it badly.

02

Context

USGBC and GBCI administer LEED, the world's most widely used green building certification system. The North Asia office serves a market where green building is growing quickly and where most of the audience — developers, architects, facility managers, corporate sustainability teams — encounters the organisation through events, WeChat, and printed material rather than through the certification process itself.

That creates a specific communication situation:

The product is invisible.

A certification is a document. There is nothing to photograph, nothing to demo, no object that carries the brand into someone's day.

The audience is split.

Industry professionals need proof — project counts, certification levels, credentialed professionals, case studies. The public needs a reason to care at all.

The channels are Chinese.

WeChat, industry expos, in-person seminars and printed brochures, all bilingual, all with their own conventions.

My role: I joined as the designer responsible for marketing and communication output across the office. This was my first Marketing and Communication Design role, and the scope covered graphic design, event visual systems, digital product UI, illustration and video.

Needs your input
Exact job title, how many months, and who you reported to — the poster mentions a Marketing Director and a Marketing Manager. Naming them as the people who set the briefs makes your ownership of the execution more credible, not less.
Tools — needs your input
Illustrator / Photoshop / InDesign / Figma / Premiere / After Effects — list what you actually used, it matters for a communication design role.
03

Problem

How does an organisation whose core product is a technical certificate build a brand that both a structural engineer and a stranger on WeChat will take seriously?

Two constraints ran underneath everything:

Credibility cannot be spent.

Warmth in a sustainability brand is easily read as greenwashing. Anything friendly had to sit next to something verifiable — real project numbers, real certification data, real named case studies — or the friendliness itself becomes suspect.

Distribution decides the form.

In this market, brand assets do not travel because they are beautiful. They travel because someone forwards them in a chat, or walks past them in a lobby, or picks them up at an expo booth. The design had to be built for the way it would actually move.

04

Define

One organisation, two registers.

Public & general audience
Industry professionals
Channel
WeChat, social, campaign content
Seminars, expos, brochures, the app
What they need
A reason to care
Proof that it works
Register
Illustrated, warm, character-led
Structured, bilingual, data-led
Assets I made
Mascot, GIF sticker set, Arctic Tern narrative
Event key visuals, brochures, infographics, app UI, podcast identity
Success looks like
Someone uses our sticker in their own conversation
A professional leaves an event able to explain LEED to a colleague

Design principles I set

Verify these against how you actually worked — state them only if they're true.

1. Warmth needs evidence next to it.
Every emotional asset sits within reach of a verifiable one.
2. Design for the forward, not the impression.
An asset that gets re-sent is worth more than one that gets admired.
3. One system, two voices — never two brands.
Shared palette, shared illustration language, shared bilingual typographic rules.
05

Design decisions

Each decision paired with its reasoning — show the artefact next to the argument.

01

A cartoon earth holding a LEED medal.

The certification had no physical form the public could recognise, so I gave it one: an earth character holding the medal USGBC awards to certified buildings. The abstraction — a rating system — became a character with a face, and the medal made the character legible to the industry audience at the same time. It became the key visual for digital content across the North Asia office.

02

The mascot was extended into a WeChat GIF sticker set.

A logo sits on our channels and waits. A sticker set travels inside other people's conversations — Congrats, OK, Thank you, Hi, Bye, Good job — carrying the brand into exchanges we were never part of. This was the decision that turned an identity into distribution.

Needs your input
Any sign of how far it spread — downloads, how long it stayed in use, whether colleagues or external professionals used it. Even “still in use two years later” is a result.
03

An Arctic Tern as the protagonist of the World Environment Day narrative.

The choice was structural, not decorative. The Arctic Tern holds the record for the world's longest migration, so a story following one bird can legitimately cross every climate zone and ecosystem on the planet — which let a single narrative thread carry a global argument about sustainability without jumping between disconnected examples. The protagonist was chosen because of what its route made possible.

04

The story lands on a specific, verifiable policy.

Wings Against Glass takes the narrative from emotion to consequence: a bird killed by a reflective façade, and then New York City's bird-friendly building legislation and its Bird Collision Threat Rating. The story ends where the organisation's actual work begins — building design standards. That connection is what keeps an illustrated bird story from being merely charming.

05

Event visuals designed as a system, not as a poster.

For SMARTER COMMUNITY and the other event campaigns, one key visual had to hold across formats it would never be seen in together: expo posters, agenda layouts, directional signage, lobby screens, speaker cards, WeChat announcements. I designed the system so recognition survived the change of format and language.

Needs your input
Name the specific formats for one event and, if you have it, how many events you produced visuals for in the year — a number here is easy and strong.
06

A bilingual lockup for the podcast identity.

LEED Think Tank / 情报所 had to work as one mark in two writing systems, in a format where it appears as a small circular avatar before anyone reads a word of it.

Needs your input
How you handled the EN/中文 relationship — which one leads, how you matched weight and rhythm between Latin and Chinese type. This is a genuinely specialised skill and worth one concrete sentence.
07

The brochure concept came from the slogan, not from a layout.

Better buildings equal better lives. I built the visual concept on the relationship in that sentence — people and buildings shown in harmony rather than buildings alone — and chose a light, warm palette because the organisation is an NGO and what an NGO does is help. The data spreads (project counts, certified professionals, global and China figures) carry the proof; the illustration carries the reason.

08

Information architecture before interface, for the app.

The Marketing Director wanted an app where professionals could learn about the organisation and register for seminars. I worked from information architecture through to UI rather than starting from screens, because the value of the product was entirely in whether someone could find the right seminar quickly.

Needs your input
Did it ship? How many screens/flows? What was the hardest IA decision — and what did you decide? One concrete answer turns this from a mention into a case study section.
06

Solution

The system: a mascot and illustration language that gave an invisible certification a face; a sticker set that put it into circulation; a narrative campaign that connected sustainability to a single animal's journey and then to real building legislation; a bilingual event visual system that held across print, signage, screen and social; a podcast identity; brochures and infographics carrying the organisation's verified data; and an app taking professionals from awareness to registration.

What ties it together: every warm asset has a factual one within reach, and every factual asset inherits the same palette, illustration style and bilingual typographic system. The public and the industry saw different things and recognised the same organisation.

My contribution, stated plainly: I gave a technical standard an emotional register without spending its credibility — and built it as a system that worked in the channels this audience actually uses.

07

Impact

Full-stack output in one year
Brand mascot and sticker system, podcast identity, event key visuals, app UX/UI, brochures, business cards, presentation templates, infographics, illustrated narrative campaign and edited video — all produced in-house.
Adopted as the office's visual language
The mascot became the key visual for digital content across the North Asia office and was used to promote events.
Circulated by users, not just published
The GIF sticker set was used in WeChat conversations by people promoting sustainability and green building certification.
Deployed in real environments
Event visuals ran across expo stands, printed agendas, wayfinding and lobby screens.
Needs your input
This section is currently the weakest and it is the easiest to fix. Any of these would carry it: number of events you produced visuals for; attendance at SMARTER COMMUNITY; WeChat article reads or sticker downloads; app users or registrations; podcast episodes released; how many countries/cities the brochure was distributed in; whether the mascot is still in use. One real number changes how the whole page reads.
08

Reflection

What the project taught me

That credibility and warmth are not opposites, but they are also not automatic partners — you have to design the bridge between them. And that in communication design, distribution is a design material: the sticker set worked not because it was the best drawing I made that year, but because it was the asset built to travel.

What I'd do differently

Needs your input
One specific, honest thing. Strong candidates if true: testing the mascot with the professional audience before rolling it out, since a cartoon carries risk with that group; documenting the system as a usable brand guideline so it survived after I left; measuring the campaign instead of only producing it.

Where it leads

This was where I learned that a brand is a system across channels rather than a set of artefacts — and that designing for people's relationship with something abstract is the part of the work I care about most. It is the same question I later took into product design at Yordando and into my master's research: how do people come to trust a system they cannot see?

Appendix

Working material

Reference blocks and production notes. Turn the appendix off before publishing.

Quick-reference blocks

Project card blurb — 45 words

A full brand and communication system for the U.S. Green Building Council's North Asia office — mascot, podcast identity, event key visuals, app UI, brochures and an illustrated environmental narrative. One voice made to carry both technical credibility and public warmth.

One-line summary — 20 words

Making green-building certification feel human: one brand system, two audiences, across print, screen, event space and social.

Role line

Brand & Communication Designer · 2020 · USGBC & GBCI, North Asia office (Shanghai)

Scope line

Brand mascot & sticker system · Event key visual design · Podcast channel identity · App IA and UX/UI · Brochures, business cards, presentation and infographic design · Illustrated storytelling · Video editing

Visual asset checklist

Section
What to show
Hook
The mascot, large and alone — it is the most memorable asset in the project
Context
The two-audience split, drawn as a simple diagram
Problem
A single spread pairing an emotional asset with a data asset, side by side
Decision 1–2
Mascot construction, then the full GIF sticker set as a grid — animated if the platform allows
Decision 3–4
The Arctic Tern narrative: illustration sequence, then the Wings Against Glass section
Decision 5
Event key visual across formats: poster → agenda → wayfinding → lobby screen → WeChat. Include the sketch-to-final process shot
Decision 6
Podcast logo, shown at real avatar size next to the large version
Decision 7
Brochure spreads and the LEED infographic pages
Decision 8
App: IA / sitemap first, then key screens
Impact
Photographs of the work in use — the event audience, the lobby screens, people holding the brochure

Still missing — fill these and the case study is complete

  1. Job title, duration and reporting line. Currently unstated, which makes the scope harder to believe than it should be.
  2. Tools used. Standard expectation for a communication design role.
  3. The bilingual typography reasoning (Section 5.6). A specialised skill most reviewers cannot claim — say something concrete about it.
  4. What happened with the app (Section 5.8). Shipped or not, and one real IA decision.
  5. Any number at all for Section 7. Events produced, reach, attendance, downloads, episodes — one is enough.
Dingbo M.
Branding Marketing Specialist & Product Designer · USGBC / GBCI North Asia, 2020