Diseño UX / UI

Un diseño que aguanta el desarrollo

Una pantalla magnífica pero inviable cuesta el doble: una vez por dibujarla y otra por renegociarla. Como desarrollamos lo que diseñamos, la maqueta validada es la que llega a producción.

Qué entregamos

• Flujos de usuario: las pantallas clave y los caminos entre ellas
• Maquetas de escritorio y móvil de cada pantalla, no solo de la portada
• Sistema de componentes reutilizables, con sus estados
• Estados vacíos, de carga y de error, demasiadas veces olvidados
• Contrastes y tamaños conformes a los criterios de accesibilidad

Las pantallas que de verdad importan

En una plataforma, el valor no se juega en la portada sino en el panel, el formulario de registro y la página de pago. Ahí dedicamos la mayor parte del tiempo de diseño.

Plazo y presupuesto

Desde 4.500 € para una web, de dos a cuatro semanas. Incluido sin coste adicional cuando el diseño acompaña a un desarrollo que realizamos nosotros.

Por qué no vendemos el diseño por separado, salvo excepción

Un diseño entregado a otro proveedor para su integración casi siempre se degrada: los estados no dibujados se improvisan, los espaciados se desvían, los componentes se duplican y nadie se responsabiliza de la diferencia. Preferimos diseñar lo que desarrollamos.

Hacemos una excepción cuando tienes un equipo técnico interno: en ese caso entregamos un sistema de componentes documentado, con los estados y las reglas de uso, utilizable sin nosotros.

Los estados que nadie dibuja, y que son la mitad de la experiencia

Una pantalla no existe en un solo estado. Hay la carga, el caso en que no hay nada que mostrar, el error, la lista demasiado larga, el texto demasiado largo, el campo inválido, el permiso denegado. Estos casos representan una parte considerable del tiempo real de uso de un producto y casi siempre faltan en las maquetas, y por eso tantas interfaces parecen cuidadas en una demostración y resultan frustrantes en el uso. Nosotros los dibujamos.

La accesibilidad, tratada como una restricción de diseño

Contrastes suficientes, tamaños de objetivo táctil, navegación completa por teclado, etiquetas explícitas, jerarquía de títulos coherente, textos alternativos. Añadida después, la accesibilidad cuesta rehacer por completo las maquetas; tratada desde el diseño, no cuesta casi nada. Además mejora el posicionamiento, porque las mismas señales sirven a los motores de búsqueda.

Las pantallas que de verdad importan

En una plataforma, el valor no se juega en la portada sino en el panel, el formulario de registro y la página de pago. En una tienda, en la ficha de producto y el proceso de pago. Repartimos el tiempo de diseño según lo que genera facturación, no según lo que da una bonita imagen de presentación.

Qué recibes

• Un archivo de Figma organizado, nombrado y comentado
• Los recorridos de usuario: pantallas clave y caminos entre ellas
• Las maquetas de escritorio y móvil de cada plantilla
• El sistema de componentes reutilizables, con todos sus estados
• Los tokens de color, espaciado y tipografía
• Los estados vacíos, de carga y de error

El archivo es tuyo. Si cambias de proveedor, sigue siendo utilizable.

Qué no incluye

La creación de una identidad de marca completa: logotipo, manual, universo fotográfico. Trabajamos con tu identidad existente y te orientamos hacia un estudio especializado cuando hay que construirla.