Comercializar productos de forma hiperrealista con Unity ArtEngine

¿Cómo aprovecha un fabricante de mobiliario de oficina las tecnologías de visualización de productos en 3D para mejorar la experiencia de sus clientes? Dada la naturaleza personalizada de sus productos, Flokk decidió que había llegado el momento de renovar toda su plataforma web. Una parte clave de este proyecto consistió en digitalizar todos los materiales de las sillas de Flokk y proyectarlos en modelos 3D, lo que hizo con la ayuda de su socio de soluciones de confianza, Forte Digital, y un flujo de trabajo de escaneado que aprovechó Unity ArtEngine.

Flokk es líder del mercado en diseño y fabricación de mobiliario de oficina de primera calidad. Vendidos en más de 80 países, sus productos incluyen los de marcas como HÅG, Offecct, Giroflex, RH, Profim, 9to5 Seating, BMA, RBM y Malmstolen. Cada día, sus 2.000 empleados trabajan juntos para hacer realidad una visión común: Inspirar un gran trabajo.

El diseño está en el corazón de los productos Flokk. Cada uno de sus productos puede personalizarse, gracias a su cadena de suministro y procesos de fabricación altamente eficientes. Sin embargo, el diseño no siempre estuvo en el centro de la experiencia del cliente en línea. En 2019, Flokk decidió cambiar eso haciendo una gran inversión en una nueva plataforma de comercio electrónico, con la ayuda de su socio de confianza Forte Digital. Una parte fundamental del trabajo consistió en digitalizar los materiales de las sillas de la empresa utilizando Unity ArtEngine e integrarlos en un configurador 3D desarrollado internamente que permitiera a los clientes diseñar una silla en 3D desde la comodidad de su navegador web.

Los resultados:

• Aumento del tráfico web al habilitar por primera vez el autoservicio de pago en línea.
• Eficiencias internas asociadas a la menor necesidad de sesiones fotográficas físicas, ya que ahora Flokk puede generar fotos de alta resolución con un configurador 3D.
• Mayor fiabilidad de la experiencia de pedido, lo que se traduce en menos errores y devoluciones de pedidos, y en distribuidores y clientes más satisfechos.
• Coherencia en la marca y el posicionamiento de Flokk; el valor del diseño de Flokk se exhibe ahora no sólo en sus productos, sino en todas las etapas del recorrido del cliente.
• Una ventaja competitiva sostenible al diferenciarse en una industria tradicional, en la que la inversión en tecnología 3D en tiempo real puede estar retrasada.

Las sillas de Flokk se fabrican a medida y tienen millones de configuraciones posibles, lo que crea una gran complejidad en la cadena de suministro y el proceso de pedidos de la empresa. Por ejemplo, para una determinada referencia de silla de oficina, un cliente puede elegir entre docenas de tejidos, especificar características sobre el tamaño del asiento, la elevación, la base de los pies y las ruedas, y añadir accesorios adicionales como un reposacuellos y reposabrazos: una experiencia no tan distinta a la de comprar un coche.

El diseño es uno de los principios básicos de Flokk. La empresa se enorgullece de crear productos estéticos, duraderos y de alta calidad que enamoran a sus clientes. (De hecho, una sola silla de oficina cuesta entre 700 y 2.000 dólares). Los clientes esperan que los valores de calidad y diseño de Flokk se manifiesten en todos los puntos de contacto con la empresa, incluida la experiencia de pedido en línea.

Sin embargo, antes de 2019, Flokk no tenía la experiencia web más ágil. Entre bastidores, el contenido estático suponía un reto para captar a los clientes. Las recientes adquisiciones agravaron aún más el problema de la coherencia y el control. La antigua infraestructura del sitio web era poco escalable y no podía soportar la nueva complejidad que suponían las marcas y productos adicionales, lo que daba lugar a un recorrido del cliente deficiente. Flokk tampoco tenía un canal de autoservicio en línea.

"Vimos que tanto distribuidores como clientes esperaban encontrar nuestros productos en línea y querían ver cómo podían personalizarlos en función de sus necesidades", explica Martina Winsell, responsable de comercio electrónico de Flokk. "Como nuestros productos son bastante complejos, era importante para nosotros centrarnos en la usabilidad a la hora de pensar en el estado futuro".

De hecho, ya era hora de llevar a cabo una revisión completa de la plataforma de comercio electrónico. Los objetivos del proyecto eran ambiciosos, pero claros: diseñar una infraestructura común que desbloqueara el canal de autoservicio, permitiera la creación de herramientas de venta tangenciales, se adaptara a la cartera de productos de la empresa y facilitara la mejor experiencia posible al cliente.

Tras decidir hacer la inversión, el siguiente paso era encontrar un socio de confianza.

Trabajando en la intersección de la tecnología, el diseño y la estrategia, Forte Digital es una empresa de consultoría que crea productos y servicios digitales a través de asociaciones a largo plazo con sus clientes. Su cartera incluye empresas que abarcan muchos sectores, como Farmasiet (la mayor farmacia en línea de Noruega), Nationaltheatret (un teatro de renombre mundial), Gyldendal Akademisk (una gran editorial académica) y NorgesGruppen (el mayor minorista de Noruega).

La experiencia interdisciplinar de Forte Digital ha sido fundamental para su éxito en la creación de soluciones que generan valor sostenible para sus clientes. Esta experiencia también convirtió a la empresa en una opción obvia como socio para alcanzar los objetivos de Flokk, y finalmente fue seleccionada para ello.

En el centro del proyecto se encontraba una infraestructura común de visualización de productos (denominada "configurador") que pudiera representar con precisión los productos de Flokk y sus múltiples permutaciones, y desplegarse en diversas plataformas web, como el sitio web orientado al cliente, una nueva herramienta para distribuidores denominada Flokk Hub y otras herramientas de ventas y marketing.

Dados los objetivos de escalabilidad y eficacia de Flokk, era lógico que el configurador estuviera basado en 3D, a diferencia de, por ejemplo, fotografiar físicamente cada silla y sus configuraciones en todos los ángulos, lo que llevaría mucho tiempo y supondría un coste increíble.

Tras alinearse en la infraestructura, el siguiente paso fue realizar el trabajo que realmente permitiría a Flokk representar virtualmente sus productos, incluida la digitalización de sus numerosos materiales para sillas.

La fidelidad visual y la representación exacta de los materiales de Flokk eran de suma importancia, por lo que tenía sentido adoptar un flujo de trabajo de escaneado para crear gemelos digitales de los cientos de materiales para sillas de la empresa. Otras opciones eran generar los materiales procedimentalmente (es decir, desde cero) mediante un programa informático, o adquirir escaneados de una biblioteca pública de materiales. Sin embargo, escanear los materiales reales de Flokk era la única manera de garantizar que los resultados fueran fieles a la realidad.

En concreto, el equipo del proyecto decidió utilizar un flujo de trabajo de escaneado denominado estéreo fotométrico, una técnica que permite captar las propiedades de la superficie de un objeto mediante varias fotografías tomadas con diferentes condiciones de luz. La estereoscopía fotométrica permite extraer datos no sólo sobre el albedo (es decir, el color, como puede hacer un escáner plano normal), sino también sobre las normales (es decir, el patrón de relieve de una superficie) y, en ocasiones, sobre la especularidad y la rugosidad, que son datos clave para crear un material de renderizado de base física (PBR), el formato estándar del sector.

Dado el número de materiales que había que digitalizar, el equipo necesitaba que el proceso fuera lo más automatizado y coherente posible. Piotr Bieryt, artista 3D de Forte Digital, decidió construir un equipo personalizado totalmente automatizado y procesar los escaneados con ArtEngine.

Tras montar la plataforma con madera contrachapada cortada con láser y elementos impresos en 3D, Bieryt cubrió el interior del prototipo con terciopelo negro para evitar la decoloración y los reflejos de la luz e instaló una placa negra extraíble en la parte inferior para captar la transparencia mediante iluminación desde abajo. A continuación, el equipo se configuró para ser controlado por Arduino.

"Me encanta construir cosas y automatizar procesos, ¡así que me divertí mucho!". explicó Bieryt.

Utilizó una cámara sin espejo Olympus de 16 MP con un objetivo macro de 60 mm (sistema Micro Four Thirds) para captar los detalles de las telas de Flokk, y disparó en RAW para garantizar la precisión del balance de blancos y los colores. Tras la corrección del color, Bieryt empezó a trabajar en ArtEngine.

He aquí un resumen del flujo de trabajo típico de Bieryt en ArtEngine.

En el ejemplo siguiente, la muestra era una muestra de 10x10 cm de un tejido semitransparente de una de las sillas de Flokk. Al digitalizar materiales, la transparencia requiere un canal de transparencia adicional, lo que puede crear complejidad. Para solucionarlo, Bieryt escaneó la tela dos veces, una con ella iluminada por los lados (un proceso estándar de captura fotométrica estereoscópica) y otra iluminada por la parte inferior (para capturar la transparencia).

Después de importarlas a ArtEngine, introdujo cada uno de los dos conjuntos de imágenes en un nodo Multi-Angle to Texture para combinar las 16 imágenes en tres mapas: albedo, normal y transparencia.

A continuación, aplicó la función de eliminación de degradados (similar al filtro de paso alto de Photoshop) a los mapas de albedo y normales para eliminar los degradados visibles y facilitar la colocación en mosaico.

Tras aplicar Compose Material para fusionar los tres mapas en un único material, Bieryt utilizó Pattern Unwarp para corregir las distorsiones naturales del tejido. Bieryt señala: "Merece la pena dedicar tiempo a enderezar una muestra antes de escanearla para reducir el tiempo dedicado al postprocesado, pero si no se pueden eliminar todos los pliegues, ArtEngine dispone de magníficas herramientas para corregirlos a posteriori".

A continuación, utilizó Cropto paraencuadrar una parte de la textura enderezada con una relación de aspecto 1:1. A continuación se muestra el gráfico de nodos.

A continuación llegó Mutation Structure, un nodo utilizado para mejorar aún más el embaldosado mediante el uso de IA para reconocer y eliminar patrones repetitivos, manteniendo intacta la estructura del patrón subyacente.

"Mutation Structure es la magia de ArtEngine", señala Bieryt. "Fue un gran cambio para nosotros que nos permitió centrarnos más en el lado artístico del escaneado, en lugar de pelearnos con software o algoritmos".

Tras ajustar varios parámetros, como el factor de escala del mundo y las dimensiones de salida, consiguió una textura 8K muy detallada que era seis veces mayor que la muestra escaneada de 10x10 cm y no presentaba artefactos de mosaico evidentes.

Por último, Bieryt utilizó la Generación de altura y la Generación de rugosidad y brillo para crear mapas de altura y rugosidad, así como un Material compuesto final para compilarlo todo y facilitar la exportación.

A continuación se muestra el gráfico de nodos final.

Los materiales que sólo se diferenciaban por su color se escaneaban una sola vez. La creación de varios colores de tejidos con la misma estructura subyacente, así como la aplicación de los materiales a los modelos de sillas en 3D y el renderizado final, se realizaron en Blender Cycles.

Desde que comenzó la transformación, Flokk ya ha visto resultados tangibles. A medida que el pago en línea se ha ido extendiendo por países, la empresa ha experimentado un aumento significativo del tráfico web. Sus distribuidores y clientes están más satisfechos y encantados, lo que aumenta la fidelidad a la marca y su reputación. La empresa también tiene menos gastos generales asociados a la tramitación manual de pedidos.

La mejor forma de visualizar las mejoras es dando un paseo por Flokk.com, su sitio web orientado al consumidor. Tras seleccionar una silla de su interés, los usuarios pueden personalizar casi todos los aspectos, ver su configuración de cerca y desde distintos ángulos, y conocer los costes asociados a la modificación de ciertas características antes de decidirse a hacer un pedido en línea.

El proyecto sigue en marcha mientras Flokk continúa ampliando las capacidades de autoservicio en sitios web específicos de cada país y despliega nuevas herramientas para su equipo de ventas y sus clientes. Por ejemplo, una iniciativa actual pretende aprovechar el configurador para un "modo sala de exposición", una aplicación instalada en iPads en sus salas de exposición de todo el mundo para que los clientes puedan explorar y pedir fácilmente los productos de Flokk mientras están en la tienda.

En términos más generales, el trabajo ha mostrado a toda la empresa la importancia de invertir en la experiencia del cliente y adaptarse a los cambios de preferencias, ya que los consumidores se sienten cada vez más cómodos en línea, realizando compras a través de la web o de una aplicación. No cabe duda de que Flokk se ha posicionado excepcionalmente bien para competir, sobre todo en un sector como el de la fabricación de muebles, en el que la inversión en el recorrido integral del usuario puede estar rezagada. De hecho, al optar por mantener continuamente la experiencia del cliente en la vanguardia de sus decisiones de inversión, Flokk ha creado una ventaja competitiva sostenible que llevará a la empresa a través de todos sus éxitos futuros.