Доширак

Доширак

Доширак — бренд известным всем. У него сложная структура, состоящая из 5 разных юр лиц, объединённых в один бренд. Факты для погружения в контекст:

Зачем нужен редизайн

Сайт Доширака не обновлялся с 2015 года. Он визуально устарел и не выполнял задачи по изменившимся принципам и образу компании.

Структура сайта была сложная и местами логика навигации устарела.

Клиент устроил тендер, а мы его выиграли. В тендере мы провели ux-аналитику текущего сайта, предложили новый визуальный стиль и разные направления дизайна. Я защитил видение будущего сайта перед клиентом, и ему оно понравилось.

Аналитика: анализ конкурентов, персоны, flow, карта сайта и структура

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

Спроектировали персоны и построили user flow для этих персон, чтобы понимать их путь и предложить новую архитектуру сайта.

Построили подробную карту сайта

Задавали много вопросов

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

В итоге на общих брейнштормах мы смогли сформулировать задачи сайта:

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

Потом поняли, кто ЛПР и задавали ещё больше вопросов

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

Прототипы

Задачей прототипов было найти коннект с клиентом по содержанию и последователи, акцентам информации и блочной системе сайта.

Концепт

При разработке первой версии концепта мы основывались на фидбэк заместителя генерального директора. Он был ответственным за выпуск сайта

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

Первый экран было необходимо оставить под баннеры — это мы предложили на мозговом штурме с клиентом.

Мы не ограничивали себя в творчестве на этом этапе — поэтому могли попробовать и смелые решения: например, как бы «рассыпанные» теги с категориями.

Но в итоге мы пошли в более строгий стиль сайта

Внедряем ИИ — наше осознанное решение

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

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

Дизайн

За основу визуала мы взяли не саму продукцию (боксы с лапшой, приправы и т.д.), а блюда, с которыми ассоциируются эти продукты.

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

Моделируем работу сайта

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

После того, как мы сами протестировали кликабельность всех элементов, мы позвали на модерируемый Ю-тест разных пользователей. Мы давали задачу пользователю, а он практически на «боевом» сайте проверял наши flow.

Передача макетов разработчикам

Сейчас

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