Lume-Mood.product-design
The-Phone-Pitch
Lanzarote-Photoshoot
Piccadilly-Kiosk
✨BriefCanvas
Sony-Pictures
Calendar-Reminder
Achievement
Installed in London
Designed a kiosk at Piccadilly. Yes, that Piccadilly.
now
Achievement
The creative workflow works
n8n, Gemini 2.5 Flash, 180 placeholders and an auxiliary Node.js server. A brief goes in. Three complete creative directions come out.
2m ago
Achievement
Sony picked it
Illustration shared by Sony Pictures across 8+ countries.
3m ago
Achievement
AI before it was cool
6 certifications and counting.
6m ago
Information about: Isa Correa · isacorreaur@gmail.comInformation about: Isa Correa
Isa Correa

Spoiler: behind this portfolio there's a designer with too many tabs open, a serious typography obsession, and the theory that every creative problem has a solution. Resourceful by nature, problem-solver by necessity.

Born between Huelva and Málaga — because having your feet in two provinces teaches you to adapt to pretty much anything, right? Six years later, I've taken that adaptability across Europe and the Middle East, building visual identities, campaigns and interactive experiences along the way.

Organising chaos is the first thing I do every morning so that by the end of the day, everything looks incredible and actually works. My newest superpower is taming AI to make real magic: from turning visuals into code to pulling off shoots we used to think were impossible. Not as a shortcut — as a collaborator. And here I am, still flowing.

I can do...

Anything
AI creative production · end-to-end
Art Direction & Creative Direction
Motion graphics & AI video production
UX/UI & interactive HTML experiences
AI agents & creative automation (n8n)
Branding, visual identity & packaging
360 campaigns · paid media · organic
Creative Operations & team AI enablement
Photography & B2B content

Experience

Accenture — AI Creative Producer (2025–Present)
City Sightseeing Worldwide — Senior Graphic Designer (2024–2025)
Hannun SL — Mid Graphic Designer (2021–2024)
Eye Inversiones Online SL — Junior Graphic Designer (2020–2021)

Trajectory

v3.0 · 2024–Present
AI Creative Producer · Creative Operations

At this stage AI is no longer just a tool — it runs through everything I make. At Accenture's Creative Studio I lead generative content production for the BBVA project across Italy and Germany, covering image, video and motion end-to-end. I also drive internal innovation initiatives, exploring how to integrate generative agents into the team's workflows. In parallel, I develop my own projects and prototypes, like BriefCanvas: an ideation workflow that turns a brief into three complete visual directions, orchestrated in n8n.

v2.0 · 2022–2024
Mid Graphic Designer & Art Direction

Designed and directed visual identities for international markets, moving between Europe and the Middle East. I led the art direction of global campaigns and adapted brand systems to large-scale physical and digital formats — projecting my work in places like London, Dubai and Abu Dhabi. This is also where I first started integrating AI to optimise production and elevate the visual output.

v1.0 · 2020–2022
Junior Graphic Designer

The perfect training ground for learning to manage every aspect of a brand from scratch. I learned to be resourceful as the sole designer in the department, fresh out of university, taking on everything from identity and packaging to photography and final production — always making the most of the resources available.

Want to know more?

You won't find company details here (except where authorised), but if you want to dig into the names, see more projects or find out what coffee I drink — just ask for my full CV. I'll be happy to send it over.

Design & Video
FigmaPhotoshopIllustrator After EffectsPremiere ProInDesign Lightroom
Generative AI
ClaudeClaude CodeRunway MidJourneyFireflyGemini SoraChatGPTCopilot
Building with AI
n8nInteractive HTMLPython
Disciplines
Art DirectionCreative DirectionMotion Design UX/UIBrandingPhotography Paid MediaAI Creative ProductionCreative Operations
Collaboration
NotionSlackGoogle Workspace JiraMondayKlaviyo Microsoft Teams
Languages
Español — NativoEnglish — B2/C1
Claude 101
Anthropic
Claude Code in Action
Anthropic
AI for Advertising · AI for VFX · Character Animation · Video Transformation
Runway Academy
Google Gemini Full Course
Google
Microsoft Copilot Full Course
Microsoft

Certificate obtained: AI Product Manager Nanodegree from Udacity, a certified program with real project delivery and review.

I'd been using AI from the execution side for a while — interactive presentations, design systems, pitches... At some point I realised that understanding how an AI product is actually built (and what it needs), not just how to use it, was the piece I was missing.

What I was most interested in applying:
→ Translating AI technical capabilities into concrete product requirements
→ Understanding which metrics matter when the output is a prediction, not clean data
→ Having my own criteria when talking to data or engineering teams

View certificate →
The course where I stopped calling myself "just a graphic designer." Validating ideas before building them, designing with real product logic, and measuring whether any of it actually lands — this is the layer underneath the aesthetics that makes the work matter. Covers: ideation & validation, UX/UI, accessibility, user flows, design sprint and key metrics.
Four years building the foundation, from typography and colour theory to brand systems and print production. The place where the obsession started.
⌟
Lume-Mood.app
PRODUCT DESIGN · DESIGN SYSTEM · INTERACTION DESIGN
Lume Mood
Figma Design System Microinteractions Functional Prototype AI-assisted
Lume Mood — screen 1 Lume Mood — screen 2 Lume Mood — screen 4
View Interactive Prototype → View Process in Detail →
The project

Role: Product Designer end-to-end · Self-initiated · 2026

Emotional tracking apps have a problem: they're either too cold, with forms and statistics that don't say anything, or too empty, with a few emojis that don't reflect reality. None of them are fast, useful, and appealing at the same time.

I designed Lume Mood from scratch — researching the category, creating a concept, a name, a visual identity, a design system, and complete screens in Figma. Then I built a functional prototype using HTML, CSS and JavaScript with AI assistance, because a product's quality shows in how it behaves, not just in how it looks.

What I did:

  • Built a design system with five emotional states, a day and night color palette, and documented typography
  • Developed six functional screens with overlays
  • Designed a core microinteraction called Glow Pulse, with three coordinated animation layers
  • Built a prototype that runs in the browser with no installation required
Process

1. First, I thought about the concept before designing the screens. Before opening Figma, I defined the central idea: emotions are like light. This idea influenced every decision I made — the shape of the spheres, how they behave, and the colors I used.

2. Then, I built the system before designing the features. I built the five-state system, the color palette, and the typography before designing any screen. This forced me to make hard decisions from the start, rather than leaving them for later.

3. After that, I designed the complete product in Figma and then built a functional prototype in HTML/CSS/JS using Claude. I wanted the core interaction — dragging a sphere of light — to feel real, not just in a Figma preview.

4. Finally, I refined the breathing animation, the movement of the concentric rings, and the color propagation until the interaction felt alive, not programmed.

Design decisions

Five states are enough, not seven. More states would make the check-in slower and less reliable. Fewer would lose important nuances — "Reflection" and "Shadow" are different, just as "Radiant" and "Energy" are. Five states cover the daily spectrum without overwhelming.

Spheres over icons. An icon would have felt too technological and categorical. The sphere looks organic and alive, and its interior is more expressive. The white core reinforces the idea of light naturally.

The functional prototype was built with code on top of the Figma design, not replacing it. Everything was designed in Figma first. But Lume's real quality lies in its behavior: how the sphere pulses, how the color expands, and how day mode activates. You have to experience it, not just preview it.

The entire color system uses just two CSS variables: --mood and --mood-r. These update in real time when the state changes and propagate color throughout the interface. Adding a new mood state is as simple as adding an object to a list.

⌟
The-Phone-Pitch.html
Interactive HTML · Strategy · UX/UI
The Phone Pitch
AI UX/UI Interactive Prototype Claude Strategy Front-end
The Phone Pitch
View Desktop Version → View Mobile Version →
The project

Role: UX/UI Designer · Strategy · Client Project

A leading mobile company had a problem on their product comparison page: 63% bounce rate, rising support tickets, users dropping off exactly where conversion mattered most.

The proposal had to be as strong in form as in substance. So instead of a slide deck, I built it inside a phone.

On desktop it unfolds horizontally — like turning your phone to watch a video. Each section works like a standalone app: animated counters on scroll, live charts, a 5-pillar framework with projected metrics, and a real-time chat so the client can ask questions during the presentation itself.

The format is the message.

How I built it

Claude is my execution tool: it turns my design decisions into working code in seconds. I don't delegate the judgement — I delegate the implementation. That lets me reach a level of execution that simply wasn't accessible to a designer working without a technical team.

Interactive HTML · CSS/JS animations · dynamic charts · real-time chat · context-aware responsive (desktop / mobile).

⌟
BriefCanvas.workflow
Generative AI · Workflow · Creative Direction
✨ BriefCanvas
AI n8n Automation Creative Direction Workflow
The project

Role: Creative Direction + AI Automation · Self-initiated · 2026

The blank page after a brief is something we all know. You have the project, the deadline, and nothing else. BriefCanvas solves exactly that: you input the brief and in under a minute you have three complete creative directions. Each one includes a colour palette, typography, cultural references, and an AI-generated moodboard.

This isn't an inspiration tool — it's a system that works like an experienced creative director. It analyses the project, makes aesthetic decisions, and gives you three different paths to move forward with.

I built it using n8n and Gemini 2.5 Flash, with an auxiliary Node.js server and over 180 structured data fields in JSON format. The final output is automatically assembled into an interactive, navigable HTML deck.

How it works

The full flow: you input the brief as text → the AI acts as a senior creative director and returns a structured JSON with over 180 fields (tone, palettes, typefaces, cultural references, visual keywords…) → one node generates the image URLs → the final node assembles everything into a navigable interactive HTML deck.

The visual aesthetic is classical Greek. Think of it as Pinterest, but two thousand years old. Ancient Greece was a source of aesthetic references for the Romans, the Renaissance, and the Bauhaus. That classical style still shapes design today — hence the marble, the bronze, and the Cormorant Garamond typeface. "Olympus decides. Three paths from the same trunk."

The cover image has a special effect: as you move your cursor, the light shifts and reveals what was hidden behind the white marble — a Greek figure gathering fruit from a tree. The ideas that were waiting there.

⌟
Lanzarote-Photoshoot.raw
Photography · Art Direction · Editorial
Lanzarote | Lifestyle Photography
Photography Lifestyle Art Direction Editorial
Lanzarote — photo 1 Lanzarote — photo 2 Lanzarote — photo 9 Lanzarote — Pinterest
View Full Gallery →
The project

Role: Art Direction · Photography · Personal Project

You don't just photograph Lanzarote — you direct it. An island that looks like it was designed by someone obsessed with contrast: volcanic black, whitewashed walls, absolute blue. Before I even picked up the camera, the mood was already clear in my head: raw light, clean framing, people occupying the space without over-posing.

This project is the result of a week applying the same process I use in any other job: define a vision, make quick decisions about what to include and what to leave out, and execute with intent. There's no production team, but there is direction. Every image serves a purpose.

Keep what matters. Let go of everything else.

Analytics — organic reach
83.682
Impressions
4.441
Engagements
3.579
Pin clicks
878
Saves

83,682 impressions and a 5.3% engagement rate, all organic. 878 saves, the highest-value action on the platform, indicating genuine content retention and long-term discoverability. 3,579 pin clicks confirm the image holds attention beyond the feed. 38 pins, zero paid promotion.

⌟
Piccadilly-Kiosk.live
Environmental Design · Signage · London 2025
Piccadilly Kiosk
Graphic Design Signage Branding Project Management City Sightseeing London
Piccadilly Kiosk — view 1 Piccadilly Kiosk — view 2 Piccadilly Kiosk — view 3 Piccadilly Kiosk — view 4
The project

Role: Designer · International Department · City Sightseeing

City Sightseeing Worldwide is the largest hop-on/hop-off tourist bus network in the world, operating in 130 cities and serving 14 million tourists per year.

Within the international department, I worked on projects for franchises including London, Dubai and Abu Dhabi. One of the most prominent was the physical kiosk at the Piccadilly Circus underground entrance — not a screen, not an app, but a real space in one of the highest footfall locations in Europe.

What I delivered:

  • Full visual concept for the kiosk: identity, signage and spatial composition.
  • Adaptation of the global brand to the London physical environment.
  • Coordination with the London franchise operator, including review rounds, on-demand changes and final sign-off.
Process & management

The challenge wasn't just designing something that looked good — it was designing intelligently within a global brand system and making sure everything made it to production without breaking down along the way.

I worked from City Sightseeing's brand guidelines and adapted them to the specific demands of the space: physical dimensions, lighting conditions and reading distance. Every decision had to work both on screen and printed at full scale.

Project management was just as central as the design itself. Constant communication with the London team, quick turnarounds on last-minute changes, and coordination between the central department and the local franchise to keep brand coherence intact in an environment with no room for error.

⌟
Sony-Pictures.finalist
Illustration · Flat Design · Competition
Sony Pictures · Monster Hunter
Illustration Flat Design Competition Sony Pictures iPad Pro
Sony Pictures · Monster Hunter
Sony Pictures · Monster Hunter 2
The project

Role: Illustrator · International Competition · Finalist

Sony Pictures ran an international illustration competition to launch the Monster Hunter film. My piece was selected as a finalist and shared on Sony Pictures' official social media accounts across more than eight countries: the UK, Russia, Italy, Belgium, Colombia, Latin America, Central America and Ukraine.

My illustration is flat design — the visual language I naturally work in. I made it on my iPad Pro, a tool I had just started using. I wanted to see how far I could take it.

I almost didn't enter. The competition is open worldwide and the standard is incredibly high. I entered anyway.

⌟
Calendar-Reminder.app
macOS · UX · Vibe Coding · Productivity
Floating reminder system for Google Calendar
macOS Vibe Coding Google Calendar UX Animation
The project

Role: Design + AI-assisted development · Self-initiated · 2026

I had a problem with Google Calendar notifications. Switching between screens, focus mode and my workflow meant I kept showing up late to meetings. The problem wasn't that notifications didn't exist — it was that they didn't get my attention.

I decided to design and build a solution. I created an animated plane that crosses the screen carrying the meeting info and a direct button to join. It floats over any application, doesn't interrupt my desktop, and disappears automatically when the meeting ends.

I built it in Python with AI assistance.

Design

Building this, I tried to balance three things: capturing attention quickly, keeping a clean aesthetic, and not disrupting the user's workflow. That's why the entire interface floats over the actual desktop content without blocking it. The window is transparent and only holds the essential visual elements.

I made deliberate decisions about visual hierarchy. The pink header acts as an immediate visual anchor, clearly separating the alert state from surrounding content. The meeting name carries more typographic weight to prioritise recognition. The button removes the intermediate step of finding the meeting or opening Calendar manually.

Movement was especially important. An overly aggressive animation made the experience feel intrusive. I worked on a smooth horizontal animation with a slight banner sway to give a sense of weight and suspension. That small detail changes the perceived quality significantly because it introduces organic movement.

Technical

One of the most complex parts was achieving real transparency in macOS using Python: not just a borderless window, but a completely invisible layer for the system where only the animated elements existed, floating above any open application.

That means working with transparent rendering, always-on-top window management, background-less compositing, and compatibility with how macOS handles visual layers.

The animation only appears when a meeting starts, crosses the screen, allows immediate interaction, and self-destructs when the journey ends. It leaves no visual residue, takes no persistent space, and requires no manual action to close.

That was important: it had to work as an ephemeral but highly recognisable event, reducing the friction between the reminder and actually joining the meeting.

All the code development was done with AI-assisted programming, which let me tackle technical challenges outside my usual stack while staying focused on design and experience decisions.

⌟
Trash — Off the clock

Things I tried to keep out of the portfolio. They keep coming back.

Dog lover
Swipes right on every dog in the street. No exceptions.
Always
Tulip obsession
Amsterdam wasn't about the museums. It was about the flowers.
Spring forever
Asian food addict
Will travel for ramen. Has strong opinions about soy sauce.
Ongoing
Suitcase always packed
Boarding pass collector. Window seat. No exceptions.
Next: TBD
Camera in hand
If it wasn't photographed, it didn't happen.
Since '16
Early adopter
First to install, last to read the terms and conditions.
'20–∞
⌟
New Message — Mail
To:
isacorreaur@gmail.com
Subject:
Hola Isa — let's work together
LinkedIn isacorreaur@gmail.com +34 680 391 173
⌟
Figma

This portfolio wasn't made in Figma.
But everything inside it was designed here first.

claude code — ai tools
stack
✓ claude · runway · midjourney · firefly · gemini · copilot
✓ certified × 6 · anthropic · runway · google · microsoft
Adobe Creative Cloud

I installed Photoshop at 15 to figure out what a layer was. Illustrator and After Effects came next. The rest is muscle memory — and knowing every shortcut.

Microsoft Teams

Teams, Slack, Google Meet, Monday, Jira... I've onboarded into every platform you can think of. The tool changes, the workflow doesn't.

Wallpaper

Choose a wallpaper

Dynamic wallpapers. Click to apply.

New Folder
Get Info
About Isa
Change Wallpaper…
Figma
AI Tools
Adobe
Teams
Contact
About me
Trash

Isabel Correa · AI Creative Producer & UX/UI Designer

AI Creative Producer with 6+ years of experience producing AI-driven content for global brands. Currently at Accenture Spain on the BBVA Italy & Germany project: end-to-end production of digital assets — motion, AI video, UX/UI web — using generative AI tools in multimarket environments. Pioneer in AI video production within the project and co-leader of internal creative innovation initiatives. Independently building AI agent and creative workflow projects: BriefCanvas, an ideation agent that turns a creative brief into three complete visual directions with its own identity, orchestrated in n8n. Profile focused on empowering teams with end-to-end AI production capabilities.

Based in Spain · Available for remote work · English B2/C1 · Spanish native

Contact: isacorreaur@gmail.com · linkedin.com/in/isacorrea97

Skills & Tools

Generative AI

Claude, Claude Code, Runway, MidJourney, Adobe Firefly, Gemini, Sora, ChatGPT, n8n workflow automation

Design & Video

Figma, Photoshop, Illustrator, After Effects, Premiere Pro, InDesign, Lightroom, Klaviyo

Disciplines

AI Creative Production, Creative Operations, Art Direction, Creative Direction, Motion Design, UX/UI Design, Branding, Visual Identity, Photography, Paid Media, Interactive HTML Experiences, B2B Content, Email Marketing

Collaboration

Notion, Slack, Google Workspace, Jira, Monday, Microsoft Teams

Professional Experience

AI Creative Producer — Multimedia & UX Designer · Accenture Spain

February 2025 – Present · Remote · BBVA Italy & Germany project · Direct collaboration with client in English

Generative AI · Motion & Video · UX/UI Web · Paid Media · Multimarket

End-to-end production of digital assets for BBVA in two international markets: explainer video, animations, GIFs and motion graphics for web, paid media and social media. Pioneer in AI video implementation in the project (Italy + Germany): TikTok Ads pieces created entirely with AI (video + generative voice), opening new production lines and reducing delivery times. Definition of motion graphics guidelines for brand videos in both markets: rhythm, animated typography, graphic treatment and cross-market consistency. Design and optimisation of landing pages and web pages (public and private) with focus on conversion, usability and coherence with BBVA's global design system. Integration of Adobe Firefly, Runway and MidJourney into production workflows to accelerate delivery and create differentiated content at scale. Direct coordination with client teams (web, CRM, social) in English: briefings, validations and defence of creative proposals. Design and implementation of immersive interactive HTML experiences with visual weight and UX/UI logic, generated with Claude Code as an alternative to corporate PowerPoint, reducing production times by ~60% and improving per-client personalisation. Development of AI creative tool workflows, orchestrated in n8n. Training and embedding of these capabilities in the creative team. Co-leading new client presentation strategy based on vibe-code with direct impact on C-suite pitches.

Senior Graphic Designer · City Sightseeing Worldwide

August 2024 – March 2025 · Hybrid · Seville · London · Dubai · Abu Dhabi

Creative Direction · Motion Graphics · Paid Media · Multicultural Adaptation

Creative direction of international campaigns for UK and UAE markets, adapting visual identity and storytelling to different cultural contexts. Design of the official kiosk at Piccadilly Circus, London (2025): culturally adapted visual storytelling, from concept to final execution. Production of digital content, motion graphics and assets for paid media; integration of creative AI in ideation and visual production.

Mid Graphic Designer · Hannun

May 2021 – February 2024 · Remote · Barcelona

Branding · Motion · B2B Photography · Email Marketing

Creation of visual content for campaigns, product launches and digital branding (paid and organic). Motion graphics, GIFs and B2B materials: catalogues, banners and social media assets. Art direction and B2B photography; design and automation of newsletters with Klaviyo.

Junior Graphic Designer · Eye Inversiones Online

October 2020 – May 2021 · On-site · Marbella

Comprehensive management of brand identity, packaging, style guides and promotional materials as the sole designer on the project.

Portfolio Projects

Lume Mood — iOS Product Design & Design System

Product Design · Design System · Interaction Design · iOS · Figma · Claude · UX/UI

Lume Mood is an iOS emotional tracking app that turns the daily check-in into a sensorial gesture rather than a form. Full end-to-end product design process — concept, visual identity, design system, screens and flows in Figma — plus a functional interactive prototype built in HTML/CSS/JS using Claude. Solved a key tension no app in the category handles well: being fast in the moment, accumulating value over time, and feeling good to use, all at once. Five emotional states, a dual day/night palette, and a core Glow Pulse microinteraction.

The Phone Pitch — Interactive HTML Strategy Presentation

Interactive HTML · Strategy · UX/UI · AI · Claude Code · Front-end · Vibe-coding

A strategic proposal to change the way customers compare products on the website of a leading mobile company. Built inside a phone-shaped interface: on desktop it unfolds horizontally — like turning your phone to watch a video. Each section works like a standalone app with animated numbers on scroll, live charts, a five-pillar framework with projected metrics, and a real-time chat that lets the client ask questions during the presentation. Built end-to-end with Claude Code, reducing production time to a fraction of a traditional dev team.

BriefCanvas — Generative AI Creative Workflow (n8n)

Generative AI · n8n · Automation · Creative Direction · Workflow · Gemini · AI Agent

An AI ideation agent that turns any creative brief into three fully formed visual concepts in under a minute. Each concept includes its own colour palette, typeface, narrative, cultural references and AI-generated moodboard. Built in n8n with Gemini 2.5 Flash, 180+ structured JSON fields, and an interactive HTML output deck. BriefCanvas replaces the blank page with clarity: three complete creative directions, not random images.

Piccadilly Kiosk — Environmental Design, London 2025

Environmental Design · Signage · Branding · Project Management · City Sightseeing · London · Piccadilly Circus

Complete end-to-end design of the official physical kiosk at the Piccadilly Circus underground entrance for City Sightseeing Worldwide — one of the world's most iconic tourist and commercial landmarks. From visual conceptualisation to coordination with the London franchise operator, managing review rounds and ensuring brand coherence in a high-visibility physical environment.

Lanzarote Lifestyle Photography — Art Direction & Editorial

Photography · Art Direction · Editorial · Lifestyle · Organic Reach

A week in Lanzarote applying professional art direction to lifestyle photography. Raw light, clean framing, intentional composition. 83,682 organic Pinterest impressions, 5.3% engagement rate, 878 saves, 3,579 pin clicks. 38 pins, zero paid promotion.

Sony Pictures · Monster Hunter — International Finalist Illustration

Illustration · Flat Design · Competition · Sony Pictures · International

Flat design illustration created on iPad Pro for Sony Pictures' Monster Hunter international competition. Selected and officially shared by Sony Pictures across 8+ countries: UK, Russia, Italy, Belgium, Colombia, Latin America, Central America and Ukraine. Named a finalist.

Calendar-Reminder — macOS UX Productivity Tool

macOS · Vibe Coding · Google Calendar · UX · Animation · Productivity

A custom macOS notification system for Google Calendar meetings: a plane animation crossing the top of the screen carrying a banner with the meeting info and a direct join button. Designed to solve the problem of missing meetings due to standard notifications blending into background noise.

Education & Certifications