alt120
comunicació interactiva
Contact
+34 934 443 515 ¿HABLAMOS? contact@alt120.com ¿QUÉ TE CUENTAS?RRSS
Digital design
El UX/UI es el punto donde se cruzan el diseño, la tecnología y el negocio. Y ahí es donde entramos nosotros.
En ALT12O diseñamos experiencias digitales que funcionan de verdad. No se trata solo de que algo se vea bien, sino de que sea fácil de usar, rápido de entender y eficaz para cumplir objetivos.
El diseño de producto digital es el proceso de definir cómo se comporta, se ve y se usa un producto digital: desde cómo piensa y navega tu usuario (UX) hasta cómo se presenta visualmente esa experiencia (UI), pasando por los sistemas y estándares que la hacen sostenible y accesible.
En alt120 lo abordamos como palanca de negocio, no solo como estética: investigamos a tus usuarios, simplificamos sus recorridos y diseñamos interfaces que ayudan a entender, decidir y actuar — porque un producto que se entiende mejor, se usa mejor y convierte mejor.
Trabajamos cuatro frentes que se apoyan entre sí: investigación y experiencia de usuario (UX), diseño de interfaz (UI), sistemas de diseño para que el producto escale sin perder coherencia, y accesibilidad para que nadie quede fuera.
UX Design
Pensamos como tus usuarios
El diseño de experiencia de usuario (UX) consiste en entender cómo piensan, navegan y toman decisiones las personas cuando utilizan un producto digital. No se trata solo de crear interfaces atractivas, sino de diseñar experiencias que sean claras, intuitivas y orientadas a facilitar la interacción.
En Alt120 analizamos cómo los usuarios interactúan con tu producto digital para identificar necesidades, comportamientos y posibles fricciones en la navegación. A partir de este análisis diseñamos recorridos que permiten que las personas encuentren lo que buscan de forma rápida, comprendan la información con facilidad y puedan completar acciones sin obstáculos.
Nuestro objetivo es simplificar la interacción entre el usuario y la tecnología, eliminando pasos innecesarios y organizando la información de forma lógica. Esto permite crear productos digitales que no solo funcionan correctamente, sino que también mejoran la comprensión, aumentan la confianza del usuario y favorecen la conversión.
Porque una buena experiencia de usuario no ocurre por casualidad. Es el resultado de analizar, estructurar y diseñar cada interacción para que el producto sea fácil de usar y tenga sentido para quienes lo utilizan.
Herramientas y metodologías que utilizamos:
- Figma: Diseño de wireframes y prototipos colaborativos
- Adobe XD: Prototipado y diseño de experiencia interactiva
- Miro / FigJam: Mapas de experiencia, user flows y arquitectura de información
- Hotjar / herramientas de análisis de comportamiento: Mapas de calor y análisis de interacción
- Google Analytics: Análisis de comportamiento y navegación de usuarios
- Prototipado interactivo: Simulación de recorridos de usuario antes del desarrollo
- Test de usabilidad: Validación de la experiencia con usuarios reales
UI Design
Diseño de interfaces digitales
Mientras el UX define cómo funciona la experiencia, el UI se encarga de cómo se ve y cómo se presenta visualmente esa experiencia.
El diseño de interfaz es la capa visual del producto digital: donde se definen tipografías, colores, jerarquías visuales, componentes y estilos gráficos que permiten que la interfaz sea clara, coherente y fácil de utilizar.
En Alt120 diseñamos interfaces que combinan estética, claridad y funcionalidad, creando entornos visuales que ayudan al usuario a comprender la información y navegar con facilidad.
Cada elemento visual cumple un propósito dentro de la interfaz. Desde un botón hasta una jerarquía tipográfica, todo está pensado para guiar al usuario, reforzar la identidad del proyecto y facilitar la interacción.
El resultado son interfaces consistentes y equilibradas que no solo se ven bien, sino que mejoran la experiencia de uso y refuerzan la percepción profesional del producto digital.
Herramientas de diseño UI:
- Figma: Diseño de interfaces y sistemas de diseño
- Adobe Illustrator: Creación de elementos gráficos y recursos visuales
- Adobe Photoshop: Edición de imágenes y recursos visuales
- Bibliotecas de componentes: Sistemas de diseño reutilizables
- Prototipado interactivo: Simulación de interfaces antes del desarrollo
Design system
Escalar productos con coherencia y eficiencia técnica
Un Sistema de diseño no es solo una guía de estilo; es una biblioteca viva de componentes y estándares que permite a los equipos de diseño y desarrollo trabajar sincronizados. En Alt120 creamos ecosistemas visuales robustos que garantizan que el producto crezca sin perder su identidad ni su calidad técnica.
Analizamos la estructura de tu interfaz para identificar patrones y unificar criterios visuales. Desarrollamos componentes reutilizables que eliminan inconsistencias y optimizan los tiempos de producción, permitiendo que el equipo se enfoque en mejorar el negocio en lugar de rediseñar elementos básicos.
Establecemos una única fuente de verdad mediante Design Tokens y documentación detallada. Esto mejora la comunicación técnica y garantiza una experiencia de usuario coherente en todos los puntos de contacto, facilitando la escalabilidad y reduciendo drásticamente la deuda técnica.
Porque un producto en evolución necesita una base sólida. Es el resultado de estructurar y sistematizar cada átomo de la interfaz para que el diseño sea sostenible, eficiente y refleje la profesionalidad de tu marca en cada pantalla.
Aquí lo abordamos como parte del proceso de diseño de producto: cómo nace el sistema y se documenta desde el diseño. Si tu equipo de desarrollo ya tiene una interfaz en producción y necesita auditarla, sistematizarla o integrarla con código, es lo que trabajamos en profundidad en Design System Engineering.
Herramientas y metodologías que utilizamos:
- Figma: Creación de librerías vinculadas y componentes con variantes.
- Storybook: Documentación de componentes de UI de forma aislada para desarrolladores.
- Tokens Studio: Gestión de design tokens para sincronización entre Figma y código.
Accesibilidad (A11y)
El diseño es inclusivo para todos o no es diseño
En ALT120 entendemos la accesibilidad como un pilar fundamental del diseño moderno. Diseñar de forma accesible consiste en eliminar barreras digitales para asegurar que cualquier persona, independientemente de sus capacidades físicas o cognitivas, pueda navegar e interactuar con autonomía y satisfacción.
Aplicamos los estándares internacionales WCAG para garantizar que los contenidos sean perceptibles y operables. Desde el contraste de color hasta la navegación por teclado, cuidamos cada detalle técnico para que la tecnología sea un puente que permita llegar a la mayor audiencia posible.
Nuestro enfoque crea interfaces que no solo cumplen la normativa, sino que mejoran la usabilidad global. Un diseño accesible beneficia a todos los usuarios, no solo a aquellos con discapacidades, aumentando la satisfacción general y la lealtad hacia el producto digital.
Porque la inclusión digital es una responsabilidad estratégica. Es el compromiso de diseñar y optimizar cada flujo para que nadie se quede fuera, garantizando que la experiencia sea equitativa, funcional y digna para la diversidad real de las personas.
Herramientas y metodologías que utilizamos:
- WCAG 2.1 / 2.2: Aplicación de las pautas de accesibilidad para el contenido web.
- Stark: Auditoría de contraste y simulación de daltonismo en tiempo real.
- Axe DevTools: Pruebas automatizadas de accesibilidad en el código fuente.
- Screen Readers: Testeo real con herramientas como NVDA o VoiceOver.
Cómo trabajamos
Análisis de usuarios y objetivos de negocio
Entendemos a tus usuarios y alineamos el diseño con tus metas de negocio.
Arquitectura de la información
Organizamos contenidos y flujos para que todo sea claro y fácil de navegar.
Wireframes y prototipos interactivos
Creamos estructuras y prototipos interactivos para validar ideas antes del desarrollo.
Diseño visual y de interacción
Interfaces atractivas y coherentes que guían al usuario de forma intuitiva.
Testeo y mejora continua
Medimos, analizamos y optimizamos constantemente para asegurar resultados.
Preguntas frecuentes
El UX (experiencia de usuario) define cómo funciona un producto: la investigación, los flujos y la arquitectura de la información. El UI (interfaz de usuario) define cómo se ve y se presenta: tipografía, color, componentes. Se complementan, no son intercambiables.
Depende del alcance: una auditoría UX/UI puntual y un diseño de producto completo desde cero tienen calendarios muy distintos. Lo concretamos tras una primera conversación sobre tu producto y objetivos.
Ambos casos. Podemos auditar y rediseñar un producto ya en producción, o partir de una idea nueva desde la investigación inicial.
Análisis de usuarios y objetivos de negocio, revisión de la arquitectura de la información y los flujos actuales, y detección de fricciones concretas en la navegación, con recomendaciones priorizadas.
No: aplicar los estándares WCAG (contraste, navegación por teclado, compatibilidad con lectores de pantalla) se integra en el propio proceso de diseño, no es una capa aparte al final del proyecto.