PORTFOLIO · 2026

DIGITAL
PRODUCTdesigner.

THE APPROACH

END TO END

frame, design, build, run.

SCROLL

Design is being remade by AI, and I'd rather be honest about it than nostalgic.

Seven years of brand, editorial, marketing and UX have folded into one practice: I take a problem from framing to a working product — AI does the heavy lifting, I make the calls. The two products above are built that way. So is this site.

Marian · Product designer · Bangkok

03 · Process

How I work now.

The honest version: AI multiplies how much I can explore and how fast I can build, and every call about what's good enough still lands on my desk.

FrameProblem first

Research and positioning before pixels: what the problem actually is and who it's for. Claude works as a research partner over my own notes, briefs and reference boards; the framing call is mine.

DesignSystem, not screens

Flows, interface and visual identity in one motion: brand thinking applied to product surfaces. Every decision is documented so the system survives without me in the room.

BuildWorking software

I ship the real thing, not a handoff deck: React and Unity with Claude Code as a pair. Design decisions get tested against the actual screen, the actual frame budget.

RunUsed, then iterated

Products get used daily and improved from real behaviour — the roadmap is whatever this week's use exposed. Baki has been in daily service since it shipped.

The stackFigmaAdobe CSClaude CodeClaude DesignUnityBlenderNext.js / ReactFastAPI

04 · Timeline

Work Experience

Seven years, one habit: turning one-off design requests into systems other people can run — until the systems became products of my own.

2026

Graphic Designer · Sales Enablement

2025 – 2026 · Contract · Remote

Mid Ocean (Netherlands)

Designed commercial systems for a Dutch B2B sales team: presentations, product sheets and branded assets, built so departments could produce on-brand material at volume without waiting on a designer.

Brand SystemsSales EnablementB2BFigma
2025

Visual Designer

Jan – Apr 2025 · Freelance · Remote

Vidico

Produced digital and commercial materials from brief to delivery, keeping product visuals, proposals and presentations consistent across an international remote team.

Systems DesignFigmaBrand Consistency
2025

Brand & Commercial Design

2025 · Full-time · Bangkok

Asian Spirit

Designed bilingual proposal systems for a B2B travel company: structured source data and locked Figma templates, so sales could turn a brief into a clean ES/EN proposal on their own.

Product designWorkflow automationBilingual ES/ENSustainable travel
2024

Freelance Graphic Designer

2020 – 2024 · Remote worldwide

Self-Employed

Owned design projects end to end for international clients, moving between brand assets, digital products and commercial systems with direct responsibility from brief to delivery.

Brand AssetsDigital Products3D
2020

Digital Product Designer

2020 – 2021 · Barcelona

ādesign studio

Designed interactive digital catalogs and product presentations around browse, compare and present workflows, connecting visual clarity with practical product use.

Product DesignSystems DesignUsability
MLProduct designer
Marian López

05 · About

Digital product, system-minded.

I design digital products — the flows, the interface system, the brand logic underneath, and the small decisions that make a screen feel obvious the first time you use it.

My background is brand systems and commercial design; product is the same discipline applied closer to behavior — rules first, then the interaction that follows. The work I like best sits between product and identity: useful tools, B2B workflows, AI-assisted products.

Product StrategyUX Flows & InteractionUI SystemsBrand SystemsAI-assisted WorkflowSolo Shipping

Selected clients

Mid OceanGarminVidicoAsian Spiritādesign

06 · Colophon

This site is the method, running.

This site is one of the products. Here’s exactly how it was made — the same frame → design → build → run I’d bring to a client.

Frame

Design language, built first

“Aura,” a custom liquid-glass system: tokens for iridescence, nested radii, grain and a light/dark that both had to hold. There is no UI kit underneath.

Design

Next.js, on purpose

App Router, React, TypeScript and Tailwind, with Framer Motion for the scroll-driven reveals, hero aurora and cursor work. Chosen because it ships: static export, fast loads, nothing to babysit.

Build

Claude Code as the pair

I directed; it executed. Every architecture call, copy decision and design fix passed through my hands before it stayed.

Build

Imagery from written briefs

Hero scene, project covers and textures generated in Claude Design from prompts I wrote and art-directed, then colour-graded into the Aura language before they touch a page.

Run

Motion proof, captured live

The Baki walkthrough isn’t a mockup: it’s the real app recorded against a throwaway demo database, so the product moves on screen with no personal data exposed.

Run

Shipped and maintained

Deployed on Cloudflare Pages, push-to-main. Accessibility, reduced-motion and both colour modes audited: the same finish I’d hold a client build to.

If the workflow that built this site is the workflow you need, that’s the whole pitch.

07 · Contact

Let's work together.

Available for digital product work, research through to shipped. Tell me what you're building.

Opens in your email app, or write to mlopez96.contact@gmail.com.