Home Works Info
← Back to All Work

AT&T Dream in Black — Putting Families Inside the Film

A one-page experience that recut AT&T's campaign film around each visitor — their photos in the frames, their family name on screen, rendered and downloadable in a single visit.

Role
Digital Experience Producer & Experience Designer
Experience design · Upload-to-render flow · Moderation integration · Client leadership
Timeline
5 months
Platform
Responsive web
Team
Vincent MeiCreative Director
Alex ShilinDeveloper
June XieUI/UX Designer
Product by
Dream in Black campaign hub
The Problem

Most campaigns ask you to watch. This one wrote you into the film.

Business

  • Turn a broadcast film into something people share
  • Brand-safe output with no human in the loop

User

  • One photo, one name — no account, no learning curve
  • Leave with something worth keeping

Technical

  • Per-visitor server-side video rendering
  • Moderation API screening both image and text
Why This Was Hard
01

Brand asset, stranger's content

Every output is an AT&T film carrying a photo and a surname nobody at AT&T approved.

02

Arbitrary photos, fixed frames

The composite has to look intentional with whatever comes out of a camera roll.

03

A render inside a visit

Video processing time competing with social-referral attention spans.

04

One page, one shot

No account and no return visit — the whole thing converts now or never.

My Role

I owned the flow end to end — from the film's first frame to the file on someone's phone.

Owned

  • Experience Architecture
  • Upload-to-Render Flow
  • Moderation Integration
  • Client Leadership

Collaborated with

  • Creative Director
  • Developer
  • UI/UX Designer
  • AT&T & Translation
Key Decisions

Give the film away, one family at a time.

01
Decision 01 — Product Model

Put them in the film, not beside it

Challenge

The default campaign-UGC pattern parks submissions in a gallery next to the ad, where they do nothing for the person who submitted them.

Decision

Composite the visitor's photos into the picture frames inside the film and burn their family name into the edit — the output is the campaign, re-rendered around them.

Reasoning

A gallery asks the audience to give the brand content; this hands them an artifact worth keeping, so the reason to participate is the film itself.

Outcome

Every completed upload ended in a film the visitor owned and downloaded — not a submission they waited on.

Visitor photos composited into the film's picture frames
AT&T Dream in Black — decision 1 detail
02
Two-section landing page — film, then upload
AT&T Dream in Black — decision 2 side
Decision 02 — Flow

Two sections, no account

Challenge

Campaign traffic arrives from a social link and leaves in minutes; a signup wall spends that attention on admin.

Decision

One page, two sections — the film full-bleed, then scroll to upload, render, and download. No login, no profile, no gallery to maintain.

Reasoning

The whole interaction has to finish in a single visit, so every screen that isn't the film or the upload is a screen that costs completions.

Outcome

Watch, upload, download — with nothing in between for a visitor to abandon.

03
Decision 03 — Brand Safety

Screen the input, not the output

Challenge

The product hands strangers an AT&T-branded film carrying their photo and their surname, built to be shared.

Decision

Licensed a moderation API and put it in front of the render — image and family-name text both screened before a single frame is produced.

Reasoning

Reviewing after the render means the unsafe version already exists and the visitor already waited; a gate costs nothing, a queue costs both.

Outcome

AT&T could put its own film in strangers' hands without a human reviewing anything.

Moderation gate ahead of the render pipeline
AT&T Dream in Black — decision 3 detail
Innovation

The film as the reward

Participation returns a personal cut of the campaign, not a slot in a gallery.

Moderation before render

Image and text screened at the gate, so no unsafe output is ever produced.

A wait worth holding

On-page render progress kept people through processing to the download.

Impact
Product
1 page
Watch, upload, render, download — one visit, no account
Product
0
Human moderators in the live pipeline
Business
Flagship
Digital centerpiece of the Dream in Black campaign
Team
Per-visitor
A distinct film rendered for every completed upload
Reflection

The trade-off — I cut the public gallery. That gave up the social proof a visible wall of submissions creates — but it also removed the moderation queue, the account system, and any reason for a visitor to feel exposed.

What I'd improve — the render window. It was fast enough that most people stayed, but I never instrumented where the drop-off actually sat — I designed that wait on instinct.

Next time — when a campaign hands its own asset to the audience, brand safety is a pipeline decision, not a policy one. Gate the input and the output takes care of itself.

Project Showcase
AT&T Dream in Black — showcase a
AT&T Dream in Black — showcase b