Маркетинг продуктов в гиперреалистичной манере с помощью Unity ArtEngine

Как производителю офисной мебели использовать технологии 3D-визуализации продукции для повышения качества обслуживания клиентов? Учитывая индивидуальный характер своей продукции, компания Flokk решила, что настало время пересмотреть всю свою веб-платформу. Ключевой частью этого проекта было оцифровывание всех материалов стульев Flokk и их проецирование на 3D-модели, что было сделано с помощью надежного партнера по решениям, компании Forte Digital, и рабочего процесса сканирования, использующего Unity ArtEngine.
Компания Flokk является лидером на рынке дизайна и производства высококачественной мебели для рабочих мест. Продукция компании продается в более чем 80 странах мира и включает в себя товары таких брендов, как HÅG, Offecct, Giroflex, RH, Profim, 9to5 Seating, BMA, RBM и Malmstolen. Каждый день 2000 сотрудников компании работают вместе, чтобы реализовать общее видение: Вдохновляйте на великую работу.
Дизайн лежит в основе продукции Flokk. Каждый продукт компании может быть изготовлен по индивидуальному заказу благодаря высокоэффективной цепочке поставок и производственным процессам. Однако дизайн не всегда был в центре внимания при работе с клиентами в Интернете. В 2019 году компания Flokk решила изменить эту ситуацию, сделав крупные инвестиции в новую платформу электронной коммерции с помощью своего надежного партнера Forte Digital. Важнейшая часть работы заключалась в оцифровке материалов стульев компании с помощью Unity ArtEngine и их интеграции в разработанный собственными силами 3D-конфигуратор, который позволил бы клиентам проектировать стулья в 3D в удобном для них веб-браузере.

Результаты:
- Увеличение посещаемости сайта за счет впервые созданной возможности самостоятельного оформления заказа в режиме онлайн
- Внутренняя эффективность, связанная с уменьшением потребности в физических фотосессиях, поскольку Flokk теперь может генерировать фотографии высокого разрешения с помощью 3D-конфигуратора
- Повышение надежности процесса оформления заказа, что приводит к уменьшению количества ошибок и возвратов заказов, а также к увеличению числа довольных дилеров и клиентов
- Последовательность в брендинге и позиционировании Flokk; ценность дизайна Flokk теперь проявляется не только в продуктах, но и на всех этапах пути клиента.
- Устойчивое конкурентное преимущество за счет дифференциации в традиционной отрасли, где инвестиции в 3D-технологии в режиме реального времени могут отставать
Стулья Flokk изготавливаются на заказ и имеют миллионы возможных конфигураций, что значительно усложняет цепочку поставок и процесс заказа. Например, для конкретного офисного кресла SKU покупатель может выбрать одну из десятков тканей, указать характеристики размера сиденья, лифта, основания для ног и колес, а также добавить дополнительные аксессуары, такие как подставка для шеи и подлокотники, что ничем не отличается от покупки автомобиля.

Дизайн - один из основных принципов Flokk. Компания гордится тем, что создает эстетичные, высококачественные и долговечные изделия, которые нравятся ее клиентам. (Действительно, цена одного офисного кресла составляет от 700 до 2 000 долларов США). Клиенты ожидают, что ценности качества и дизайна Flokk будут проявляться во всех точках соприкосновения с компанией, в том числе и при оформлении онлайн-заказов.

Однако до 2019 года у Flokk был не самый удобный веб-опыт. За кулисами статичный контент создавал проблемы для привлечения клиентов. Недавние приобретения еще больше усугубили проблему последовательности и контроля. Старая инфраструктура сайта имела низкую масштабируемость и не могла поддерживать новую сложность, вызванную появлением дополнительных брендов и продуктов, что привело к некачественному путешествию клиентов. У Flokk также не было онлайн-канала самообслуживания.
"Мы увидели, что и дилеры, и клиенты хотят найти нашу продукцию в Интернете, и хотели узнать, как они могут настроить ее в соответствии со своими потребностями", - объясняет Мартина Уинселл, менеджер по электронной коммерции компании Flokk. "Поскольку наши продукты довольно сложны, нам было важно сосредоточиться на удобстве использования, когда мы думали о будущем состоянии".
Действительно, назревала полная перестройка платформы электронной коммерции. Цели проекта были амбициозными, но ясными: разработать общую инфраструктуру, которая откроет канал самообслуживания, позволит создавать дополнительные инструменты продаж, масштабироваться вместе с портфелем продуктов компании и обеспечит наилучшее качество обслуживания клиентов.
После принятия решения о вложении средств следующим шагом стал поиск надежного партнера.
Работая на стыке технологий, дизайна и стратегии, Forte Digital - это консалтинговая компания, создающая цифровые продукты и услуги в рамках долгосрочного партнерства со своими клиентами. В ее портфель входят компании, охватывающие многие отрасли, такие как Farmasiet (крупнейшая в Норвегии онлайн-аптека), Nationaltheatret (всемирно известный театр), Gyldendal Akademisk (крупное академическое издательство) и NorgesGruppen (крупнейшая в Норвегии розничная компания).
Междисциплинарный опыт Forte Digital стал залогом успеха компании в создании решений, создающих устойчивую ценность для клиентов. Благодаря такому опыту компания стала очевидным выбором в качестве партнера для реализации целей Flokk, и в конечном итоге была выбрана именно для этого.
В центре проекта находилась общая инфраструктура визуализации продуктов (так называемый "Конфигуратор"), которая могла бы точно отображать продукты Flokk и их многочисленные варианты и быть развернута на различных веб-платформах, таких как сайт для клиентов, новый инструмент для дилеров под названием Flokk Hub, а также другие инструменты продаж и маркетинга.

Учитывая цели компании Flokk по масштабируемости и эффективности, конфигуратор имеет смысл использовать в 3D, в отличие, например, от физического фотографирования каждого стула и его конфигураций под любым углом, что потребовало бы невероятных затрат времени и средств.
После согласования инфраструктуры следующим шагом стала работа, которая позволит компании Flokk виртуально представлять свою продукцию, включая оцифровку многочисленных материалов для стульев.
Визуальная достоверность и точное представление материалов Flokk были крайне важны, поэтому было решено использовать процесс сканирования для создания цифровых двойников сотен материалов для стульев компании. Другие варианты включают процедурное создание материалов (т.е. с нуля) с помощью программного обеспечения или приобретение сканов из публичной библиотеки материалов. Однако сканирование реальных материалов Флокка было единственным способом гарантировать, что результаты будут соответствовать реальности.
В частности, команда проекта решила использовать процесс сканирования под названием фотометрическое стерео - метод, который позволяет получить свойства поверхности объекта с помощью нескольких фотографий, сделанных при разных условиях освещения. Используя фотометрическое стерео, можно получить данные не только об альбедо (т.е. цвете - как это делает обычный планшетный сканер), но и о нормалях (т.е. рельефе поверхности), а иногда и о спекулярности и шероховатости, которые являются ключевыми исходными данными для создания физически обоснованного рендеринга (PBR) - стандартного формата в индустрии.

Учитывая количество материалов, подлежащих оцифровке, команда должна была максимально автоматизировать и согласовать процесс. Петр Бирит, 3D-художник из Forte Digital, решил создать собственную, полностью автоматизированную установку и обрабатывать сканы с помощью ArtEngine.

Собрав установку из фанеры, вырезанной лазером, и 3D-печатных элементов, Бирит покрыл внутреннюю часть прототипа черным велюром, чтобы предотвратить обесцвечивание и отражение света, и установил съемную черную пластину на дне, чтобы обеспечить прозрачность при освещении снизу. Затем установка была настроена на управление с помощью Arduino.
"Я люблю создавать вещи и автоматизировать процессы, поэтому мне было очень весело!" Бирит объяснил.
Он использовал беззеркальную камеру Olympus 16 МП с макрообъективом 60 мм (система Micro Four Thirds), чтобы запечатлеть мелкие детали на тканях Флокка, и снимал в RAW, чтобы обеспечить точный баланс белого и цвета. После цветокоррекции Бирит приступил к работе в ArtEngine.
Вот обзор типичного рабочего процесса Бирита в ArtEngine.
В приведенном ниже примере образцом послужил образец полупрозрачной ткани размером 10x10 см с одного из стульев Flokk. При оцифровке материалов прозрачность требует дополнительного канала прозрачности, что может создавать сложности. Чтобы решить эту проблему, Бирит отсканировал ткань дважды: один раз с освещением с боков (стандартный фотометрический стереозахват), а другой - с освещением снизу (для получения прозрачности).
После импорта в ArtEngine он подключил каждый из двух наборов изображений к узлу Multi-Angle to Texture, чтобы объединить 16 изображений в три карты: альбедо, нормали и прозрачности.

Затем он применил Gradient Removal (аналогичный фильтру High Pass в Photoshop) к картам альбедо и нормалей, чтобы удалить видимые градиенты и обеспечить лучшую плиточность.


После применения Compose Material для объединения трех карт в один материал Бирит использовал Pattern Unwarp для коррекции естественных искажений ткани. Бирит отмечает: "Стоит потратить время на выпрямление образца перед сканированием, чтобы сократить время на постобработку, но если вы не можете убрать все перегибы, в ArtEngine есть отличные инструменты для коррекции постфактум".

Затем он использовал программу Croptoдля кадрирования части выпрямленной текстуры с соотношением сторон 1:1. Ниже представлен граф узлов.

Далее следует Mutation Structure- узел, используемый для дальнейшего улучшения тайлинга с помощью искусственного интеллекта для распознавания и устранения повторяющихся узоров, сохраняя при этом структуру основного узора.
"Мутационная структура - это магия ArtEngine, - отмечает Бирит. "Для нас это было огромной переменой, которая позволила нам больше сосредоточиться на художественной стороне сканирования, а не на борьбе с программным обеспечением или алгоритмами".


Настроив несколько параметров, включая коэффициент масштабирования мира и размеры вывода, он получил высокодетализированную 8K-текстуру, которая была в шесть раз больше отсканированного образца размером 10х10 см и не имела явных артефактов черепицы.

Наконец, Бирит использовал генерацию высоты и генерацию шероховатости / блеска для создания карт высоты и шероховатости, а также финальный материал Compose Material, чтобы собрать все воедино для удобного экспорта.

Ниже представлен окончательный граф узлов.

Материалы, отличающиеся только цветом, сканировались только один раз. Создание нескольких цветов тканей с одинаковой структурой, а также применение материалов к 3D-моделям стульев и финальный рендеринг были выполнены в Blender Cycles.

С момента начала преобразований компания Flokk уже увидела ощутимые результаты. По мере внедрения онлайн-касс в разных странах компания отмечает значительное увеличение веб-трафика. Дилеры и клиенты компании становятся более довольными и восхищенными, что повышает лояльность и репутацию бренда. Кроме того, у компании меньше накладных расходов, связанных с обработкой заказов вручную.
Пожалуй, лучше всего эти улучшения можно представить, прогулявшись по сайту Flokk.com, ориентированному на потребителя. Выбрав интересующее кресло, пользователи могут настроить практически все его параметры, рассмотреть конфигурацию вблизи и под разными углами, а также узнать стоимость изменения тех или иных функций, прежде чем принять решение об оформлении онлайн-заказа.


Проект находится в процессе реализации, так как Flokk продолжает расширять возможности самообслуживания на веб-сайтах для конкретных стран и внедряет новые инструменты для своих отделов продаж и клиентов. Например, одна из текущих инициатив направлена на использование Конфигуратора для "режима шоу-рума" - приложения, устанавливаемого на iPad в шоу-румах компании по всему миру, чтобы клиенты могли легко изучать и заказывать продукцию Flokk, находясь в магазине.
В более широком смысле эта работа показала всей компании, как важно инвестировать в клиентский опыт и адаптироваться к меняющимся предпочтениям, поскольку потребители все чаще чувствуют себя более комфортно в Интернете, совершая покупки через веб-сайт или приложение. Безусловно, компания Flokk заняла исключительно выгодную позицию для конкуренции, особенно в такой отрасли, как производство мебели, где инвестиции в сквозное путешествие пользователя могут отставать. Действительно, решив постоянно держать клиентский опыт в центре внимания при принятии инвестиционных решений, Flokk создала устойчивое конкурентное преимущество, которое будет сопровождать компанию на протяжении всех ее будущих успехов.

