Proyectos Experiencia Qué hago IA Contacto
ES EN
Descargar CV ↓
Andrea Blanco

Product Designer - Design systems - SaaS B2B

Diseño producto: de la idea a algo que se puede probar.

Soy Andrea. Diseño producto de principio a fin: del problema al design system y a la implementación con desarrollo. Uso la IA para prototipar rápido y validar antes de desarrollar.

Ver proyectos Cómo uso la IA

Casos de producto.

(01) - WORK

Mi trabajo en

Clorian.

Product Designer - Abr 2024 - Hoy

  1. 01 Rediseño del front Proyecto propio, de principio a fin
  2. 02 Producto SaaS Mantenimiento y evolución

01 Rediseño del front - Feb 2025 - Hoy

Una web de venta de entradas nueva para todos los clientes

Rediseñé desde cero la web de venta de entradas que usan todos los clientes de Clorian, pensando primero en el móvil.

Pilares Accesibilidad UX/UI orientado a conversión
Mi rol
Responsable y única diseñadora
Alcance
Design system y todas las pantallas
Estado
En producción desde sep 2026

Antes y después

Algunos ejemplos de componentes que ya están en producción, de un rediseño que abarca todo el proceso de compra.

Antes
Ahora

    El reto

    Una base para todas las marcas que fuera accesible y convirtiera más, sobre todo en móvil.

    Qué hice

    El design system desde cero y todas las pantallas.

    Resultado

    Menos incidencias y un handoff limpio para desarrollo.

    02 Producto SaaS - Mantenimiento y evolución

    También soy la diseñadora de referencia de los SaaS de Clorian, que ya existían cuando llegué: los mantengo y los hago evolucionar.

    • Admin
    • Boxoffice
    • CGR
    • Sellers
    • ATM
    Más proyectos Arrastra para explorar

    1. Mini proyecto - Diseño con IA - 2026

      Este portfolio

      De una web generalista a un portfolio de Product Designer, iterado con Claude.

      Ver proyecto →

    2. Mini proyecto - Vibe coding - 2026

      Pixel

      Diseño y construcción con IA de la mascota de esta web.

      Ver proyecto →

    3. Proyecto propio - Diseño web - 2026

      Web para un entrenador de deportes de combate

      Landing para un preparador físico de deportes de combate.

      Ver proyecto →
    4. Compra de entradas de Capricho de Gaudí en móvil

      Clorian - Web de cliente - 2025

      Capricho de Gaudí

      Rediseño de la compra de entradas online.

      Ver web ↗
    5. Compra de entradas del Museo Reina Sofía en móvil

      Clorian - Web de cliente - 2024

      Museo Reina Sofía

      Venta de entradas para la colección y las exposiciones.

      Ver web ↗
    6. Compra de entradas de la Fundació Sorigué en móvil

      Clorian - Web de cliente - 2024

      Fundació Sorigué

      Ticketing para la colección de arte contemporáneo.

      Ver web ↗
    7. Web del Club Natació Terrassa en un portátil

      Diseño y desarrollo web - 2023

      Club Natació Terrassa

      Renovación de la web del club.

      Ver web ↗
    8. Web de eur2j en un móvil

      Diseño y desarrollo web - 2022

      eur2j

      Diseño y maquetación de la web corporativa.

      Ver web ↗
    01 / 08

    Dónde he trabajado.

    (02) - EXPERIENCIA

    Clorian

    Product Designer Rol ampliado

    May 2026 - Hoy

    Diseño todos los productos internos, a tiempo completo.

    UX/UI Designer & Front-end

    Abr 2024 - Abr 2026

    Mitad diseño, mitad maquetación, en un solo proyecto.

    Abr 2024 - Hoy

    Club Natació Terrassa

    Diseño y desarrollo web

    2023

    Grupo Planeta

    Prácticas en diseño y desarrollo web

    2022

    (03) - QUÉ HAGO

    Producto, sistema y código.

    01

    Diseño de producto

    Producto de principio a fin, del problema a la implementación. Abajo te cuento cómo lo hago paso a paso.

    FigmaUser flowsWireframingPrototipadoAccesibilidad (WCAG)

    02

    IA en el flujo de trabajo

    Uso la IA para lo mecánico: prototipos HTML que se pueden probar, variantes en Figma y skills propios que automatizan pasos del handoff. Así dedico más tiempo a decidir qué diseñar.

    Claude CodeFigma AIPrototipado HTMLSkills propios

    03

    Design systems

    Design system desde cero en Figma, con componentes, variantes, tokens y variables preparados para theming multicliente.

    Design tokensVariablesDev ModeTheming

    04

    Cerca del código en colaboración

    Maqueto en HTML, CSS y Handlebars sobre plantillas existentes. No construyo desde cero, pero hablo el idioma de desarrollo y eso acorta el handoff.

    HTMLCSSHandlebarsGit

    Cómo trabajo.

    (04) - PROCESO

    Seis pasos desde la primera pregunta hasta que está en producción. Se repiten tantas veces como el producto necesite.

    1. 01

      Entender

      Defino el problema con Producto: qué duele, a quién y cómo sabremos que está resuelto.

    2. 02

      Ordenar

      User flows y wireframes antes de dibujar pantallas.

    3. 03

      Diseñar

      Pantallas en Figma sobre el design system, con sus estados y casos límite.

    4. 04

      Prototipar

      En Figma o en HTML con Claude, para probar el flujo antes de comprometer desarrollo.

    5. 05

      Entregar

      Specs, tokens y componentes listos para desarrollo, con la accesibilidad resuelta.

    6. 06

      Acompañar

      Sigo la implementación en Scrum y reviso lo que se construye hasta que sale.

    (05) - IA aplicada al diseño

    La IA me quita el trabajo mecánico. Las decisiones las sigo tomando yo.

    La uso para pasar rápido de una idea a algo que se puede probar:

    • Claude para ordenar ideas, escribir copy y prototipar en HTML flujos que se pueden probar antes de comprometer desarrollo.
    • Claude Code con un skill propio que convierte diseños de Figma en temas de WordPress.
    • Proyectos de Claude con la documentación del producto para mantener la coherencia en un producto heredado muy grande.

    Fuera del trabajo hago proyectos personales con IA y vibe coding: es mi forma de seguir aprendiendo y de probar ideas sin esperar a que alguien las priorice.

    ClaudeClaude CodeFigma AIPrototipado HTML

    Sobre mí y contacto.

    (06) - SOBRE MÍ

    Sobre mí

    Más de 4 años diseñando producto digital.

    Descargar CV (PDF) ↓

    Contacto

    ¿Hablamos?

    Si tienes un puesto o un proyecto en mente, escríbeme.

    andreapwyt@gmail.com

    Enviar un email