Pablo Sánchez Fernández
Senior Brand Designer & Art Director | Scalable Visual Systems | Creative Leadership

Brand Design
& Art Direction

Ideas that hold. Visual systems that scale.
Built for impact, executed for consistency.

{{ item.client }}
{{ item.line }}
Cannes Lions
{{ item.client }}
{{ item.line }}
Pablo Sánchez Fernández

About

{{ para }}

What I do

{{ skillsLine }}

Selected experience

{{ job.role }}
{{ job.years }}

{{ job.desc }}

Download CV ⟶

El Hub · Aidporter · Internal Product Design System

Designed, built and used daily to run my own studio.

◈ Wednesday 12 August
◈ Day 43 of Q3 · 47 days to close

Hi, Pablo.

A couple of things
need your attention.

14 AGO
Próximo evento
Entrega — Sistema de marca
Cliente Norlux
⊕New project
☷New quote
◷Log hours
✉Log contact
Product
Aidporter Hub
Role
Founder & Product Designer
User
Single, daily, exacting
Status
In production, evolving
The Brief

An operating system,
not a spreadsheet.

Aidporter runs every project, quote, invoice, hour, client, supplier and tax return from one place. There was no client to approve a direction and no launch date to hit — the only pressure was harder to fake: I am the sole user, every day, with real money and real deadlines running through it. A system that only has to survive a pitch is one discipline. A system that has to survive daily use, indefinitely, is another.

The System

Foundations.

A complete token system already lived in globals.css: dark surfaces, one turquoise, a closed 7-step type scale, a canonical component per pattern.

Palette
Surfaces
bg
card
popover
muted
field
Brand & states
primary
bright
destr.
warning
cold
Text ramp — bright to faint
foreground body label subtle muted-fg muted-strong faint
Type scale — Poppins, closed at 7 steps
Aa 34page header
Aa 26widget title
Aa 19card title
Aa 15tile label
Aa 13control / body
Aa 14 lightsecondary entity
Aa 11eyebrow

Reduced from 29 ad-hoc sizes (12.5, 13.5, 14.5px…) to 7 named steps, chosen by minimum perceptible distance, not a fixed step count.

Canonical components
Button — sober → lit
+ New project + New project Delete Delete

Same geometry every variant — hover swaps colour only. Foreground picked by luminance, not fixed.

Badge — dot + status
Active Proposal Active Closed

One component fed by a {color, bg} map per entity — client and project share it.

ProgressMeter
Hours vs budget62%
Hours vs budget128%

Over 100% flips to coral, everywhere it appears — same signal, same ramp as the destructive button.

Dropdown / SelectMenu
Client ▾
Acme Consulting
Norlux

py-2.5 height, shared with DatePicker, Button and modal actions — one control rhythm.

DatePicker
‹August 2026›
MTWTFSS 10111213141516

Own mini-calendar, styled to the system, propagated to every date field in the Hub.

ConfirmDialog
Mark as paid?

The payment will be logged with today's date.

Cancel Mark as paid

Single action = primary button, never plain text — a rule the audit made explicit.

The Product

One dashboard, every project.

Every entity in the Hub — projects, clients, invoices, contacts — opens onto the same shell: one navigation rail, one filter bar, one row recipe. Learn it once, it works everywhere.

Status
Active
Client
All
Search
Search project…
Sort
Recent
ProjectHoursStatus
NX
Brand system
Norlux
62%
Active
AC
Annual report
Acme Consulting
100%
Delivered

One row recipe, one filter bar, reused across Projects, Clients, Invoices and Suppliers — only the columns change.

Aidporter
◈ Inicio
☷ Projects
☷ Clients
◫ Invoices
◇ Calendar
Empty state
No invoices yet this quarter

Invoices you raise will show up here, grouped by status.

+ New invoice

One navigation rail, one empty-state recipe — the same dashed card, the same single primary action, whatever the entity is missing.

The Governance

A system is only as real
as its enforcement.

Tokens on their own are a promise. So I built the discipline that keeps that promise: every token is measured against the live codebase on a fixed cadence, not assumed to be followed. The method is simple and repeatable — scan every literal value, match it to its token, and route anything that drifts into a prioritised, impact-ordered fix list. It’s the same rigor I’d bring to a client’s brand guidelines, applied to my own product with nobody else there to enforce it.

2,208
hardcoded colour uses across 123 files
78
distinct hex values for what should be ~20 tokens
9
competing recipes for the same <Card>
2
uses of the actual CSS variable, out of all of it
Top colour usage — literal hex vs. its token
#7d7f85
210 · muted-fg
#40d3b7
174 · primary
#5fe6ce
133 · teal-bright
#e8e8e6
107 · untokenised grey
#2a2c31
109 · border

The finding that mattered most: the top hexes already matched a token by coincidence. This wasn’t a broken system needing a redesign — it was a correct system nobody had been required to reference. Find-and-replace, not invention, closed most of the gap.

Before — 9 card recipes
rounded-[18px] · #2a2c31 · p-7
rounded-[14px] · #232529 · p-5
rounded-[16px] · #2a2c31 · p-5
+ 6 more, each a one-off
→
After — one <Card>
rounded-2xl · border-border · bg-card
padding: sm · md · lg · none
Consolidation roadmap — ordered by impact, not by ease
01
Adopt the existing token — swap literal hexes that already match a token for its class. Mechanical, low-risk, covers >800 of the 2,208 occurrences with zero new decisions.
02
Extract <Card> and <Button> — retire the 27 inline card recipes and 37 hardcoded CTAs behind the two components already scaffolded but unused.
03
Collapse the text ramp — 13 near-identical greys map down to the 5 named steps already in Foundations.
04
Close the type scale — 29 ad-hoc sizes reduced to the 7 named steps shown in Foundations, chosen by minimum perceptible distance.

Steps 1 and 2 are scriptable and low-risk — done first. 3 and 4 require a judgement call on where to draw each line, so they come after the mechanical work clears the noise.

A system that has
to work tomorrow too.

Inicio, the home dashboard, is where the system is most resolved — the reference every other screen converges toward. I design, build and use El Hub myself, daily, as the operating system of my own studio.

Back to work

O2 Spain · Campaign Visual System · Brand Continuity

Brand continuity under pressure. No new assets. No extra time.

O2 mupi on the street, Madrid
{{ row.k }}
{{ row.v }}
The Problem

Two distinct visual worlds.
No transition planned.
No time to create one.

O2 Spain had a fully contracted media plan ready to run when their incoming Marketing Director decided not to use the existing campaign. The replacement, built around a new brand character above the surface for the first time in the brand's history, was still stuck in unfinished CGI production. With the media plan already paid for and nothing to run on it, they brought in an outside designer to find the way out.

01
O2 underwater campaign
Underwater. Contracted, paid for, ready to run.
02
Nothing here
No transition. No bridge. No time to shoot one.
03
O2 brand character above the surface
Above the surface. New character, CGI unfinished.
The Solution

Follow the bubbles
to the surface.

I went looking inside the brand's own history, and the answer was already there. O2's bubbles had been present across every campaign, underwater and above. They belonged to neither world exclusively, which made them the only element that could bridge both.

Three decisions built the entire system.

01 — 03
Original
Inverted
Ray plate
Screen 85%
{{ d.title }}
{{ d.num }}
{{ d.title }}

{{ d.body }}

The System in Figma

Built to be handed off. One library. Unlimited formats.

Every format in this campaign was produced from the same six layers: the gradient, the light plate, the bubble components, the headline, the mark and the contact line. Nothing was scaled from another format. Each piece is built at its own size, from rules that read the frame.

The library was built with one constraint in mind: any designer should be able to open this file, meet a format nobody anticipated, and produce it correctly without asking a single question.

Seven sheets. Every decision, written down.

Click to expand · 01 — 07
{{ m.num }}
{{ m.name }}

{{ m.caption }}

Every Channel
{{ line.text }}

Every surface, every ratio.
One system underneath.

No format was ever cropped out of a master. Every size is redrawn from the same layers, so the full range is present at 4:1 and at 9:16 alike.

{{ shot.label }}
{{ shot.label }}
The Result

Continuity without
compromise.

40+ formats out of one library, 3 weeks from brief to the first site live, and 100% of the contracted media plan on schedule
with 0 new shoots. The bubbles bridged two creative eras without belonging to either, because they had always belonged to both.

← Back to work

Transitions Gen S · Global Campaign Visual System

Repositioning from functional optical product to global lifestyle brand.

{{ row.k }}
{{ row.v }}
Context

A life in motion.
One lens. Every version of you.

Transitions Gen S had a problem that design needed to solve: only 1 in 10 eyeglasses wearers chooses dynamic lenses, and spontaneous brand awareness sat at 3%. The product was technically superior. The brand was invisible. The concept came fixed from the client, Life changes in a moment, and the job was to turn it into a visual system that could travel across markets, formats and cultures without losing its core logic.

The Insight

You, in every light.

The brief kept returning to one idea: these lenses don't replace your glasses. They replace all your glasses. Every pair you'd need for every moment of your day condensed into one.

That's not a product feature. That's a visual brief. One person crosses three lights in a single day, and the lens meets each one differently. Not three people, not three styles: the same face in three moments.

Showing them side by side is documentation. Showing them at once is the idea. That's where the echo print came from.

The System

Where product logic becomes visual language.

One idea is not a system until it survives other hands. The echo print had to work when a retail team in São Paulo cropped it, when a media agency in Tokyo animated it, and when a designer who never heard the pitch built a new format from it. So the idea was reduced to four constants: fixed, named, and non-negotiable. Everything else stays free.

The entire campaign was built on four visual constants, and every piece from five named layers — plate, gradient, photography, veil, floor — each with one owner and one rule.

Four visual constants.

Click to expand · 01 — 04
Veil off
Veil on
Veil off
Veil on
Sunset
Rose
Amber
Meadow
Sky
{{ m.num }}
{{ m.name }}

{{ m.caption }}

The Library

Designed to scale. Built to travel. One library. Every format. Every market.

Every format in this campaign was produced from the same component library, built so a market never has to come back and ask. I designed the foundations, the echo print and the component logic; the Madrid, London and New York teams extended it into full execution under that direction.

One library, four moving parts.

Click to expand · 01 — 04
{{ m.num }}
{{ m.name }}

{{ m.caption }}

Every Channel

One system. Every touchpoint.

OOH · Social · Display · Web · CRM

Shown here: the image layer of the system, before brand, copy and product are set per market.

{{ shot.label }}
The Result

Three offices signed
the same signature.

One echo print, four visual constants and a component library that three offices could open and build from. I designed the system end to end as a freelance lead; the Madrid, London and New York teams carried it into full execution under that direction, and the global pitch was won with it.

← Back to work
Case study in progress

This project is being revised.

I'm rebuilding this case study as part of a wider portfolio update. The page below shows its structure and narrative, while the final artwork is being prepared for publication.

The full campaign material is available on request.

Request the material

L'Occitane · Global Brand Repositioning · Campaign Pitch

Repositioning a heritage house for the way beauty is understood today.

L'Occitane campaign poster
{{ row.k }}
{{ row.v }}
The Idea
{{ line.text }}

True to your nature.

A repositioning built on one line, strong enough to hold the brand and flexible enough to become five.
Each pillar gets its own campaign, and the brand still speaks with one voice.

True to our customers
The Faces

Beauty is plural.
The casting had
to prove it first.

A concept about plural beauty is only as honest as the people in the frame. So the casting came before the copy: ages, skins and identities lit the same way, held the same length of time, with nothing specific about anyone smoothed out on the way to the page.

Which is how a heritage cosmetics house ended up looking at Miss Fame. Artist, make-up authority, drag queen, and the only face in the deck that made the idea impossible to read as a slogan.

{{ c.name }}
{{ c.name }}
The Declinations

One line.
Five pillars.
Endless combinations.

Each pillar takes the line and answers it differently: ingredients argue with provenance, products with the range, traditions with process, values with people, customers with their own faces.

They are not five separate stories but one idea recombined. Any pillar can pair with any face, any format and any market, and the lock-up holds it together every time.

{{ loccCurrentName }}

{{ loccCounter }}
{{ loccCurrentName }}
Every Channel
{{ line.text }}

Every market, every format.
One idea that never bends.

Nothing is redrawn per channel. The composition rules decide where the line sits, so any market can add a format without asking.

{{ ch.spec }}
{{ ch.spec }}
The Team

Four offices.
One concept.

The proposal was built jointly across VCCP Madrid, London, Sydney and New York. I led the art direction and, with my copy partner, created the creative concept: one line, five pillars, and a casting brief brave enough to make a heritage house look like the world it sells to.

← Back to work

Microsoft · Windows 10 Launch · Outdoor Campaign

Turning a software launch into a story about the windows history looked through.

{{ row.k }}
{{ row.v }}
The Brief

Nobody gets excited
about an operating
system.

A new Windows arrives with a feature list, and a feature list is not a reason to care. The launch needed something people would stop for that had nothing to do with specifications.

The answer was sitting in the name. A window is not a product: it is what you look through when something worth seeing happens on the other side. Windows that upgrade the world.

The Idea
{{ line.text }}

Windows that
upgrade the world.

Every moment worth remembering was watched from somewhere.
The film borrowed the windows of the world; the street borrowed the windows of Spain.

{{ m.name }}
{{ m.caption }}
The Craft

Lean in, and history
is still happening
on the other side.

Each scene was cut into planes and moved at different speeds, so the image behaves like something seen through glass rather than a photograph pushed across the screen.

It also solved a real problem. Historic footage is scarce, low resolution and rights heavy. Building the moments as layered stills let the campaign travel anywhere without a single frame of licensed film.

Still archive frames, separated into planes and animated one by one
The Windows

Outdoor in Spain.
A film for the world.

An outdoor campaign on historic windows across Spain,
and a case study that opened the same idea onto the windows of the world.

{{ ch.place }}
{{ ch.line }}
{{ ch.note }}
{{ ch.place }}
{{ ch.line }}
{{ ch.note }}
The Result

A product launch builtto keep history going.

Created at VCCP Spain for the Windows 10 launch. I led the art direction of the outdoor campaign and its case study,
and took on the craft myself: the parallax animation and the sound design that gave every window its depth.

← Back to work

LeoVegas · Brand Launch in Spain · Character & Campaign

A category that shouts offers. We launched with a lion who wanted out.

{{ row.k }}
{{ row.v }}
The Brief

Everyone in the
category was
shouting numbers.

Online casino advertising in Spain had settled into one register: bigger bonus, louder offer, faster read. Launching a new brand into that noise by joining it was the surest way to disappear.

So the launch went the other way and led with joy instead of promotions, using the one asset nobody else had: the lion in the brand's own name.

The Idea
{{ line.text }}

So when dreaming,
better dream fun.

A lion who, like everyone else, dreams of escaping the cage of routine.
Not a mascot selling odds, a character with somewhere he would rather be.

The Character

No costume.
No mask.
A real lion.

The brand's campaigns in other markets used suits and masks. For Spain we argued for hyper realistic CGI instead, animated and integrated by The Frank Barton Company.

The reason was emotional, not technical. You can laugh at a costume, but you can only recognise yourself in a face that behaves like a real one.

Character design · CGI by The Frank Barton Company
The Spot

One film, five beats.

30" TVC · TV & online
{{ b.tc }} {{ b.line }}
The Team

A launch that led
with joy, not odds.

Created at VCCP Spain with The Frank Barton Company on animation and integration.
I led the creative direction, the character design and the development of the concept.

← Back to work

San Miguel · Casa San Miguel Ibiza · Brand Experience

An island, three artists and a brand that had to be lived, not advertised.

{{ row.k }}
{{ row.v }}
The Brief

Every beer brand
claims the summer.
None of them lends it.

San Miguel needed to matter to people across its international markets, in a category where everyone films the same terrace at the same golden hour and calls it summer.

So instead of advertising an experience, the brand gave one away: something people had to enter for, and that only a few would actually live.

The Idea
{{ line.text }}

Made of experiences.

Ibiza reinterpreted through the eyes, ears and taste of three artists with a real bond to the island.
Not a campaign about the island. Four weekends on it, with the brand as the host.

The House

A village called
San Miguel, turned
into the brand's house.

The village of San Miguel in Ibiza shares the brand's name, so it became the venue: a house where urban art, gastronomy and music ran across four weekends of the summer.

Every detail was designed as content in waiting, from the mural on the wall to the logo on the floor of the infinity pool.

Casa San Miguel Infinity pool Art, food and music
{{ smCurrentAlt }} {{ smCounter }}
The Artists

Three ways to read
the same island.

Okuda painted it, Ohm-G scored it and Basilio Corral cooked it. Each one hosted a piece of the house
and each one carried the campaign in their own feed afterwards.

Urban artist
Okuda San Miguel

A globally collected muralist whose surname the brand already carried. He painted the house, and the island kept the wall.

DJ
Ohm-G

A resident who has read this island for years. He set the tempo of every weekend, from the sea at six to the last record of the night.

Chef
Basilio Corral

The local chef who cooks what the island grows. He wrote a menu that could only be paired with one thing, and poured it himself.

The Activation

Casa San Miguel, Ibiza.

Event · influencers · social

A house intervened by Okuda San Miguel, a menu designed by local chef Basilio Corral and every weekend mixed by Ohm-G, the island’s resident DJ. The invitations were won, not handed out: content and social sent people to casasanmiguelibiza.com to enter for a place at one of the weekends. Influencers from San Miguel’s key international markets came too, and published it from the inside.

The Impact

The best media plan
was the guest list.

38 creators, 5 international markets and 30 million impressions across four weekends of one summer,
most of it published by people who were not being paid to post.

Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content Creator content
The Team

The prize was
the campaign.

Content and social drove people to casasanmiguelibiza.com, where an invitation to one of the weekends was the thing to win.
Created at VCCP Spain with Nephilim on production. I designed and conceptualised the event, and led the art direction of every asset.

← Back to work

ALSA · Endless Summer · TV Ad

A summer that does not end when the holiday does.

Endless Summer
{{ row.k }}
{{ row.v }}
The Idea

Young travellers
changed how they
go on holiday.

Beaches, mountains, festivals, reunions, road trips. The plan changes every weekend, and the only thing it needs is a way to keep moving without it costing the whole summer.

ALSA reaches more of Spain than anyone else, so the film sells the season rather than the seat. Because really, who wouldn't want to live an endless summer?

The Film

Endless Summer.

TVC · Produced by Be Sweet Films

Sell the season,
not the seat.

Film produced by Be Sweet Films. I led the art direction of the campaign, from the casting and locations to the summer palette that carries it.

← Back to work

Banco Santander · Scuderia Ferrari · Campaign Platform

A sponsorship everyone could see and nobody could explain.

Driving with you
{{ row.k }}
{{ row.v }}
The Idea

Driving with you.

{{ line.text }}

Banco Santander had been on the Scuderia Ferrari car since 2017, highly visible and saying nothing about the bank. What a bank and a racing team actually share is not speed: it is that nobody crosses the line alone. A domino effect, where the push is never the driver and one thing makes the next one possible. Three films, same chain, three lengths.

The Constraint

Two hours each.
Two world champions.
No second take.

Vettel and Räikkönen were available for two hours each, mid-season, and neither of them is an actor. The films had to be written for that window, not squeezed into it afterwards.

One setup, pre-rigged, shot list locked, running order fixed. They walked in, delivered one line each and walked out. Which forced a better decision: build the story so the champion never has to carry it.

{{ c.n }}
{{ c.k }}
{{ dr.line }}
The Films
{{ santanderCounter }} · TVC · Produced by La Joya Films

{{ santanderName }}

{{ santanderCaption }}

The Activation
Cannes Lions

Formula Rock.
The sound of F1,
played on a guitar.

A social challenge inside the platform: a guitar imitates the engines through a lap, and you have to name the circuit from the sound alone. Two years of content needed something people would play with, not just watch.

Six weeks, 21 million people reached and engagement up 83%. It became the most successful social campaign in Banco Santander's history, and won a Bronze Lion in Radio at Cannes.

{{ st.n }}
{{ st.k }}
Formula Rock · Campaign case study
The Results

A platform that carried
two years of content.

Won as a creative team with my copywriter, and led for the two years that followed: he on copy, I on art,
the creative concept shared. Produced by La Joya Films with Sebastian Vettel and Kimi Räikkönen.

← Back to work
{{ zoomNum }}
{{ zoomName }}

{{ zoomCaption }}

Click the sheet to magnify · move to pan