Evitan
Услуги / Дата
2021—2023
Ссылки
Корпоративный сайт для пермского аутентичного производства цементной плитки и декоративного бетона.
О заказчике
«Каменная мануфактура» — небольшая компания из Перми, которая занимается ручным производством плитки и бетонных бриз-блоков по аутентичной технологии. Сегмент премиальный, основные клиенты — дизайнеры интерьеров для дорогих квартир, ресторанов и отелей.
Проблема
Прежним сайтом компании почти не пользовались — ни потенциальные клиенты, ни даже сам заказчик. Площадка отталкивала целевую аудиторию неудобным интерфейсом и морально устаревшим дизайном. Основная часть заказов компании шла через социальные сети. При этом у «Каменной мануфактуры» уже была стильная айдентика для оффлайн носителей, и её можно было адаптировать под новую площадку.
Задача
Спроектировать корпоративный сайт, который станет полноценной платформой для заказа: с возможностью наглядного подбора плитки, 3д-моделями цементных блоков и другими полезными инструментами. При этом важно было, чтобы сайт получился стильным и попал в сердце целевой аудитории — дизайнеров интерьера.
Дизайн
Ориентиром для нас служила готовая айдентика «Каменной мануфактуры». В её основе — белая клетчатая сетка на чёрном фоне. В ячейки сетки вписаны минималистичные паттерны, отсылающие к узорам плитки.
Мы адаптировали клетку под веб-формат, а паттерны включили в интерактивное пространство, чтобы не перегрузить визуал: узоры появляются только при наведении курсора на ячейку. Кстати, сам курсор тоже отрисовали в форме квадрата.
В выборе палитры остановились на сдержанных оттенках, подчёркивающих премиальность бренда. Белые линии сделали серыми, чтобы излишний контраст не резал глаз. Для текстов подобрали фактурные шрифты, которые отражают крафтовость и аутентичность производства «Каменной мануфактуры».
Конфигуратор плитки
Для быстрого и качественного подбора плитки мы спроектировали конфигуратор: через него можно выбрать коллекцию и примерить к ней разные цветовые сочетания. Опирались на инструмент, который был на старом сайте заказчика, но обновили логику его работы и визуальную часть.
Внедрение 3D-моделей
Бетонные бриз-блоки, в отличие от плитки — объемные фигуры, и клиентам важно рассмотреть их со всех сторон. Поэтому мы разместили 3D-рендеры на общей странице бриз-блоков.
Чтобы они воспринимались по-отдельности, а не сливались в монотонный ряд, окрасили каждый рендер в один из четырёх доступных цветов. А если страницу перезагрузить, блоки сменят цвета — получается случайный визуальный ритм.
Самая крутая фишка этого раздела — просмотр каждой 3D-модели на отдельной странице. Здесь любой бриз-блок можно не только покрутить, но и окрасить в выбранный цвет. Отсюда же можно скачать понравившуюся 3D-модель для своего дизайн-проекта.
Разработка
Фронтенд сайта строили на Nuxt.js, WebGL — на Three.js. Бэкенд — на Strapi.
Результат
Сайт полностью готов: им активно пользуются клиенты, а компания обновляет каталог через удобную админку. Сейчас около 20% всех заказов «Каменной мануфактуры» приходит именно через сайт. И что особенно приятно — клиенты шлют комплименты дизайну площадки.
Следующий проект