Retail · SaaS
Un sistema de punto de venta que reúne ventas, inventario y tickets en el terminal, la tableta y el móvil.
Captura de pantalla, 1908 × 944
Servicios de diseño UX/UI para apps web y móviles
Investigación UX, flujos, interfaces y sistemas de diseño, probados con usuarios reales antes de construir.
Servicios de diseño que ofrecemos
Siete servicios, de la primera entrevista al sistema con el que desarrollan tus programadores. Elige uno o los siete.
Investigación UX
Entrevistas, analítica y un vistazo a tu competencia, para que el diseño parta de lo que hacen los usuarios y no de suposiciones.
Diseño UX
Flujos de usuario, wireframes y prototipos navegables que deciden cómo funciona el producto antes de dibujarlo en detalle.
Diseño UI
Cada pantalla en cada estado —vacía, cargando, con error y llena— con un lenguaje visual propio.
Sistemas de diseño
Componentes y tokens en Figma, al día con los del código, para que las pantallas nuevas se monten en vez de redibujarse.
Tests de usabilidad
Personas como tus usuarios prueban el prototipo; donde se atascan, el flujo cambia antes de que nadie lo construya.
Accesibilidad
Contraste, tamaño de texto, orden del foco, etiquetas y uso con teclado, revisados frente a WCAG al diseñar cada pantalla.
Auditoría UX y rediseño
Una revisión de los flujos, las pantallas y los abandonos de tu producto en marcha, y un rediseño de lo que falla, en pasos que tu equipo puede publicar.
Nuestro proceso de diseño UX/UI
Cinco pasos, de lo que tus usuarios hacen de verdad a un diseño que tus desarrolladores pueden construir.
01Alcance
Usuarios, objetivos, analítica y competencia estudiados, con una auditoría UX si ya estás en marcha.
02Wireframes
Flujos de usuario, arquitectura de la información y wireframes de cada pantalla clave.
03Diseño UI
Cada pantalla y cada estado diseñados, con el sistema de diseño construido a la vez.
04Prototipo y pruebas
Un prototipo navegable probado con usuarios reales, corregido y probado de nuevo.
05Entrega
Especificaciones, tokens y la librería de Figma, con las dudas de tus desarrolladores resueltas durante el desarrollo.
01Alcance
Usuarios, objetivos, analítica y competencia estudiados, con una auditoría UX si ya estás en marcha.
02Wireframes
Flujos de usuario, arquitectura de la información y wireframes de cada pantalla clave.
03Diseño UI
Cada pantalla y cada estado diseñados, con el sistema de diseño construido a la vez.
04Prototipo y pruebas
Un prototipo navegable probado con usuarios reales, corregido y probado de nuevo.
05Entrega
Especificaciones, tokens y la librería de Figma, con las dudas de tus desarrolladores resueltas durante el desarrollo.
Diseñado para construirse
Tanto si lo desarrollamos nosotros como tus programadores, el diseño llega al código sin perder nada: los mismos componentes, los mismos nombres, cada estado.
Los mismos nombres
Componentes, variantes y tokens se nombran en el archivo como los nombra el código, para que nada se traduzca por el camino.
Cada estado dibujado
Vacío, cargando, con error y desactivado, dibujados antes de que nadie pregunte, para que ningún estado quede a la suerte del desarrollador.
Desarrollado por nosotros o por tu equipo
El mismo equipo lo desarrolla, o tus programadores reciben los archivos y el sistema para desarrollarlo ellos mismos.
Sectores para los que desarrollamos software
Desarrollo de software a medida para cada sector: web, móvil e IA, construido y auditado en seguridad por un mismo equipo.
También desarrollamos software para seguros (insurtech), administración pública (govtech), energía y medios. Si tu sector no aparece, también podemos desarrollar software para él.
Por qué SafeBlockLab
Un estudio que investiga, diseña y prueba tu producto, y que también puede construirlo.
Diseñado por quienes lo construyen.
Diseñadores e ingenieros son un solo equipo, así que no se dibuja ninguna pantalla que el código no pueda sostener.
Probado con usuarios antes de construirlo.
Personas como tus usuarios prueban los flujos cuando cambiarlos aún cuesta un dibujo, no una reprogramación.
Un solo sistema, en el archivo y en el código.
Componentes y tokens se llaman igual en Figma y en el código, así el producto sigue siendo coherente al crecer.
Accesible desde la primera pantalla.
El contraste, el foco y las etiquetas se revisan al diseñar cada pantalla, no se parchean después del lanzamiento.
Solo diseño, si te encaja.
Entrega el trabajo a tus desarrolladores con cada estado dibujado, o deja que lo construya el mismo equipo.
Primero, un presupuesto por escrito.
Alcance, precio y fechas por escrito tras una primera llamada, antes de empezar a diseñar.
Tecnologías y herramientas para diseño UX/UI
Con qué se hacen los diseños y qué los lleva al desarrollo.
Software que tenemos en producción
Tres productos propios, diseñados, construidos y probados por el mismo equipo que hace el trabajo para clientes.
Viajes
Una app de reservas de viaje cuyo asistente de IA encuentra vuelos, hoteles e ideas de viaje, hasta la reserva confirmada.
IA
Silvia AI
Un asistente de IA para atención al cliente y ventas, que resuelve dudas y guía a los compradores.
Captura de pantalla, 1908 × 944
Preguntas sobre diseño UX/UI
Las que los equipos hacen antes de empezar uno, respondidas sin rodeos.
¿Cuánto cuesta el diseño de un producto?
Depende del alcance: unos pocos flujos clave, una app entera o un sistema de diseño. Tras una primera llamada recibes un presupuesto por escrito con el alcance, el precio y las fechas, antes de empezar a diseñar.
¿Cuánto tarda el diseño?
Depende del alcance: unos flujos llevan menos tiempo que un producto entero y su sistema de diseño. El presupuesto fija las fechas, y ves el trabajo en cada etapa, no solo al final.
¿Podéis solo diseñar, para nuestros desarrolladores?
Sí. Diseñamos y desarrollamos juntos, o diseñamos por nuestra cuenta y entregamos el trabajo a tus desarrolladores, lo que mejor encaje con tu equipo.
¿Podéis trabajar con nuestros diseños o nuestro sistema de diseño?
Sí. Podemos ampliar tu sistema de diseño, rediseñar lo que no funciona o construir a partir de los archivos de Figma de tus diseñadores.
¿Qué recibimos al final?
Los archivos de diseño, un prototipo navegable de los flujos clave y el sistema de diseño con el que se construyen las pantallas. Lo que se incluye queda fijado en el presupuesto.
¿Cómo probáis los diseños con usuarios?
Ponemos un prototipo navegable delante de personas como tus usuarios y las vemos intentar las tareas clave. Donde se atascan, el flujo se rediseña y se vuelve a probar antes de construir nada.
¿Podéis rediseñar un producto que ya está en marcha?
Sí. Una auditoría UX revisa el producto en marcha —sus flujos, sus pantallas y dónde abandonan los usuarios— y el rediseño corrige lo que encuentra, en pasos que tu equipo puede publicar.
¿Diseñáis pensando en la accesibilidad?
Sí. El contraste, el tamaño del texto, el orden del foco, las etiquetas y el uso con teclado se revisan frente a WCAG mientras se diseñan las pantallas, no después de construirlas.
¿Construís también el sistema de diseño en código?
Sí, cuando desarrollamos el producto: los mismos componentes y tokens existen en el archivo de diseño y en el código, con los mismos nombres.
¿Diseñáis webs además de apps?
Sí. Apps web, apps móviles y webs, con el mismo proceso: de la investigación a las pantallas y el sistema que hay detrás.