WOG

Дизайн Frontend Backend QA
WOG
WOG — везде, где люди
В этом кейсе замешаны трое участников: первая национальная сеть автозаправочных комплексов WOG, лидер украинской рекламы Fedoriv Agency и мы — харьковское веб-агентство Brander. От WOG нам поступила задача осуществить редизайн веб-страницы и внедрить фирменный стиль, разработанный Fedoriv Agency. Спойлер: мы это сделали! Теперь давайте разберем детали.

“Очеловечивание” дизайна

Мы поделили работу с дизайном на 4 пункта:

  1. UX-анализ
  2. Идейное усовершенствование пунктов меню (то самое “очеловечивание”)
  3. Синхронизация сайта и приложения
  4. Максимальное упрощение.

Аналитика

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

Очеловечивание

Что такое идейное усовершенствование? Речь идет о новой стратегии WOG, в центре которой находятся живые люди, а не клиенты. Заправки для авто теперь рассматриваются именно как места встречи людей. Меню претерпело больше всего изменений. В нем больше нет никаких пунктов с названиями вроде “Водителям”, даже упоминания про АЗС убрали. Посмотрите сами, если не верите.

Сайт + приложение = любовь

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

Упрощение

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

Выводы

Редизайн такого масштаба — это серьезный и более чем ответственный квест. Мы не просто осуществили редизайн, а сделали для WOG принципиально новое оформление и полностью переосмыслили в идейном плане веб-ресурс компании. Новая стратегия фокусируется на ценности каждого человека, заставляя клиентов забыть о безжизненных заправочных автоматах. Неудивительно, что количество скачиваний приложения постоянно растет.

Технологии
Backend
SYMFONY 2/3/4 SYMFONY 2/3/4 NGINX NGINX
Libraries
RABBITMQ RABBITMQ DOCKER DOCKER
Базы данных
REDIS REDIS MYSQL MYSQL
Отзывы
  Смотреть видео
Head of Digital WOG
Евгений Чорный

"WOG" - первая национальная сеть автозаправочных комплексов. На рынке уже более 20 лет.

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

Все решается быстро и оперативно, несмотря на то, что работаем в разных городах.

5
5 из 5 - "Brander - тот механизм, тот винтик, которого нам не хватало".
Вперёд
Сделаем проект вместе
Расскажите о вашем проекте:
Только один файл.
Ограничение 5 МБ.
Допустимые типы: pdf, doc, docx, odt, ods.
4.8 / 5 (187 голосов)