Dorco: сайт бренда

Dorco это корейский производитель бритвенных станков, на рынке с 1955 года. Компания больше шестидесяти лет вкладывалась в исследования и разработку, но в России её знали как «дешёвую альтернативу», а не как технологичный бренд. Компания провела ребрендинг и сменила позиционирование, старый сайт этому уже не соответствовал.

Медиа-агентство бренда поставило три задачи:

1. Сделать сайт под обновлённый бренд.

2. Отразить смену позиционирования на высокотехнологичное, чтобы это читалось с первого экрана, а не из раздела «О компании».

3. Совместить в одном сайте три функции: корпоративный сайт, презентацию всех линеек станков и принадлежностей, клуб Dorco с полезным контентом о бритье.

Сложность была в объёме и в том, что продукт визуально однотипный: станок отличается от станка деталями, которые обычный покупатель не видит. Значит, эти детали надо было показать так, чтобы разница читалась.

На нашей стороне: креативное управление проектом, UX/UI дизайн, веб-разработка и проджект-менеджмент. Для публикации подготовили больше 40 пэкшотов и 18 кастомных страниц продуктов.

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

Основа визуального языка: Fira Sans в трёх начертаниях и палитра из синего, лаймового и нескольких оттенков серого. Синий держит бренд, лайм работает акцентом на технологиях, серые уводят фон назад и оставляют главным на экране сам станок.

Палитра собрана так, чтобы её хватило на все типы страниц: от технологичных баннеров до статей клуба.

Каталог разведён на четыре ветки: новинки, для мужчин, для женщин, аксессуары. В каждом блоке визуально выделена передовая модель, а превью карточки анимировано: станок можно рассмотреть в двух ракурсах и прочитать про технологии, не заходя на страницу товара.

Страница продукта выглядит просто, но собрана под две задачи сразу. На первом экране человек знакомится со станком и его отличиями, ниже идёт блок технологичных преимуществ, отзывы и рекомендации похожих моделей. Покупатель разбирается в продукте и при этом остаётся на сайте.

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

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

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

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

В меню каждый пункт поддержан графическим изображением категории, так что выбор идёт по картинке, а не по чтению списка.

Отдельный блок работы это раздел о бренде. Здесь расшифровывается само название: DO от Dongyang, R от Razor, CO от Company. Скучный корпоративный текст превратился в короткую историю, которую читают.

Шестьдесят лет истории собрали в таймлайн по годам: 1955, 1961, 1977, 1984 и дальше до 2017. Переключаешь год и видишь, что компания разработала в этот момент. Это прямое доказательство того самого технологичного позиционирования.

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

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

Даже 404 не теряет пользователя: станок собирает цифры в 404, а кнопка ведёт прямо в каталог.

Сайт собрал в одном месте три разные сущности: корпоративный сайт, витрину всех линеек станков и клуб Dorco с контентом о бритье. Ни одна из трёх частей не выглядит пришитой сбоку.

Главное изменение в том, как читается бренд. Раньше технологичность была строчкой в описании, теперь это видно: баннеры технологий с крупными рендерами, интерактивный разбор станка, таймлайн шестидесяти лет разработок. Покупатель видит разницу между моделями, а не выбирает по цене.

Объём работы: больше сорока пэкшотов, 18 кастомных страниц продуктов, контентные разделы, карта представительств и полная мобильная версия.

С 2019 года сайт переделывали три раза уже без нас, но структура разделов и логика подачи продукта до сих пор наследуют нашу работу.