Projects Experience What I do AI Contact
ES EN
Download CV ↓
Andrea Blanco

Product Designer - Design systems - SaaS B2B

I design products: from idea to something you can test.

I'm Andrea. I design products end to end: from the problem to the design system and the build with development. I use AI to prototype fast and validate before anything gets built.

See projects How I use AI

Product work.

(01) - WORK

My work at

Clorian.

Product Designer - Apr 2024 - Present

  1. 01 Front-end redesign My own project, end to end
  2. 02 SaaS products Maintenance and evolution

01 Front-end redesign - Feb 2025 - Present

A new ticketing website for every client

I redesigned from scratch the ticketing website all of Clorian's clients use, mobile first.

Pillars Accessibility Conversion-focused UX/UI
My role
Lead and sole designer
Scope
Design system and every screen
Status
Live since Sep 2026

Before and after

A few examples of components that are already live, from a redesign that covers the whole purchase flow.

Before
Now

    The challenge

    One base for every brand that was accessible and converted better, especially on mobile.

    What I did

    The design system from scratch and every screen.

    Result

    Fewer support issues and a clean handoff to development.

    02 SaaS products - Maintenance and evolution

    I'm also the go-to designer for Clorian's SaaS products, which already existed when I joined: I maintain them and keep them evolving.

    • Admin
    • Boxoffice
    • CGR
    • Sellers
    • ATM
    More projects Drag to explore

    1. Mini project - Designing with AI - 2026

      This portfolio

      From a generalist website to a Product Designer portfolio, iterated with Claude.

      See project →

    2. Mini project - Vibe coding - 2026

      Pixel

      Designing and building this site's mascot with AI.

      See project →

    3. Personal project - Web design - 2026

      Website for a combat sports coach

      Landing page for a combat sports strength and conditioning coach.

      See project →
    4. Capricho de Gaudí ticket purchase on mobile

      Clorian - Client website - 2025

      Capricho de Gaudí

      Redesign of the online ticket purchase.

      Visit site ↗
    5. Museo Reina Sofía ticket purchase on mobile

      Clorian - Client website - 2024

      Museo Reina Sofía

      Tickets for the collection and the exhibitions.

      Visit site ↗
    6. Fundació Sorigué ticket purchase on mobile

      Clorian - Client website - 2024

      Fundació Sorigué

      Ticketing for the contemporary art collection.

      Visit site ↗
    7. Club Natació Terrassa website on a laptop

      Web design and development - 2023

      Club Natació Terrassa

      A refresh of the club's website.

      Visit site ↗
    8. eur2j website on a phone

      Web design and development - 2022

      eur2j

      Design and front-end build of the corporate website.

      Visit site ↗
    01 / 08

    Where I've worked.

    (02) - EXPERIENCE

    Clorian

    Product Designer Expanded role

    May 2026 - Present

    I design all our internal products, full time.

    UX/UI Designer & Front-end

    Apr 2024 - Apr 2026

    Half design, half front-end build, on a single project.

    Apr 2024 - Present

    Club Natació Terrassa

    Web design and development

    2023

    Grupo Planeta

    Web design and development internship

    2022

    (03) - WHAT I DO

    Product, systems and code.

    01

    Product design

    Products end to end, from the problem to the build. Further down I walk you through how I do it.

    FigmaUser flowsWireframingPrototypingAccessibility (WCAG)

    02

    AI in my workflow

    I use AI for the mechanical work: HTML prototypes you can actually test, variants in Figma and my own skills that automate handoff steps. That leaves more time to decide what to design.

    Claude CodeFigma AIHTML prototypingCustom skills

    03

    Design systems

    A design system from scratch in Figma, with components, variants, tokens and variables ready for multi-client theming.

    Design tokensVariablesDev ModeTheming

    04

    Close to the code in collaboration

    I build in HTML, CSS and Handlebars on top of existing templates. I don't build from scratch, but I speak development's language, and that shortens the handoff.

    HTMLCSSHandlebarsGit

    How I work.

    (04) - PROCESS

    Six steps from the first question to production. They repeat as many times as the product needs.

    1. 01

      Understand

      I define the problem with Product: what hurts, for whom, and how we'll know it's solved.

    2. 02

      Structure

      User flows and wireframes before drawing screens.

    3. 03

      Design

      Screens in Figma on top of the design system, with their states and edge cases.

    4. 04

      Prototype

      In Figma or in HTML with Claude, to test the flow before committing development time.

    5. 05

      Hand off

      Specs, tokens and components ready for development, with accessibility sorted.

    6. 06

      Follow through

      I follow the build in Scrum and review what gets built until it ships.

    (05) - AI applied to design

    AI takes the mechanical work off my plate. I still make the decisions.

    I use it to go quickly from an idea to something you can test:

    • Claude to organise ideas, write copy and prototype flows in HTML that can be tested before committing development time.
    • Claude Code with a skill I built that turns Figma designs into WordPress themes.
    • Claude Projects with the product documentation, to keep a very large legacy product consistent.

    Outside work I build personal projects with AI and vibe coding: it's how I keep learning and test ideas without waiting for someone to prioritise them.

    ClaudeClaude CodeFigma AIHTML prototyping

    About me and contact.

    (06) - ABOUT ME

    About me

    4+ years designing digital products.

    Download CV (PDF) ↓

    Contact

    Shall we talk?

    If you have a role or a project in mind, drop me a line.

    andreapwyt@gmail.com

    Send an email