Разработали сайт‑бренд для производства бумаги, который не выглядит, как просто каталог

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

Задачи проекта и его значимость

Изначально задача выглядела довольно привычно: требовалось разработать корпоративный сайт для производственного предприятия. Однако уже на начальном этапе стало ясно, что классический подход — сайт с фотографиями производства и стандартным каталогом — не решает ключевую задачу бизнеса: формирование актуального и запоминающегося образа бренда.

Компания «Лилия» работает в традиционной производственной нише, где сайты чаще всего выглядят однотипно: каталоги продукции, шаблонные изображения, перегруженные текстовые блоки и слабая визуальная составляющая.

При анализе отрасли мы увидели системные проблемы, которые напрямую влияют на восприятие брендов:

• отсутствие визуальной дифференциации: большинство сайтов выглядят практически одинаково и не формируют уникальный образ компании;
• «обезличенная» подача продукта: бумажная продукция показывается как абстрактный товар без контекста использования и эмоции;
• перегруз информацией при слабой подаче: акцент делается на текстах и характеристиках, а не на восприятии и удобстве.

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

В процессе анализа мы сформулировали три ключевых инсайта:

1. В сегменте отсутствует визуальный язык, который бы делал продукт «осязаемым» и понятным через экран — пользователю сложно представить качество бумаги по стандартным фото.
2. Производственные компании недооценивают роль сайта как имиджевого инструмента — он используется как каталог, а не как точка формирования бренда.
3. Пользователь быстрее принимает решение через визуальный опыт, чем через текстовое описание, особенно в простых и повседневных категориях товаров.

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

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

Методология и подход к разработке

Было важно выделиться не столько за счёт содержания — информации о производстве, опыте и качестве — сколько за счёт формы подачи.

В результате сформировалась концепция сайта, где:

• вся продукция представлена в формате 3D;
• бумажные изделия показаны в привычных жизненных сценариях (ванная комната, кухня и т.д.);
• сайт воспринимается как визуальная презентация бренда, а не как сухой информационный ресурс.

Главной проблемой стало отсутствие референсов в отрасли. Производственные сайты практически не используют 3D и редко работают с визуальной концепцией как с основой продукта. Это усложняло согласование идей с клиентом — не на что было опереться.

Поэтому мы собрали кросс‑индустриальные референсы (e‑commerce, FMCG, презентационные лендинги), сделали несколько концептуальных направлений и через прототипы показали, как может выглядеть будущий опыт. Это позволило синхронизироваться с клиентом не на уровне слов, а на уровне визуального восприятия.

3D как основа визуального языка. Ключевым элементом проекта стала 3D‑графика. Мы сознательно отказались от стандартных фотоматериалов и выбрали более трудоёмкий, но выразительный путь:

• каждый продукт был заново создан в 3D;
• детально проработаны текстуры и свойства бумаги;
• разработаны сцены с окружением.

Продукция демонстрируется в привычных контекстах:

• туалетная бумага — в интерьере ванной;
• салфетки — в кухонном пространстве;
• бумажные платочки — в повседневных ситуациях.

Весь визуальный контент создавался с нуля — без заимствований, без использования сторонних шаблонов и клише.

Во время проработки визуального языка возникали трудности:

• сложность передачи материала: бумага — это визуально «простый», но на деле очень сложный объект с точки зрения текстуры, мягкости и слоистости;
• риск «искусственности»: 3D легко может выглядеть ненатурально, особенно в бытовых сценах;
• баланс между качеством и производительностью: тяжёлые 3D‑сцены могли замедлить сайт.

Как мы их решили:

• провели несколько итераций моделирования и текстурирования, чтобы добиться максимально реалистичной передачи материала;
• добавили окружение и сценарии использования, чтобы «заземлить» визуал и сделать его привычным для пользователя;
• оптимизировали модели и сцены (LOD, облегченные текстуры, грамотная сборка сцен), чтобы сохранить баланс между качеством графики и скоростью загрузки.

С технической точки зрения решение получилось намеренно лаконичным. Сайт реализован на стандартном JavaScript‑стеке с backend‑частью — без избыточной сложности и перегруженной архитектуры.

В результате получился визуально лёгкий, «воздушный» и при этом стабильный продукт, который работает на формирование бренда.

Во время разработки интерфейса мы столкнулись в трудностями:

• конфликт между визуалом и UX: важно было не перегрузить пользователя эффектами и сохранить удобство навигации;
• адаптация под разные устройства: 3D и сложный визуал могут нестабильно работать на мобильных устройствах;
• риск «пустого» сайта: при упоре на визуал есть вероятность потерять информативность.

Как мы их решили:

• выстроили четкую и простую структуру интерфейса, где 3D усиливает контент, а не заменяет его;
• реализовали адаптивные сценарии: для слабых устройств и мобильных — упрощённые версии сцен и оптимизированный рендеринг;
• сбалансировали визуальную и текстовую часть: оставили только ключевую информацию, усилив её визуальной подачей, а не дублируя.

Уникальная особенность проекта

Именно 3D‑дизайн стал основой визуальной идентичности сайта. Для компании «Лилия» был создан полный набор оригинальных 3D‑моделей, разработанных специально под проект:

• рулоны туалетной бумаги с детальной геометрией и реалистичной текстурой
• рулонные салфетки и бумажные полотенца;
• упаковки бумажных платочков и столовые салфетки;
• элементы упаковки и фирменные детали продукции.

Особый акцент был сделан на передаче материалов — фактуры бумаги, её мягкости и слоистой структуры.

Модели интегрированы не изолированно, а в полноценные сцены с окружением — интерьеры ванной комнаты и кухни. Это усиливает связь с реальным использованием продукции и делает визуальный образ более понятным и живым.

Результат

Вместо стандартного корпоративного сайта мы реализовали имиджевый 3D‑проект, который стал полноценным инструментом презентации бренда, а не просто каталогом продукции.

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

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