Diseño de producto

Diseño de producto para startups, SaaS y equipos de IA: recorridos clave, UI para apps web y móviles, y un sistema de diseño que mantiene el producto coherente.

La mayoría de productos SaaS no se diseñan: se acumulan. Sale una funcionalidad, luego otra, hasta que el producto funciona pero parece un conjunto de herramientas sueltas. Diseño apps web, plataformas SaaS y apps móviles para startups y equipos tecnológicos, desde la estructura y los recorridos clave hasta cada pantalla y el sistema de diseño que las sostiene.

Para ChromaAI, una plataforma de contenido con IA, eso supuso rediseñar más de 100 pantallas y crear un único sistema de diseño para más de 10 herramientas de IA en unas ocho semanas, además de la web y un vídeo de lanzamiento.

Qué incluye

  • Auditoría: todas las pantallas y todos los estados, uno al lado del otro, y dos o tres objetivos que el trabajo debe cumplir.
  • Recorridos clave: las tres, cuatro o cinco cosas que los usuarios vienen a hacer, diseñadas primero.
  • Estructura y navegación: una misma maquetación para cada funcionalidad y una navegación que siempre dice dónde estás.
  • Diseño de UI para web y móvil, con todos los estados: vacío, carga, error y éxito.
  • Sistema de diseño: componentes con variantes para cada estado, definidos una vez en Figma, para diseñar y desarrollar más rápido cada novedad.
  • Lanzamiento: la web y las piezas de lanzamiento actualizadas para que encajen con el producto.

Cómo lo enfoco

Primero el sistema, después las pantallas. Acordar pronto la maquetación, la navegación y los componentes principales hace que cada pantalla que se diseña después encaje. Luego el rediseño se despliega recorrido a recorrido, empezando por el más usado, para no sorprender a los usuarios actuales.

La lista completa que sigo está en la checklist de rediseño SaaS en 12 puntos.

Cómo funciona un proyecto

Cuatro pasos claros, seguimiento diario y nada de suposiciones, para que cada proyecto avance según lo previsto y llegue a tiempo.

  1. 01Reunión de arranque. Definimos objetivos, alcance y plazos, y te enviamos una factura clara para que sepas exactamente qué incluye.
  2. 02Inicio del proyecto. En cuanto se confirma el pago, nos ponemos manos a la obra para no perder ritmo y cumplir tu fecha de lanzamiento.
  3. 03Seguimiento diario. Cada día recibes una breve actualización o un avance visual, para que el feedback sea rápido y nada se desvíe.
  4. 04Entrega y ajustes. Te entregamos los archivos listos para lanzar, con margen para una última revisión o ajuste antes de cerrar.

Trabajos seleccionados

Casos de estudio

Preguntas frecuentes

¿Cuánto se tarda en rediseñar un producto SaaS?

En ChromaAI fueron unas ocho semanas para más de 100 pantallas, un sistema de diseño, la web y un vídeo de lanzamiento. Un producto más pequeño o un solo flujo puede llevar de dos a cuatro semanas.

¿Conviene rediseñarlo todo a la vez?

Normalmente no. Primero se diseñan el sistema y los recorridos clave, y después el rediseño se despliega paso a paso. Así se reducen los riesgos y las mejoras llegan antes a los usuarios.

¿Un producto pequeño necesita un sistema de diseño?

Uno ligero, sí: componentes compartidos, una escala tipográfica, colores y espaciados. Mantiene el producto coherente a medida que crece y agiliza el diseño y el desarrollo.

¿Cuándo podemos empezar?

Depende de la agenda del momento. Escríbeme con tu proyecto y tu fecha límite, y te respondo en menos de 24 horas con mi disponibilidad.