Diseño:

INDIO GURÚ, Bogota

Líder de producto: Andres Toro.

Indio Guru, Bogota

Diseñadora Senior de producto: Laura Alejandra Peñuela. Project Manager: Katherine Ramirez. Diseñador UX/UI: Agustin Sciotti. Diseñadora UI: Tamara Piñeiro.

Imagine Apps, Bogotá

Diseñadora UI: Gabriela Hernández.

Indio Gurú, Bogotá

Curaduría de imágenes: Natalia Rodriguez.

Cliente:

Infillion, New York

SVP, Creative: Michael Colella. Creative Director: Nicolas Ezra Prieto.

Producción/Construcción:

INDIO GURÚ, Bogota

Director general: Andres Toro.

Indio Guru, Bogotá D.C.

Director creativo: Mateo Paris.

Contexto/concepto de diseño

El proceso de rebranding de Infillion vino acompañado de la necesidad -y nuestra misión inicial- de diseñar un sitio web alineado con su nueva identidad y capaz de reflejar la componibilidad, un principio central en la promesa de valor de sus herramientas de pauta omnicanal. / El reto, en palabras del cliente, era “construir un avión mientras ya está volando”: trabajar con deadlines muy cortos y con múltiples stakeholders internos encargados de producir contenidos y aprobarlos en paralelo. En este contexto, no era posible definir desde el inicio una arquitectura de contenidos clara ni un esquema completo de wireframes para prototipar, validar y entregar al equipo de desarrollo para salir al aire a tiempo. / Así, el desafío pasó de ser diseñar un sitio web a crear un sistema que le permitiera al cliente construir y escalar su propio sitio en tiempo real, sin sacrificar coherencia visual ni calidad en la experiencia de usuario.

Aporte de diseño

Nuestra solución fue construir un sistema de diseño con ecosistema modular de componentes en Figma que le permitiera al cliente ensamblar su sitio web por sí mismo, garantizando consistencia visual, escalabilidad y agilidad, al ritmo de la llegada de contenidos y de las necesidades de los distintos equipos internos. / El sistema de diseño se estructuró bajo la metodología de atomic design y se organizó en Foundations (basados en el brandbook desarrollado por el equipo de Huboh), Átomos, Moléculas y Organismos. Esta fue la base de una biblioteca de más de 80 bloques modulares, agrupados en 16 categorías funcionales como navegación, formularios, estadísticas, testimonios y estructuras de contenido. / La definición de estos componentes se hizo a través de un proceso de ingeniería inversa: analizamos el sitio anterior y sus wireframes y mapeamos los posibles escenarios de uso a partir de los objetivos de negocio del producto. Además, diseñamos un sistema de 10 plantillas que permitía trabajar sobre esquemas de páginas predefinidos, adaptables a distintas necesidades de contenido. / El sistema fue probado en dos iteraciones con usuarios (clientes potenciales y stakeholders) mediante prototipos de baja y alta fidelidad para validar categorización, navegación, estructura de contenidos y claridad general. Por último, construimos un sistema de gobernanza con documentación para la adecuada gestión del sistema de diseño y el uso de la librería.

Video

Fecha de lanzamiento:

2025-12-30