Componentes auditados
Una auditoría integral reveló duplicaciones, inconsistencias y oportunidades para consolidar la experiencia de producto.
Integral Ad Science
Unificamos una plataforma global de AdTech mediante un Sistema de Diseño moderno.
Descripción general
Integral Ad Science necesitaba una base de producto más sólida para soportar una plataforma compleja, una marca en evolución y una organización de Producto en crecimiento. Ayudamos a transformar patrones de interfaz fragmentados en MORTON, un Sistema de Diseño compartido para mejorar la consistencia, la colaboración y la entrega de producto.
Impacto en breve
Inconsistencias de UI
Los fundamentos compartidos y patrones reutilizables ayudaron a crear una experiencia más coherente en toda la plataforma.
Velocidad de salida al mercado
Un sistema compartido más sólido permitió a los equipos diseñar y entregar experiencias de producto con mayor eficiencia.
El reto
Una plataforma en crecimiento sin una base de producto compartida.
A medida que Integral Ad Science evolucionaba, su experiencia de producto acumuló patrones, componentes y decisiones de implementación en distintas áreas de la plataforma.
El resultado fue una fragmentación creciente. Interacciones similares se resolvían de formas distintas, las inconsistencias se hacían más visibles y Diseño e Ingeniería carecían de una base compartida para construir y evolucionar el producto. Al mismo tiempo, IAS atravesaba una evolución de marca más amplia.
Patrones de UI fragmentados
Problemas de producto similares se resolvían mediante patrones de interfaz diferentes.
Componentes duplicados
Las soluciones superpuestas aumentaban el mantenimiento y dificultaban sostener la consistencia.
Implementación desconectada
Diseño e Ingeniería necesitaban estándares compartidos más sólidos para llevar los patrones al producto.
Una marca en evolución
La nueva dirección visual necesitaba una forma sistemática de extenderse a un producto digital complejo.
La oportunidad
Convertir una renovación de producto en una capacidad de largo plazo.
El objetivo no era solamente rediseñar pantallas individuales o crear una nueva biblioteca de componentes.
Buscábamos establecer una base compartida que conectara la evolución de la marca IAS con la realidad de un producto digital grande y diera a Diseño, Producto e Ingeniería un lenguaje común para tomar decisiones y construir experiencias.
Eso exigía comprender primero el ecosistema existente, identificar qué debía conservarse, qué necesitaba evolucionar y dónde la estandarización podía generar mayor impacto.
Nuestro enfoque
De patrones fragmentados a un sistema compartido.
Revisamos la experiencia de producto y el panorama de componentes existentes para comprender patrones recurrentes, inconsistencias, duplicaciones y brechas de implementación.
Más de 100 componentes auditadosTradujimos el lenguaje visual en evolución de IAS a fundamentos capaces de funcionar sistemáticamente en un entorno de producto complejo.
Esos fundamentos se convirtieron en una arquitectura de componentes reutilizables diseñada para soportar las necesidades actuales y la evolución futura.
El sistema creó un punto de referencia compartido entre Diseño e Ingeniería, redujo la ambigüedad y ayudó a tomar decisiones de implementación más consistentes.
La documentación, guías de uso, responsabilidades y prácticas de contribución convirtieron la biblioteca en un Sistema de Diseño operativo que los equipos podían seguir evolucionando.
Presentamos MORTON Design System
Un Sistema de Diseño creado para un producto global complejo.
MORTON se convirtió en la base compartida de producto de Integral Ad Science al conectar fundamentos visuales, componentes reutilizables, documentación y guías de implementación en un sistema coherente. En vez de prescribir un conjunto estático de elementos de UI, se diseñó para ofrecer suficiente estructura y crear experiencias consistentes sin dejar de responder a nuevos requerimientos.
Fundamentos
Color · Tipografía · Espaciado · Layout · Principios de interacción
Componentes
Patrones de interfaz reutilizables diseñados alrededor de necesidades recurrentes de producto.
Documentación
Guías claras sobre comportamiento, uso, implementación y variaciones apropiadas.
Governance
Prácticas de responsabilidad y contribución para que el sistema evolucione sin volver a fragmentarse.
De componentes a producto
El sistema solo importaba si los equipos podían utilizarlo.
Fundamentos compartidos y patrones reutilizables.
Un lenguaje común para diseñar e implementar producto.
Experiencias más consistentes en la plataforma de Integral Ad Science.
Governance y adopción
Construir el sistema era solo el principio.
Para que MORTON siguiera siendo útil, los equipos necesitaban una forma de mantenerlo, contribuir y tomar decisiones conforme surgieran nuevas necesidades. La colaboración se extendió más allá de crear componentes hacia las prácticas necesarias para sostener el sistema.
Responsabilidad
Responsabilidades más claras para mantener y evolucionar el sistema.
Contribución
Procesos para introducir nuevos patrones sin duplicación innecesaria.
Documentación
Guías compartidas que redujeron la dependencia del conocimiento institucional.
Adopción
Una conexión más sólida entre las decisiones del sistema y los equipos que las implementan.
La transformación
- Patrones fragmentados
- Soluciones duplicadas
- Interfaces inconsistentes
- Decisiones de implementación desconectadas
- Fundamentos compartidos
- Componentes reutilizables
- Mayor alineación entre Diseño e Ingeniería
- Un sistema diseñado para evolucionar con el producto
El impacto
Diseño e Ingeniería obtuvieron una base común para construir y evolucionar el producto juntos.
“Tomaron un Sistema de Diseño fragmentado y lo transformaron rápidamente en una base escalable. Su capacidad para alinear equipos, establecer claridad e impulsar avances significativos los convirtió en un socio invaluable.”
Senior Product Design Director en Integral Ad Science
Capacidades de DSD involucradas
¿Enfrentas una complejidad de producto similar?
Comprende el estado de tu Sistema de Diseño, tus fundamentos de producto y tu modelo operativo, e identifica las capacidades con mayor potencial de impacto.