Редизайн сайта Depot
Ключевые идейные проблемы
1. Сайт не транслирует масштаб
Depot — это брендинговое агентство мирового уровня, на рынке с 1998 года. В портфолио агенства более 8000 кейсов из разных направлений и 189 наград профессиональных премий. Из текстов на сайте видно, что компания заслуженно гордится своими достижениями. Однако визуал не делает акцент на опыте и экспертизе. Сайт выглядит достаточно шаблонно.
2. Визуал не дарит счастье
На главной странице размещен слоган «Depot — брендинговое агенство, которое приносит своим клиентам счастье!». Однако визуал сайта не вызывает никаких эмоций
Как было раньше?
Мы не редизайним сайт
Мы проектируем продукт, который подарит счастье
Какое самое счастливое время в жизни? Детство
Через что дети познают мир? Через игру
Какие признаки игры мы можем применить на сайте? Яркий визуал и интерактивность
Depot создает бренд-вселенные
Сайт погружает пользователя в мультивселенную Depot
Ключевые технические модернизации
1. Сокращение и визуализация текста
Раньше, чтобы показать свою экспертность нужно было описывать каждую малейшую деталь. Сейчас же люди все больше воспринимают контент визуально, важно, чтобы ключевая идея считывалась за секунду. Поэтому мной были безжалостно сжаты тексты, а главная страница превратилась в сплошную инфографику. Руководствуемся принципом: хочешь рассказать — покажи.
2. Создание интерактивного опыта
Большинство элементов сайта реагируют на действия со стороны пользователя. Такой прием помогает перманентно удерживать внимание, так как от пользователя постоянно что-то требуется.
3. Фулл скрин видео
Такой прием помогает создать ощущение масштабности. Видеоролик как бы полностью захватывает экран пользователя и погружает в контекст. Особенно важен такой прием в верстке кейсов, там мы минимизируем описательную часть, направляя фокус на визуал (здесь на руку играет наличие у Depot невероятно красивых видеороликов)
4. Упрощение навигации
Это непосредственно связано с трендом на быстрое восприятие информации. Пользователь не хочет листать километры страницы «Наши услуги» и потом еще дополнительно сопоставлять нужную ему услугу с таблицей прайса. Гораздо удобнее объединить цены с услугами и сделать навигацию между ними в формате табов «по этапам».
Также для упрощения навигации я пересмотрела фильтрацию на странице кейсов. Теперь она выполнена выпадающим списком в формате трех ключевых признаков: услуга, сфера, компания. Таким образом потенциальный клиент сможет быстро найти наиболее релевантные ему проекты.
Услуги, котрые Depot реализовал в каждом кейсе теперь выводятся подсказкой, привязанной к курсору
Более того, добавилась боковая навигация на странице кейса. Дополнением к принципу «всё, что нужно в быстром доступе» стала система рекомендаций следующего кейса, релевантного тому, что только что просмотрел пользователь. Так всем будет удобнее ;)
Теперь, когда я подсветила вам основные фичи нового сайта, предлагаю посмотреть полную версию.
Для просмотра используйте браузер Chrome и открывайте сайт с десктопной версии
