Delfina López Matallana
← Trabajos UX/UI · Design system · App

Marina de Empresas

Un sistema de diseño único para Marina de Empresas y sus marcas, y productos internos para más de 150 startups.

Rol
Diseñadora UX/UI
Cuándo
feb — ago 2025
Dónde
Valencia
Marcas
Marina de Empresas · EDEM · Lanzadera · Angels
[BASE] Design System MdE: identidad visual, brutalismo, empresa
[BASE] Design System MdE: identidad visual, brutalismo, empresa

El punto de
partida.

Marina de Empresas es el ecosistema emprendedor que reúne a EDEM, Lanzadera y Angels. Cada marca tiene sus propios productos digitales para startups, inversores y alumnos.

Mi trabajo fue rediseñar productos internos que usan más de 150 startups, mejorando sus procesos de evaluación, formación y seguimiento, y darles una base común.

Un sistema para
todo el ecosistema.

Implementé un sistema de diseño único para las tres marcas bajo el paraguas de Marina de Empresas: unos mismos estilos y componentes que cada marca adapta con su propia identidad.

Cada componente está documentado con sus usos, especificaciones y registro de actualizaciones, y el sistema incluye instrucciones de uso y una nomenclatura común para que cualquier equipo pueda trabajar con él.

Lo que incluye la librería

  • Avatar
  • Barras de progreso
  • Botones
  • Buscador
  • Cards
  • Date picker
  • Desplegables
  • Empty states
  • Estados
  • Etiquetas de estado
  • Filtros
  • Footer
  • Forms
  • Gráficos
  • Iconos
  • Ilustraciones
  • Inputs
  • Logos
  • Menú
  • Modal
  • Navegación
  • Onboarding
  • Radio button y checkbox
  • Selectores
  • Tablas
  • Tabs
  • Tags
  • Textos
  • Toggle
Un color principal para cada marca —MdE, EDEM, Lanzadera y Angels— con acentos, grises y colores de estado comunes
Un color principal para cada marca —MdE, EDEM, Lanzadera y Angels— con acentos, grises y colores de estado comunes
Escala tipográfica compartida: títulos y textos
Escala tipográfica compartida: títulos y textos
Botones con sus tamaños y estados
Botones con sus tamaños y estados
Empty states ilustrados, en su versión para Lanzadera
Empty states ilustrados, en su versión para Lanzadera

La plataforma de
aceleración de Lanzadera.

Para Lanzadera diseñé la plataforma con la que las startups siguen su programa de aceleración: qué sesiones tienen cada semana, cómo va su rendimiento y cuánto están aprovechando el programa. Una experiencia en móvil para las personas emprendedoras y otra para el equipo de Lanzadera que acompaña a cada startup.

  1. Tu plan: planificación semanal de sesiones, formaciones y retos.
  2. Rendimiento y aprovechamiento: métricas para ver cómo avanza cada startup en el programa.
  3. Seguimiento con feedback gamificado que motiva a seguir.
  4. Flujos para valorar formaciones, pedir mentorías, solicitar perks y completar la evaluación mensual.
Plataforma de aceleración de Lanzadera: diseño de producto
Plataforma de aceleración de Lanzadera: diseño de producto
Home: rendimiento, aprovechamiento y tu día de hoy
Home: rendimiento, aprovechamiento y tu día de hoy
Tu plan: el progreso del programa, semana a semana
Tu plan: el progreso del programa, semana a semana
Calendario de sesiones del mes
Calendario de sesiones del mes
Seguimiento: revisa cómo va tu progreso
Seguimiento: revisa cómo va tu progreso

De las historias de usuario
al prototipo.

Partí de las necesidades reales de quien usa la plataforma, escritas como historias de usuario: “Como emprendedor necesito saber qué sesiones tengo en mi plan para poder organizarme y prepararlas” o “…conocer los detalles de las sesiones antes de ir para gestionar mis expectativas”.

De ahí, el proceso completo: research, conceptualización del producto, wireframes y flujos, diseño, producción y un prototipo testeado con usuarios en febrero de 2025. Todo construido con los componentes del sistema de diseño en su versión Lanzadera.

Onboarding por pasos
Onboarding por pasos
Gráficos del sistema para visualizar métricas, en la versión de Lanzadera
Gráficos del sistema para visualizar métricas, en la versión de Lanzadera

Cómo
trabajé.

Con equipos de desarrollo y negocio en metodología ágil (Scrum), validando de forma continua con entrevistas y tests de usabilidad. Creé wireframes, flujos y prototipos funcionales en Figma, y diseñé soluciones digitales para startups, inversores y alumnos.

El
resultado.

Más coherencia visual entre equipos y un producto que la gente usa más.

  • −40%

    de tiempo de diseño gracias al sistema único.

  • +35%

    de uso mensual de la app para emprendedores.

  • +150

    startups usan los productos internos rediseñados.

¿Hablamos?

d.lopezmatallana@gmail.com ↗

Busco un puesto de diseño gráfico o UX/UI. En Valencia, en presencial o cualquier modalidad; en el resto de España, en remoto. Si crees que encajo en tu equipo, me encantará hablar contigo.

© 2026 Delfina López MatallanaDiseño gráfico · UX/UI · Valencia