UX/UI Design de productos digitales
UX/UI Design es la disciplina que define cómo funciona un producto digital para las personas (experiencia de usuario) y cómo se presenta visualmente (interfaz). En Wisalo, software house con sede en Curitiba, Brasil, fundada en 2019, el diseño se basa en investigación con usuarios y se hace en conjunto con ingeniería, para que lo diseñado sea viable, accesible y llegue a producción tal como fue pensado.
Visión general
Una buena interfaz reduce dudas, errores y solicitudes de soporte. Guía al usuario hasta su objetivo sin que tenga que pensar en el camino. Para eso, el diseño debe comenzar por entender quién usa el producto, en qué contexto y con qué dificultades, y no por elegir colores.
Como diseñadores y desarrolladores trabajan en el mismo equipo, los componentes diseñados se convierten en componentes de código reutilizables. Esto mantiene la consistencia visual entre pantallas y productos y acelera la construcción de nuevas funcionalidades.
La accesibilidad no es una etapa final: seguimos las pautas WCAG desde los primeros wireframes, verificando contraste, tamaño de las áreas táctiles, orden de navegación por teclado y textos alternativos. También consideramos el rendimiento en el diseño, evitando animaciones e imágenes que vuelvan lentas las pantallas en celulares de gama de entrada o con conexiones inestables. Al final de cada ciclo, el equipo de diseño acompaña la implementación para garantizar que el resultado en producción corresponda a lo que se validó con los usuarios.
Para quién es
Empresas que crean un nuevo producto
Equipos que necesitan transformar una idea en flujos y pantallas validados antes de invertir en el desarrollo completo.
Productos con baja adopción
Sistemas que los usuarios evitan, abandonan a mitad del flujo o solo usan con capacitación intensiva.
Empresas con varios productos inconsistentes
Organizaciones cuyas pantallas parecen hechas por empresas distintas y que necesitan un design system común.
Instituciones que necesitan accesibilidad
Organismos públicos y empresas que necesitan atender a personas con discapacidad y seguir las pautas de accesibilidad.
Problemas que resolvemos
Usuarios que se pierden en los flujos
Rediseñamos la arquitectura de información y los flujos a partir de pruebas con usuarios reales.
Retrabajo entre diseño y desarrollo
Entregamos especificaciones y componentes listos para implementar, alineados con ingeniería desde el inicio.
Interfaz inconsistente
Creamos un design system con tokens y componentes documentados, usado en todas las pantallas.
Exclusión de personas con discapacidad
Aplicamos las pautas WCAG: contraste, navegación por teclado, textos alternativos y compatibilidad con lectores de pantalla.
Decisiones basadas en opiniones
Usamos investigación y pruebas de usabilidad para decidir con base en el comportamiento de los usuarios.
Qué entregamos
Investigación y pruebas con usuarios
Entrevistas, análisis de recorrido y pruebas de usabilidad para entender necesidades y validar soluciones.
Wireframes y prototipos interactivos
Flujos navegables que permiten probar la solución antes de desarrollarla.
Design systems
Tokens de color, tipografía y espaciado y una biblioteca de componentes documentada para diseño y código.
Interfaces de alta fidelidad
Pantallas finales para web y mobile, con estados de carga, error y vacío definidos.
Animaciones y microinteracciones
Movimiento con propósito, que da retroalimentación al usuario sin perjudicar el rendimiento ni la accesibilidad.
Identidad digital
Aplicación de la marca en productos digitales, con consistencia entre sitio, sistema y aplicación.
Tecnologías y stack
Usamos herramientas que acercan el diseño y el código, para que lo diseñado sea lo que llega al usuario:
- Figma
- Framer
- Storybook
- Design Tokens
- WCAG 2.1
- React
- Material UI
Cómo trabajamos
Inmersión
Entendemos el negocio, los usuarios, las métricas actuales y las restricciones técnicas.
Investigación
Escuchamos a los usuarios y analizamos datos de uso para identificar los principales problemas.
Ideación y prototipado
Exploramos alternativas y construimos prototipos navegables de los flujos prioritarios.
Validación
Probamos los prototipos con usuarios y ajustamos antes del desarrollo.
Entrega y seguimiento
Entregamos especificaciones y componentes, acompañamos la implementación y medimos el resultado después del lanzamiento.
Preguntas frecuentes
¿Cuál es la diferencia entre UX y UI?
UX (experiencia de usuario) trata de cómo funciona el producto: flujos, organización de la información y facilidad de uso. UI (interfaz de usuario) trata de la capa visual: colores, tipografía, componentes y layout. Wisalo trabaja ambas de forma integrada.
¿Hacen solo el diseño o también desarrollan?
Hacemos ambos. Podemos entregar solo el diseño, con especificaciones para que tu equipo lo implemente, o conducir también el desarrollo con nuestro equipo de ingeniería.
¿Qué es un design system y cuándo vale la pena?
Es un conjunto de patrones, tokens y componentes reutilizables, documentados para diseño y código. Vale la pena cuando hay varias pantallas, productos o equipos, porque garantiza consistencia y acelera la construcción de nuevas funcionalidades.
¿Cómo garantizan la accesibilidad?
Seguimos las pautas WCAG 2.1 nivel AA desde el diseño: contraste adecuado, foco visible, navegación por teclado, textos alternativos y semántica correcta, verificados también en la implementación.
¿Es posible mejorar el diseño de un sistema que ya está en uso?
Sí. Comenzamos con un diagnóstico de usabilidad y priorizamos las mejoras de mayor impacto, aplicándolas de forma gradual para no interrumpir el uso del sistema.
¿Diseñan para web y para aplicaciones?
Sí. Diseñamos interfaces para sitios, sistemas web y aplicaciones iOS y Android, respetando las convenciones de cada plataforma y manteniendo una identidad visual consistente entre ellas.
¿Conversamos sobre tu proyecto?
Cuéntanos el contexto, el objetivo y las restricciones de tu desafío. Un especialista de Wisalo te responderá con los próximos pasos.
Habla con un especialista →