All work

Future Mobility Campaign

Brand, launch experience & motion.

An independent launch concept exploring a visual identity, motion language, and digital experience for a fictional mobility brand.

Role
Creative Direction, Visual Design & Motion
Campaign message
Move with intention.
Brand
Fictional — not a real company

Launch a mobility brand without shouting about the machine.

Concept assumption: the category is crowded with speed, specs, and glossy renders. This brief imagines a newcomer that instead leads with a feeling — calm, deliberate movement.

Assumed audience: design-conscious urban commuters who value clarity over spectacle. These are concept assumptions, not research findings. No product details, performance, or sustainability claims are made.

Movement creates clarity. Clarity carries the message.

Every element either moves toward the message or gets out of the way. The identity is a typographic wordmark split by a forward slash, a restrained night palette, and one route line that bends once and then commits.

FUTURE/MOBILITY

Night

#07090D

Silver

#D9DEE4

Ice

#C9F4FF

Signal

#E8B04A

Hierarchy — Headline in heavy grotesk · key word in serif italic amber · metadata in spaced uppercase.

Three frames, one message.

01 · Wide launch hero — 16:9
02 · Portrait social launch frame — 4:5
03 · Landscape product-story frame — 16:9

The campaign, as a place to arrive.

Built in HTML: the same headline, route line, and principles adapt from desktop to mobile. Buttons are shown for layout only.

Desktop · 1440px concept
Mobile · 390px concept

From scattered to intentional.

Runs only while on screen. Code-native motion study, not a produced film.

01

One line, never many

The route motif is a single continuous line with a start and end node. In the social frame it rises toward the headline; in the story frame three paths merge into it. Direction is shown, not claimed.

02

Signal amber used once per frame

Amber appears only on the key word (“intention”, “decision”, “direction”) and the route’s end node, so the eye always lands on the message first.

03

Motion resolves, it doesn’t loop for show

The motion study moves from scattered to aligned to a still end frame. Reduced-motion users get that end frame directly, because it carries the whole message.

  • Typographic wordmark, palette, hierarchy, route motif
  • Three campaign compositions (hero, social, story)
  • Responsive launch-page concept, desktop and mobile
  • Code-native motion study with a four-beat storyboard

A fictional brand created for portfolio demonstration. There is no photography, vehicle design, or produced film; all graphics and motion are original code. It has not been shown to an audience or approved by any client.

Have a product, story, or opportunity in mind?

I’m available for selected full-time and contract opportunities.

Ibrahim Al Kharusi — Product & Motion Designer · KATENZA studio