Graffitecs / Services / UI / UX Design
Discipline 05 · Product & Brand Design

Design that
does the heavy lifting.

Research, interaction, motion, brand systems. We design products that look like a point of view, not a moodboard, and we ship the components engineers can actually build with.

art-directed.
shipped.

We hire designers who can ship code, and engineers who can defend a layout. The handoff is short because the handoff is mostly internal.

Product design Design systems Motion & micro-interactions Brand identity Design research Editorial / marketing sites
0+
Brand systems shipped
0Awads
Awwwards / FWA / SOTD
0wks
From kickoff to first proto
0%
Of components reused
Capabilities

The shapes of design we ship.

Six recurring archetypes cover most of what we get asked to build. Pick the one closest to yours, or describe your own — we've probably done a cousin of it.

01

Product design

End-to-end product UX. Discovery, IA, flows, prototypes, hi-fi, motion. We sit with engineering through build — designs that ship are designs that survive.

  • · User research & jobs-to-be-done
  • · Hi-fi prototypes in Figma
  • · Motion specs in Rive / After Effects
02

Design systems

Tokens, primitives, patterns. Built in Figma and shipped as code in lockstep. Documented well enough that the system survives the designer who left.

  • · Token pipelines (Style Dictionary)
  • · Headless primitives (Radix / Ark)
  • · Living docs in Storybook
03

Brand identity

Marks, wordmarks, motion identity, typography, tone of voice. Brands that hold up at 16 px and at 16 metres.

  • · Editorial typography
  • · Motion identity
  • · Brand guidelines as a website
04

Editorial & marketing

Sites that read like a magazine and convert like a checkout. Custom typography, art-directed layouts, scroll choreography that respects the reader.

  • · Custom type & expressive layouts
  • · GSAP / Framer Motion
  • · Built in Webflow or hand-rolled
05

Design research

Foundational, generative, evaluative. Diary studies, jobs interviews, usability rounds — synthesised into decisions, not 80-page reports nobody reads.

  • · Generative & evaluative research
  • · Synthesis into decisions
  • · Lightweight ResearchOps
06

Motion & micro-interactions

The stuff between the screens. Page transitions, gesture choreography, loading states that feel intentional, not apologetic.

  • · Lottie / Rive production
  • · GSAP timelines
  • · Native UIKit / Compose motion
What you walk away with

More than a Figma file.

Every engagement ends the same way: a production system, a team that can run it, and a written record of every decision we argued about.

D01
Design files
Figma libraries with components, variants, properties — built like code.
D02
Design system
Tokens, primitives, patterns. Versioned. Released the same as code.
D03
Motion specs
Per-interaction motion docs: timing, easing, staging.
D04
Brand kit
Logo, typography, colour, voice, photography direction.
D05
Research repository
Insights, clips, themes — searchable, reusable across teams.
D06
Marketing site
When in scope: built, deployed, handed over to your team.
Default stack

Boring on the inside.

A deliberately conservative core. We swap in sharp tools when the problem requires them, never because they're trending.

Figma
Rive
Framer
Webflow
GSAP
Lottie
Storybook
Style Dictionary
After Effects
Cinema 4D
Linear
Notion
How we engage

Three shapes of work.

Pick the one that maps to where you are. Or hop between them — most clients start at one and end at another.

PHASE A

Discovery sprint

2 weeks · fixed

Architecture review, prototype of the riskiest interaction, and a costed roadmap. You walk away with a plan whether or not we build it.

From AED 38,000
PHASE B · MOST POPULAR

Build pod

8–16 weeks · milestones

Senior pod of 3–5: tech lead, full-stack, design, QA. Two-week cycles, demo every Friday, you own the repo from week one.

From AED 145,000 / month
PHASE C

Embedded retainer

ongoing · monthly

Once it's live. A reduced pod stays in your stand-ups, owns the on-call rota, and ships the roadmap quarter-over-quarter.

From AED 65,000 / month
FAQ

Honest answers.

If yours isn't here, just ask. We respond to most enquiries within a working day.

Will you work with our existing engineering team? +

Yes — most of our work is alongside in-house teams. We default to your repo, your code review, your standup. Where we run our own pods, we still pair-program weekly so the knowledge transfers from day one rather than at handover.

Can you take over a project that's already in trouble? +

Frequently. We start with a one-week audit: code, infra, team, runway. Output is a frank document — what to keep, what to throw out, what to rewrite — and a costed path to stable. About a third of those projects we then take on. The rest we hand back with a plan they can execute themselves.

What about IP and code ownership? +

You own everything we write — code, designs, infra, docs — assigned on first commit. We keep no kill-switches and no exclusivity clauses. Our standard MSA is six pages and we'll happily redline yours.

Can you work fixed-price? +

For well-shaped, mostly-known scopes — yes, we offer fixed-fee with milestone billing. For genuinely exploratory work we recommend time-and-materials with a hard cap, because anyone who quotes you a fixed price for an unknown is either lying or building you something cheap.

What's the smallest engagement you'll take? +

A two-week discovery sprint. Below that we're not adding much value over a good freelancer, and we'd rather refer you to one of the four we trust than do it badly ourselves.

Design pod available June 2026

Got a product
that deserves better than a template?