Marketing de produtos de forma hiper-realista com o Unity ArtEngine

Como um fabricante de móveis de escritório aproveita as tecnologias de visualização de produtos em 3D para melhorar a experiência do cliente? Dada a natureza personalizada de seus produtos, a Flokk decidiu que era hora de renovar toda a sua plataforma da Web. Uma parte importante desse projeto envolveu a digitalização de todos os materiais das cadeiras da Flokk e sua projeção em modelos 3D, o que foi feito com a ajuda de seu parceiro de soluções confiáveis, a Forte Digital, e um fluxo de trabalho de digitalização que utilizou o Unity ArtEngine.

A Flokk é líder de mercado no design e na fabricação de móveis de primeira linha para locais de trabalho. Vendidos em mais de 80 países, seus produtos incluem marcas como HÅG, Offecct, Giroflex, RH, Profim, 9to5 Seating, BMA, RBM e Malmstolen. Todos os dias, seus 2.000 funcionários trabalham juntos para realizar uma visão comum: Inspirar um ótimo trabalho.

O design está no centro dos produtos da Flokk. Cada um de seus produtos pode ser personalizado, graças à sua cadeia de suprimentos e processos de fabricação altamente eficientes. No entanto, o design nem sempre foi o centro da experiência on-line do cliente. Em 2019, a Flokk decidiu mudar isso, fazendo um grande investimento em uma nova plataforma de comércio eletrônico, com a ajuda de seu parceiro de confiança Forte Digital. Uma parte crítica do trabalho envolveu a digitalização dos materiais das cadeiras da empresa usando o Unity ArtEngine e a integração deles em um configurador 3D desenvolvido internamente que permitiria aos clientes projetar uma cadeira em 3D no conforto de seu navegador da Web.

Os resultados:

• Aumento do tráfego da Web ao permitir o checkout on-line de autoatendimento pela primeira vez
• Eficiências internas associadas à menor necessidade de sessões de fotos físicas, já que a Flokk agora pode gerar fotos de alta resolução com um configurador 3D
• Maior confiabilidade da experiência de pedidos, resultando em menos erros e devoluções de pedidos, e revendedores e clientes mais satisfeitos
• Consistência na marca e no posicionamento da Flokk; o valor do design da Flokk agora é exibido não apenas em seus produtos, mas em todos os estágios da jornada do cliente
• Uma vantagem competitiva sustentável ao se diferenciar em um setor tradicional, onde o investimento em tecnologia 3D em tempo real pode estar atrasado

As cadeiras da Flokk são feitas sob medida e têm milhões de configurações possíveis, o que cria uma complexidade significativa na cadeia de suprimentos e no processo de pedidos da empresa. Por exemplo, para uma SKU de cadeira de escritório específica, um cliente pode escolher entre dezenas de tecidos, especificar características sobre o tamanho do assento, elevação, base para os pés e rodas, e adicionar acessórios adicionais, como um descanso para o pescoço e apoios para os braços - uma experiência não muito diferente da compra de um carro.

O design é um dos princípios fundamentais da Flokk. A empresa se orgulha de criar produtos estéticos, de alta qualidade e duráveis que seus clientes adoram. (De fato, o preço de uma única cadeira de escritório é de US$ 700 a US$ 2.000). Os clientes esperam que os valores de qualidade e design da Flokk se manifestem em todos os pontos de contato com a empresa, inclusive na experiência de pedidos on-line.

No entanto, antes de 2019, a Flokk não tinha a experiência mais simplificada da Web. Nos bastidores, o conteúdo estático representava um desafio para envolver os clientes. As aquisições recentes agravaram ainda mais a questão da consistência e do controle. A infraestrutura do site antigo tinha baixa escalabilidade e não suportava a nova complexidade trazida pelas marcas e produtos adicionais, resultando em uma jornada do cliente abaixo da média. A Flokk também não tinha um canal de autoatendimento on-line.

"Vimos que tanto os revendedores quanto os clientes esperavam encontrar nossos produtos on-line e queriam ver como poderiam personalizá-los de acordo com suas necessidades", explicou Martina Winsell, gerente de comércio eletrônico da Flokk. "Como nossos produtos são bastante complexos, era importante que nos concentrássemos na usabilidade ao pensar no estado futuro."

De fato, uma revisão completa da plataforma de comércio eletrônico estava atrasada. As metas do projeto eram ambiciosas, mas claras: projetar uma infraestrutura comum que desbloqueasse o canal de autoatendimento, possibilitasse a criação de ferramentas de vendas tangenciais, fosse dimensionada com o portfólio de produtos da empresa e facilitasse a melhor experiência possível para o cliente.

Depois de decidir fazer o investimento, a próxima etapa foi encontrar um parceiro confiável.

Trabalhando na interseção de tecnologia, design e estratégia, a Forte Digital é uma empresa de consultoria que desenvolve produtos e serviços digitais por meio de parcerias de longo prazo com seus clientes. Seu portfólio inclui empresas que abrangem vários setores, como a Farmasiet (a maior farmácia on-line da Noruega), a Nationaltheatret (um teatro de renome mundial), a Gyldendal Akademisk (uma grande editora acadêmica) e a NorgesGruppen (a maior varejista da Noruega).

A experiência interdisciplinar da Forte Digital tem sido fundamental para seu sucesso no desenvolvimento de soluções que criam valor sustentável para seus clientes. Essa experiência também fez com que a empresa fosse uma escolha óbvia como parceira para cumprir as metas da Flokk, e acabou sendo selecionada para isso.

No centro do projeto estava uma infraestrutura comum de visualização de produtos (chamada de "Configurator") que poderia representar com precisão os produtos da Flokk e suas muitas permutações, e ser implantada em várias plataformas da Web, como o site voltado para o cliente, uma nova ferramenta de revendedor chamada Flokk Hub e outras ferramentas de vendas e marketing.

Considerando as metas de escalabilidade e eficiência da Flokk, fazia sentido que o Configurador fosse baseado em 3D, em vez de, por exemplo, fotografar fisicamente todas as cadeiras e suas configurações em todos os ângulos, o que demandaria muito tempo e custo.

Depois de alinhar a infraestrutura, a próxima etapa foi realizar o trabalho que realmente permitiria que a Flokk representasse seus produtos virtualmente, incluindo a digitalização dos diversos materiais das cadeiras.

A fidelidade visual e a representação precisa dos materiais da Flokk eram de extrema importância e, portanto, fazia sentido adotar um fluxo de trabalho de digitalização para criar Digital Twins das centenas de materiais de cadeiras da empresa. Outras opções incluíam gerar os materiais processualmente (ou seja, do zero) usando um software ou comprar digitalizações de uma biblioteca pública de materiais. No entanto, a digitalização dos materiais reais de Flokk era a única maneira de garantir que os resultados fossem fiéis à realidade.

Especificamente, a equipe do projeto decidiu usar um fluxo de trabalho de digitalização chamado estéreo fotométrico, uma técnica que permite a captura das propriedades da superfície de um objeto usando várias fotografias tiradas com diferentes condições de luz. Usando o estéreo fotométrico, é possível extrair dados não apenas sobre o albedo (ou seja, a cor, como um scanner de mesa comum pode fazer), mas também sobre as normais (ou seja, o padrão de relevo de uma superfície) e, às vezes, sobre a especularidade e a rugosidade, que são os principais insumos para a criação de um material de renderização com base física (PBR), o formato padrão do setor.

Dado o número de materiais a serem digitalizados, a equipe precisava que o processo fosse o mais automatizado e consistente possível. Piotr Bieryt, um artista 3D da Forte Digital, decidiu criar um equipamento personalizado e totalmente automatizado e processar as digitalizações com o ArtEngine.

Depois de montar o equipamento usando madeira compensada cortada a laser e elementos impressos em 3D, Bieryt cobriu o interior do protótipo com veludo preto para evitar descoloração e reflexos de luz e instalou uma placa preta removível na parte inferior para capturar a transparência usando a iluminação de baixo. O equipamento foi então configurado para ser controlado pelo Arduino.

"Adoro construir coisas e automatizar processos, por isso me diverti muito!" Bieryt explicou.

Ele usou uma câmera Olympus de 16 MP sem espelho com uma lente macro de 60 mm (sistema Micro Four Thirds) para capturar os detalhes finos dos tecidos de Flokk e fotografou em RAW para garantir cores e equilíbrio de branco precisos. Após a correção de cores, Bieryt começou seu trabalho no ArtEngine.

Aqui está uma visão geral do fluxo de trabalho típico de Bieryt no ArtEngine.

No exemplo abaixo, a amostra era uma amostra de 10x10 cm de um tecido semitransparente de uma das cadeiras da Flokk. Ao digitalizar materiais, a transparência requer um canal de transparência adicional, o que pode criar complexidade. Para resolver isso, Bieryt escaneou o tecido duas vezes, uma vez com ele iluminado pelas laterais (um processo padrão de captura estéreo fotométrica) e uma vez iluminado pela parte inferior (para capturar a transparência).

Após a importação para o ArtEngine, ele conectou cada um dos dois conjuntos de imagens em um nó Multi-Angle to Texture para combinar as 16 imagens em três mapas: albedo, normal e transparência.

Em seguida, ele aplicou o Gradient Removal (semelhante ao filtro High Pass do Photoshop) aos mapas albedo e normal para remover gradientes visíveis e permitir uma melhor capacidade de aplicação de ladrilhos.

Depois de aplicar o Compose Material para mesclar os três mapas em um único material, Bieryt usou o Pattern Unwarp para corrigir as distorções naturais do tecido. Bieryt observa: "Vale a pena gastar tempo endireitando uma amostra antes da digitalização para reduzir o tempo gasto com o pós-processamento, mas se você não conseguir eliminar todos os problemas, o ArtEngine tem ótimas ferramentas para correção após o fato."

Em seguida, ele usou o Crop paraenquadrar uma parte da textura endireitada com uma proporção de 1:1. Abaixo está o gráfico de nós.

Em seguida, veio a Estrutura de mutação, um nó usado para aprimorar ainda mais o ladrilho usando IA para reconhecer e eliminar padrões repetitivos, mantendo intacta a estrutura do padrão subjacente.

"A estrutura de mutação é a mágica do ArtEngine", observa Bieryt. "Foi um grande divisor de águas para nós, que nos permitiu focar mais no lado artístico da digitalização, em vez de lutar com software ou algoritmos."

Depois de ajustar vários parâmetros, incluindo o fator de escala mundial e as dimensões de saída, ele chegou a uma textura 8K altamente detalhada que era seis vezes maior do que a amostra digitalizada de 10x10 cm e não apresentava artefatos de ladrilho óbvios.

Por fim, Bieryt usou o Height Generation e o Roughness/Gloss Generation para criar mapas de altura e rugosidade, bem como um Compose Material final para compilar tudo para facilitar a exportação.

Abaixo está o gráfico de nós final.

Os materiais que diferiam apenas por sua cor foram digitalizados apenas uma vez. A criação de várias cores de tecidos com a mesma estrutura subjacente, bem como a aplicação dos materiais aos modelos de cadeira 3D e a renderização final, foram feitas no Blender Cycles.

Desde o início da transformação, a Flokk já viu resultados tangíveis. Como o checkout on-line foi implementado em cada país, a empresa observou um aumento significativo no tráfego da Web. Seus revendedores e clientes ficam mais satisfeitos e encantados, aumentando a fidelidade e a reputação da marca. A empresa também tem menos custos indiretos associados ao processamento de pedidos manuais.

Os aprimoramentos talvez sejam melhor visualizados em um passeio pelo site voltado para o consumidor, Flokk.com. Depois de selecionar uma cadeira de seu interesse, os usuários podem personalizar quase todos os aspectos, ver sua configuração de perto e em vários ângulos diferentes e entender os custos associados à alteração de determinados recursos antes de decidir fazer um pedido on-line.

O projeto continua em andamento enquanto a Flokk continua a expandir os recursos de autoatendimento em sites específicos de cada país e implanta novas ferramentas para sua equipe de vendas e clientes. Por exemplo, uma iniciativa atual tem como objetivo aproveitar o Configurador para um "modo Showroom", um aplicativo instalado em iPads em seus showrooms em todo o mundo para que os clientes possam explorar e encomendar facilmente os produtos da Flokk enquanto estiverem na loja.

De forma mais ampla, o trabalho mostrou a toda a empresa a importância de investir na experiência do cliente e de se adaptar às mudanças de preferências, já que os consumidores se sentem cada vez mais à vontade on-line, fazendo compras pela Web ou por um aplicativo. Sem dúvida, a Flokk se posicionou excepcionalmente bem para competir, especialmente em um setor como o de fabricação de móveis, em que o investimento na jornada do usuário de ponta a ponta pode estar atrasado. De fato, ao optar por manter continuamente a experiência do cliente na vanguarda de suas decisões de investimento, a Flokk criou uma vantagem competitiva sustentável que levará a empresa adiante em todos os seus sucessos futuros.