Diseño web · UX/UI

Webs que se entienden sin instrucciones.

Investigamos cómo usan la web tus clientes y diseñamos cada pantalla para que encuentren lo que buscan, confíen en ti y den el siguiente paso.

Estatua de un hombre con casco de obra, bolsa de compras y un plano enrollado, todo en Azul Pixel
Por qué importa

Si tus clientes se pierden, no compran.

Una web puede verse increíble y aun así perder clientes: menús confusos, formularios eternos, botones que no se ven en el celular. El diseño UX/UI resuelve eso antes de que cueste dinero.

Nuestro director de UX guía cada proyecto. Empezamos por entender a tus usuarios y tus objetivos, ordenamos el contenido y probamos la estructura con prototipos. El diseño visual llega cuando ya sabemos que la experiencia funciona.

Qué incluye

De la investigación al último pixel.

Cada entregable tiene un propósito y se revisa contigo antes de avanzar a la siguiente etapa.

Estatua de Atenea que revisa un celular Azul Pixel con una lupa
Mobile primeroDiseñamos para la pantalla que más usan tus clientes.
  1. Investigación

    Entrevistas, análisis de competencia y revisión de tu sitio actual y sus datos.

  2. Arquitectura de información

    Mapa del sitio, navegación y jerarquía de contenidos.

  3. Wireframes

    La estructura de cada pantalla, sin distracciones visuales, para decidir lo importante.

  4. Prototipo navegable

    Haces clic y recorres el sitio antes de programarlo. Así se ajusta rápido y barato.

  5. Diseño de interfaz

    Diseño visual de cada pantalla en escritorio y móvil, con tu marca.

  6. Sistema de diseño

    Componentes, estilos y reglas para que tu web crezca sin perder consistencia.

Busto de mármol con audífonos Azul Pixel que habla frente a un micrófono
Accesibilidad

Diseñamos para todas las personas. También para Google.

Seguimos las pautas de accesibilidad WCAG 2.2 nivel AA: contraste suficiente, textos legibles, navegación con teclado y formularios claros. Una web accesible la usa más gente, cumple con la ley en más mercados y los buscadores la entienden mejor.

  • Contraste y tamaños de texto revisados.
  • Navegación completa con teclado y lector de pantalla.
  • Formularios con mensajes de error claros.
El proceso

Primero entendemos. Después diseñamos.

Cuatro etapas con entregables claros y tú dentro de las decisiones importantes.

  1. Descubrimiento

    Objetivos, usuarios, competencia y todo lo que ya sabes de tus clientes.

  2. Estructura

    Arquitectura de información y wireframes de las pantallas clave.

  3. Prototipo

    Lo recorres, lo probamos con usuarios y ajustamos antes de diseñar el detalle.

  4. Diseño final

    Interfaz completa en escritorio y móvil, lista para desarrollo.

Lo que dicen en Clutch

“Me dieron la impresión de que mi proyecto era tan importante para ellos como para mí.”

Ejecutivo de WordsVideojuego para móvil · Diseño UX/UI y brandingClutch

Reseña original en inglés en Clutch, traducida.

Preguntas frecuentes

Sobre diseño UX/UI.

¿Cuál es la diferencia entre UX y UI?

UX (experiencia de usuario) es cómo funciona tu web: qué encuentra la gente, en qué orden y qué tan fácil es lograr lo que vino a hacer. UI (interfaz) es cómo se ve: colores, tipografía, botones y detalles. Diseñamos ambas juntas.

¿Puedo contratar solo el diseño y programarlo con mi equipo?

Sí. Te entregamos el diseño en Figma con sus componentes y especificaciones, y acompañamos a tu equipo de desarrollo para que se construya tal como se diseñó.

¿Rediseñan sitios existentes?

Sí. Empezamos revisando qué funciona y qué no en tu sitio actual, con datos cuando los hay, para no tirar a la basura lo que sí sirve.

¿Diseñan también apps y plataformas?

Sí. Diseñamos interfaces para web apps, portales y paneles internos. Si además necesitas que las construyamos, revisa nuestro servicio de web apps.