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

MICHELLE BAUMGARTNER / UNITY TECHNOLOGIESContributor
Jul 27, 2021|15 Мин
Маркетинг продуктов в гиперреалистичной манере с помощью Unity ArtEngine
Эта веб-страница была переведена с помощью машинного перевода для вашего удобства. Мы не можем гарантировать точность или надежность переведенного контента. Если у вас есть вопросы о точности переведенного контента, обращайтесь к официальной английской версии веб-страницы.

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

Unity ArtEngine обеспечивает фотореалистичную визуализацию продуктов для Flokk

Компания 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. "Поскольку наши продукты довольно сложны, нам было важно сосредоточиться на удобстве использования, когда мы думали о будущем состоянии".

Действительно, назревала полная перестройка платформы электронной коммерции. Цели проекта были амбициозными, но ясными: разработать общую инфраструктуру, которая откроет канал самообслуживания, позволит создавать дополнительные инструменты продаж, масштабироваться вместе с портфелем продуктов компании и обеспечит наилучшее качество обслуживания клиентов.

Создание основы для визуализации физических продуктов в 3D

После принятия решения о вложении средств следующим шагом стал поиск надежного партнера.

Работая на стыке технологий, дизайна и стратегии, Forte Digital - это консалтинговая компания, создающая цифровые продукты и услуги в рамках долгосрочного партнерства со своими клиентами. В ее портфель входят компании, охватывающие многие отрасли, такие как Farmasiet (крупнейшая в Норвегии онлайн-аптека), Nationaltheatret (всемирно известный театр), Gyldendal Akademisk (крупное академическое издательство) и NorgesGruppen (крупнейшая в Норвегии розничная компания).

Междисциплинарный опыт Forte Digital стал залогом успеха компании в создании решений, создающих устойчивую ценность для клиентов. Благодаря такому опыту компания стала очевидным выбором в качестве партнера для реализации целей Flokk, и в конечном итоге была выбрана именно для этого.

В центре проекта находилась общая инфраструктура визуализации продуктов (так называемый "Конфигуратор"), которая могла бы точно отображать продукты Flokk и их многочисленные варианты и быть развернута на различных веб-платформах, таких как сайт для клиентов, новый инструмент для дилеров под названием Flokk Hub, а также другие инструменты продаж и маркетинга.

Зеленая круговая диаграмма, показывающая, как создать новый сайт.

Учитывая цели компании Flokk по масштабируемости и эффективности, конфигуратор имеет смысл использовать в 3D, в отличие, например, от физического фотографирования каждого стула и его конфигураций под любым углом, что потребовало бы невероятных затрат времени и средств.

После согласования инфраструктуры следующим шагом стала работа, которая позволит компании Flokk виртуально представлять свою продукцию, включая оцифровку многочисленных материалов для стульев.

Оцифровка материалов с помощью ArtEngine

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

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

Gif о том, как работает освещение в Unity

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

прототип установки с использованием фанеры, вырезанной лазером, и элементов, напечатанных на 3D-принтере

Собрав установку из фанеры, вырезанной лазером, и 3D-печатных элементов, Бирит покрыл внутреннюю часть прототипа черным велюром, чтобы предотвратить обесцвечивание и отражение света, и установил съемную черную пластину на дне, чтобы обеспечить прозрачность при освещении снизу. Затем установка была настроена на управление с помощью Arduino.

"Я люблю создавать вещи и автоматизировать процессы, поэтому мне было очень весело!" Бирит объяснил.

Он использовал беззеркальную камеру Olympus 16 МП с макрообъективом 60 мм (система Micro Four Thirds), чтобы запечатлеть мелкие детали на тканях Флокка, и снимал в RAW, чтобы обеспечить точный баланс белого и цвета. После цветокоррекции Бирит приступил к работе в ArtEngine.

Вот обзор типичного рабочего процесса Бирита в ArtEngine.

В приведенном ниже примере образцом послужил образец полупрозрачной ткани размером 10x10 см с одного из стульев Flokk. При оцифровке материалов прозрачность требует дополнительного канала прозрачности, что может создавать сложности. Чтобы решить эту проблему, Бирит отсканировал ткань дважды: один раз с освещением с боков (стандартный фотометрический стереозахват), а другой - с освещением снизу (для получения прозрачности).

После импорта в ArtEngine он подключил каждый из двух наборов изображений к узлу Multi-Angle to Texture, чтобы объединить 16 изображений в три карты: альбедо, нормали и прозрачности.

Изображение, демонстрирующее работу текстурного узла художественного движка с текстурами альбедо, нормалей и прозрачности.

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

Изображение, показывающее до и после добавления текстурного градиента к динамикам в ArtEngine
Изображение, показывающее процесс слияния текстур в ArtEngine.

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

Изображение, показывающее текстуру до деформации узора и после деформации узора в ArtEngine

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

Изображение, описывающее работу структуры мутаций ArtEngine.

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

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

Изображение, показывающее, как мутационная структура ArtEngine изменяет внешний вид 3D-модели.
Изображение, показывающее, как настроить размеры вывода в ArtEngine.

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

Изображение, показывающее настройки масштаба мира, карты шаблонов и мутационной структуры в ArtEngine.

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

Изображение процесса создания материала в ArtEngine.

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

Окончательный граф всех текстур, использованных Биеритом и командой в ArtEngine.

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

Изображение зеленого офисного кресла, синего офисного кресла и серого офисного кресла
Собираем все воедино

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

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

Изображение, показывающее новый макет веб-сайта Flokk
Изображение, показывающее обновленные текстуры стульев, созданные в ArtEngine

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

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

Имитация стульев Flokk в комнате со стеклянными стенами и видом на горы