Diseño UX/UI.
Diseñamos las apps y webs que después desarrollamos. Diseño y código salen del mismo equipo, así que lo que apruebas en el diseño es lo que acaba llegando a producción.
Diseñamos sabiendo cómo se va a construir.
Llevamos más de 10 años diseñando productos digitales. Cada decisión tiene en cuenta a quien va a usar el producto, los objetivos de tu negocio y cómo se va a construir.
✓ Diseño de apps móviles, aplicaciones web y e-commerce
✓ Validación con un prototipo antes de desarrollar el producto completo
✓ Sistemas de diseño pensados para pasar de Figma a código
✓ Diseño y desarrollo trabajando como un único equipo
¿Tienes un producto que diseñar y construir?
Qué podemos crear para tu producto.
Adaptamos el proceso de diseño a lo que necesita cada proyecto, siempre con la implementación en mente. Así, lo que definimos durante el diseño puede llegar a desarrollo sin tener que reinterpretarlo por el camino.
Arquitectura de la información
Definimos la estructura de tu aplicación o web antes de entrar en las pantallas. Trabajamos los principales flujos de usuario, la jerarquía del contenido y la navegación teniendo en cuenta tanto la experiencia de uso como la lógica que habrá detrás del producto.
Wireframes
Con los flujos claros, definimos qué contiene cada pantalla y cómo se organiza. Creamos wireframes de baja o media fidelidad para resolver estructura, jerarquía y comportamiento antes de entrar en el detalle visual.
También nos permiten alinear contenido y diseño desde el principio y detectar decisiones que podrían complicar innecesariamente el desarrollo.
Interfaz de usuario (UI)
Damos forma visual al producto sin separar la interfaz de cómo va a funcionar. Diseñamos componentes, estados e interacciones pensando en su uso real y en cómo se implementarán después.
Tipografías, color, iconografía y componentes construyen un lenguaje visual coherente con tu marca y, al mismo tiempo, un sistema que puede trasladarse a código.
Prototipado
La mejor forma de validar un diseño es poder usarlo. Según el proyecto, creamos un prototipo navegable en Figma o una primera versión funcional con datos de ejemplo.
Así podemos probar los principales flujos antes de desarrollar el producto completo y hacer cambios cuando todavía son rápidos y sencillos de aplicar.
Sistemas de diseño
Creamos bibliotecas de componentes reutilizables en Figma, con tokens, estados y guías de uso que tienen su correspondencia en código. Diseño y desarrollo trabajan sobre el mismo sistema, evitando que con el tiempo aparezcan dos versiones distintas del producto.
Esto acelera el desarrollo y mantiene la coherencia a medida que el producto crece. En Bassols, el sistema de diseño permitió que otro equipo construyera el e-commerce sin depender de nosotros.
Herramientas que usamos.
Casos de éxito.
Productos que diseñamos y desarrollamos: la web de un negocio turístico que casi duplicó sus ventas, una app que usan a diario cientos de farmacéuticos y la app de una cooperativa de datos de salud conectada con Apple Health y Google Fit.
Nuestros clientes.
Empresas que confían en nosotros para construir y evolucionar sus productos digitales.
Gracias a Liquid somos más eficientes y hemos ganado independencia al tener nuestro propio software. Para nosotras ha sido un cambio de vida, especialmente porque evitamos errores en cotizaciones que podrían costarnos clientes. El feeling entre equipos y el trato excelente, no solo por el resultado del producto sino por la relación, la paciencia y el acompañamiento.
Marta CaparrósCEO de YouTOO
Liquid fue un excelente socio de IT para MyPoppins. Su equipo sabe aplicar todos los estándares de desarrollo que esperábamos y tienen mucha experiencia en el tema. Seguiremos trabajando con Liquid y los recomendamos sin dudarlo.
Ver caso de estudio
Rubén VilarCTO de MyPoppins
El equipo de Liquid cumplió con nuestro objetivo de diseñar y crear una APP de laundry on demand con una buena usabilidad para el usuario. Además nos ofrecieron una gran flexibilidad para adaptarse a nuestro crecimiento. Lo que más hemos disfrutado de trabajar con ellos es la empatía, ilusión y la apuesta por el proyecto.
Ver caso de estudio
Ramon PlansCEO de WOSH
Preguntas frecuentes.
No nos especializamos en diseño de identidad corporativa o branding. Nuestro foco está en diseño de interfaces digitales (apps y web). Si necesitas logo, brand guidelines, o identidad completa, podemos recomendarte partners especializados en branding con los que coordinarnos para implementar la identidad en tu producto digital.
Depende de la complejidad del proyecto. Para productos con muchas pantallas o flujos complejos, los wireframes son esenciales para validar estructura antes de invertir en diseño visual. Para proyectos más simples o cuando ya existe una arquitectura clara, podemos saltar directamente a diseño UI. En la consulta inicial evaluamos qué proceso es más eficiente para tu caso.
Casi siempre, sobre todo en apps y productos con interacciones complejas. Probar el diseño antes de desarrollar todo el producto evita cambios caros durante el desarrollo. Según el proyecto, el prototipo puede ser navegable en Figma o una primera versión que ya funciona, con datos de ejemplo, aunque todavía no tenga usuarios reales.
Normalmente el diseño forma parte del proyecto de desarrollo y va dentro de su presupuesto. Como referencia, en un MVP Completo de ocho semanas, el diseño y el prototipo ocupan dos. Si solo necesitas diseño, el precio depende del número de pantallas, la complejidad de las interacciones y las iteraciones; en la consulta inicial te damos una estimación y después un presupuesto cerrado.
Depende sobre todo de las rondas de revisión y del ritmo del feedback, más que del número de pantallas. Trabajamos por fases y validamos contigo cada una antes de seguir, así que el plazo lo marcan tanto tu equipo como el nuestro. En la consulta inicial te damos una estimación según el alcance.
Alguna vez. En Bassols diseñamos el ecommerce completo y su sistema de diseño para que otro equipo lo desarrollara sobre Magento, y supervisamos la implementación. Entregamos el Figma organizado, las especificaciones y el sistema de diseño, y seguimos disponibles mientras se desarrolla. Aun así, donde más aportamos es cuando también lo desarrollamos nosotros: el diseño y el código salen del mismo equipo.
