# Graphic design and motion — visual systems that survive production

> Identity and packaging, social campaign systems, short-form motion and print — one visual language adapted across thirty different assets.

Source: https://ricardoportfolio.xyz/graphic-design
Language: en

---

GRAPHIC DESIGN · BRAND SYSTEMS · MOTION
# I build visual systems that survive the real world.
Identity, packaging, social campaigns, retail graphics and motion — designed to stay coherent when the format changes.
IN-HOUSE · FREELANCE · COMMERCIAL PRODUCTION
BRAND IDENTITY
PACKAGING
SOCIAL
MOTION
PRINT
![The DNA Vapes range, ten flavours in one identity](https://ricardoportfolio.xyz/graphics/Artboard%25204.jpg)
![Dragon's Blood label artwork](https://ricardoportfolio.xyz/graphics/label%2520test.png)
![DNA Vapes logo](https://ricardoportfolio.xyz/graphics/dnalogo.png)
DNA VAPES / DRAGON’S BLOOD
Identity · packaging · campaign system
THE WORK IS IN THE SYSTEM
One logo is easy. Keeping a brand recognisable across thirty different assets is the actual job.
The strongest design work here came from production: adapting one visual language across labels, launches, social posts, print, retail and short-form motion without letting it fall apart.
01
## Identity & packaging
The system has to hold together from logo to label to shelf.
![The DNA Vapes range system](https://ricardoportfolio.xyz/graphics/Artboard%25204.jpg)
DNA VAPES
One identity. Ten flavours.
A modular product range designed to stay recognisable while every flavour carries its own colour and personality.
![DNA Vapes identity mark](https://ricardoportfolio.xyz/graphics/dnalogo.png)
IDENTITY MARK
![Dragon's Blood label](https://ricardoportfolio.xyz/graphics/label%2520test.png)
DRAGON’S BLOOD
Illustration built into packaging.
A louder label system where custom illustration does the brand work before the product name is even read.
02
## Campaign & social
Same brand discipline, different product, audience and message.
![Throwback Thursday campaign post](https://ricardoportfolio.xyz/graphics/throwback%2520thursday.jpg)
SMKD / SOCIAL CAMPAIGN
Throwback Thursday
![Premium E-liquid campaign post](https://ricardoportfolio.xyz/graphics/Premium%2520blues.jpg)
Premium E-liquid
![Fantasi campaign post](https://ricardoportfolio.xyz/graphics/FANTASI.jpg)
Fantasi
![El Fruto campaign post](https://ricardoportfolio.xyz/graphics/el%2520fruto.jpg)
El Fruto
![Donut King campaign post](https://ricardoportfolio.xyz/graphics/donut%2520king.jpg)
Donut King
![Blueberg campaign post](https://ricardoportfolio.xyz/graphics/blueberg.jpg)
Blueberg
A commercial feed cannot look like six unrelated designers touched it. The variation is deliberate; the production rules underneath stay consistent.
03
## Motion & short-form
Designed to move, not just sit on a feed.
![Clearance story animation](https://ricardoportfolio.xyz/graphics/clerance.gif)
CONCEPT → STORYBOARD → ANIMATION → EDIT → EXPORT
The still frame is only where the movement starts.
Short-form campaign work was built around clear hierarchy first: one message, one visual hook, then motion used to control attention rather than decorate the frame.
AFTER EFFECTS
PREMIERE
STORYBOARD
04
## Beyond the feed
Print, collateral and illustration-led design still have to feel like the same designer made them.
![Menu system and printed collateral](https://ricardoportfolio.xyz/graphics/mockups.jpg)
MENU SYSTEM · COLLATERAL · PRINT
Commercial design off-screen.
![Illustration-led campaign artwork](https://ricardoportfolio.xyz/graphics/frog%25202.0.png)
ILLUSTRATION-LED CAMPAIGN ART
Drawing becomes part of the system.
GRAPHIC DESIGN · MOTION · IMAGE-MAKING
## Different formats. Same visual brain.
Brand systems, campaigns, illustration and motion — built with the same obsession for hierarchy, colour and consistency.
BACK TO WORK ↗
Ricardo Costa
Product · Brand · Visual · Front-end
© 2026 Ricardo Lourenço da Costa
Designed in Figma · Built with React
Leeds, UK