Как из книги сделать сайт? Кейс: Как мы делали онлайн-путеводитель по ресторанам России

Привет! Это е—б эдженси и сегодня мы расскажем, как превратили печатные туристические путеводители «География на вкус» в большой сайт для планирования путешествий по России. Разберемся, как помочь заказчику понять, что ему на самом деле нужно и как органично перенести полиграфию в книжный формат.

К нам обратилась Ника Ганич, журналист и телеведущая, автор печатных гастрономических путеводителей «‎География на вкус».

«‎География на вкус» — это известная серия авторских гастрономических гидов. Команда кулинарных экспертов под руководством журналиста и телеведущей канала «Кухня ТВ» Ники Ганич путешествует по городам России и другим странам, чтобы попробовать новую еду и найти лучшие местные заведения. Лучшие места каждого города публикуются в печатном путеводителе.

Ника обратилась к нам с задачей, которая звучала примерно так «У нас есть печатные путеводители, нужно информацию из них перенести на сайт». Также у клиента было очень примерно техническое задание, в котором сайт больше походил на большой новостной портал.

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

Работа с проектом началась с погружения в тему и подробного исследования целевой аудитории продукта.

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

После изучения аудитории и конкурентов мы поняли, что хороший путеводитель отвечает на 3 самых больных вопроса: «Что посмотреть?», «Что поесть?» и «Где поспать?». Из этого мы нашли 3 ключевые раздела сайта: достопримечательности, рестораны и отели.

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

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

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

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

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

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

Теперь все, кто любит русскую гастро-индустрию также сильно, как Ника Ганич и мы, могут посетить сайт проекта «‎География на вкус» и найти новое вкусное место.

Мы начали путеводитель с Тулы и Тульской области — этот раздел один из самых наполненных. Параллельно добавляются и наполняются новые города.

Проект вошел в шорт-лист фестиваля креативных индустрий G8 в номинации «Сайты. Идеальное выполнение функции».

Команда е—б эдженси — аналитика, проектирование и дизайн

Елена Бобина — арт-директор, дизайнер проекта

Мария Ищенко — арт-директор, дизайнер проекта

Егор Митькин — аналитика

Дмитрий Нестеров — дизайнер проекта

Кристина Ткаченко — руководитель проекта

Команда агентства DVIGA — разработка на Битрикс

Команда агентства Кирпич — комплексное продвижение проекта после запуска