Diseño UI/UX

Diseño UI/UX por quienes también lo construyen

Cloudnonic diseña interfaces de producto para fundadores y equipos de producto que necesitan pantallas que salgan a producción, no un deck. Los mismos ingenieros senior que construirán el producto llevan el trabajo de diseño: flujos de usuario, arquitectura de información, un sistema de diseño y pantallas listas para producción en Figma, contrastadas con el modelo de datos y las APIs antes de que nadie escriba una línea de código de interfaz. Se ofrece por separado con un alcance definido, o como las primeras semanas de un proyecto de producto.

Qué incluye

Descubrimiento y flujos de usuario

Lo que tus usuarios necesitan conseguir, convertido en flujos y en un inventario de pantallas. Partimos de las decisiones que el producto tiene que sostener, no de una plantilla.

Arquitectura de información que encaja con el modelo de datos

Navegación, nomenclatura y estados contrastados con las entidades y permisos reales de tu sistema, para que el diseño no prometa lo que el backend no puede hacer.

Sistema de diseño

Tokens, componentes y estados en Figma con correspondencia directa con la librería de componentes con la que construimos, en React y Tailwind. Una sola fuente de verdad para diseño e ingeniería.

Pantallas listas para producción

Cada pantalla en cada estado: vacío, cargando, error, contenido largo, móvil. La entrega es un prototipo navegable con pantallas anotadas, no un PDF.

Pruebas de usabilidad

Sesiones cortas con usuarios reales o expertos del dominio antes de construir, y revisiones instrumentadas tras el lanzamiento, para que los cambios sigan lo que la gente hace de verdad.

Cómo trabajamos contigo

Cómo trabajamos contigo

El diseño es, o bien un trabajo de alcance fijo con un entregable definido, o la fase inicial de un proyecto con equipo de producto en el que las mismas personas siguen en la construcción. En ambos casos un ingeniero senior participa en cada revisión de diseño; así las pantallas se mantienen honestas respecto a esfuerzo y viabilidad.

Tu equipo de producto · Lo que evita: Un prototipo que nunca llega a ser plataforma y una contratación de CTO antes de que el producto la merezca.

Los dos modelos de colaboración →

Stack que usamos

Elegido por proyecto. Escogemos lo que tu equipo pueda operar después de nosotros, no lo que está de moda.

  • Figma
  • React
  • Next.js
  • Tailwind CSS
  • Tailwind CSS
  • Next.js
  • React
  • Figma

Qué sale mal, y qué decidimos en su lugar

  1. Diseñar antes de conocer el modelo de datos

    Se aprueban pantallas que presuponen relaciones, roles o estados que el sistema no tiene. El rediseño ocurre después en código, en el momento más caro.

    Lo que cuesta

    Semanas de retrabajo al final de la construcción y un producto que sale con el compromiso en lugar del diseño.

    Cómo decidimos

    Ponemos el modelo de datos y las reglas de permisos sobre la mesa en la primera semana de diseño, y diseñamos los estados, no solo el camino feliz.

  2. Una agencia de diseño que entrega un deck

    Llega un archivo de Figma impecable sin estados, sin correspondencia con componentes y sin nadie responsable de cómo se comporta en un teléfono.

    Lo que cuesta

    Los ingenieros rellenan los huecos por su cuenta y el producto se aleja del diseño en el primer sprint.

    Cómo decidimos

    Los ingenieros que construyen el producto están en el trabajo de diseño desde el primer día, y la entrega es un prototipo más un sistema de diseño que corresponde a la librería de componentes.

  3. Rediseñar todo el producto de golpe

    Una renovación visual completa llega como un único gran lanzamiento, mezcla cambios de marca con cambios de flujo y hace imposible atribuir cada regresión.

    Lo que cuesta

    Pérdida de confianza de los usuarios, un pico de soporte en el lanzamiento y ninguna forma de saber qué cambio causó qué caída.

    Cómo decidimos

    Rediseñamos flujo a flujo con la misma cadencia de entregas que el resto del trabajo, y medimos cada paso.

Preguntas frecuentes

¿Hacéis diseño sin construir el producto?

Sí, como alcance definido: flujos, sistema de diseño y pantallas listas para producción con un prototipo navegable. La mayoría de los clientes mantiene después el mismo equipo para la construcción, porque quienes diseñaron las pantallas ya conocen el modelo de datos y las restricciones.

¿Quién hace el trabajo de diseño en Cloudnonic?

Ingenieros de producto senior con experiencia en diseño, trabajando en Figma, con un especialista en UX para las fases con mucha investigación. No hay un departamento de diseño separado que pase el trabajo por encima de un muro; quienes diseñan están en la construcción.

¿Qué recibimos al final?

Un archivo de Figma con el sistema de diseño y cada pantalla en cada estado, un prototipo navegable y una justificación escrita de las decisiones principales. Si seguimos con la construcción, la librería de componentes implementa los mismos tokens.

¿Cuánto dura una fase de diseño?

Para un producto con alcance definido, entre tres y seis semanas desde el arranque hasta las pantallas listas para producción. Las plataformas grandes se diseñan flujo a flujo junto con la construcción, no todo por adelantado.

Construido a la manera AI-Native

Todos los servicios de esta página se entregan con nuestro proceso AI-Native: especificaciones como fuente de verdad, agentes en el pipeline y un ingeniero con nombre que aprueba en staging.

Cómo construimos con IA →

¿Quieres ver cómo funcionaría para tu producto?

Agenda una llamada y repasamos tu arquitectura, tus limitaciones y cómo serían los primeros noventa días.Agendar consulta técnica
CLOUDNONICCLOUDNONICCLOUDNONIC