О чем этот кейс или немного вводных данных
Привет, это Агентство.Ancora. Принесли новый кейс про нашу работу. Мы создаем сайты, приложения и сервисы для тех сфер, где чувствуем себя, как рыба в воде. Ресторанный бизнес — однозначно наша стихия. О таком проекте и расскажем.
К нам обратилась команда Fish Event за созданием нового сайтом для своего проекта. Предыдущий сайт создавался очень давно и за время, которое прошло с момента запуска, многое изменилось в задачах бизнеса, да и аудитория сильно поменялась.
Fish Event — это компания, которая управляет 4 большими загородными ресторанами, объединенными под маркой Fish Point. Каждый из ресторанов — это отдельный этап в развитии главного проекта, который основали более 30 лет.
Необходимо было показать и рассказать о преимуществах каждого ресторана, понятным языком для новой аудитории.
Ключевые задачи проекта
- Создать полностью новый сайт с обновлением информационной архитектуры, на котором подробно будут описаны все преимущества каждого ресторана.
- Расширить аудиторию ресторанов с помощью релевантных текстов и понятного визуального ряда. Сейчас проект нацелен на привлечение людей от 30 лет.
- Сделать дизайн сайта лаконичным, аккуратным и добавить деталей, которые подчеркнут дружелюбный и теплый вайб ресторанов по отношению к гостям.
- Реализовать весь проект в короткие сроки и сделать его легко управляемым для команды заказчиков.
Как мы решали задачи. Подробности позже.
- Провели аналитику: собрали основные потребности и возражения новой целевой аудитории. Внимательно изучили проекты конкурентов, чтобы отстроиться от них. Продумали УТП для каждого ресторана.
- Собрали новую архитектуру сайта, добавили страницы для каждого ресторана и создали для них понятную структуру. Разделили рестораны компании по локациям сразу на главной странице, чтобы пользователям было удобнее выбирать.
- Сделали новый аккуратный, современный и адаптивный дизайн сайта. Добавили в проект новые шрифты и дизайн-элементы, которые подчеркивают дружелюбность ресторанов к гостям. Новый дизайн сайта не только подчеркивает уютный вайб, но и соответствует статусу премиальных ресторанов.
- Для кейтеринговой службы компании сделали отдельную страницу. На ней можно найти подробную информацию о каждой локации.
- Сверстали весь сайт за 3 недели с помощью Tilda Publishing, настроили приём заявок и получили больше 60 заявок на карту гостя за первую неделю работы нового сайта.
Первый этап. Исследование.
- Чтобы понять, как изменилась целевая аудитория проекта и на кого необходимо ориентироваться — мы изучили вдоль и поперек социальные сети компании и ближайших конкурентов.
-
Провели исследование портретов пользователей, которые могут чаще всего приезжать в рестораны. Проанализировали много отзывов и комментариев от пользователей загородных ресторанов.
Рестораны Fish Point находятся недалеко от Москвы и не все пользователи из города могут туда доехать. Наша задача была сегментировать локальную аудиторию и продумать, чем привлечь новых посетителей.
В итоге этапа мы сформировали разные гипотезы о том, как привлечь новых клиентов. Что им лучше рассказать и показать на сайте, чтобы они быстрее приняли решение.
Продумали, какие УТП в ресторанах заказчика ключевые для пользователей и какой функционал у сайта должен быть, чтобы посетителям было понятно и полезно.
Проектирование сайта. Чтобы было удобно
Создали новую и понятную информационную архитектуру. На старом сайте не хватало полезной для пользователей информации. Структура страниц старого сайта не отвечала обновленным запросам заказчиков и будущей целевой аудитории.
Мы разделили основные рестораны компании по географическим направления и у каждого ресторана появилась своя страница. В новую архитектуру заложили информацию о кейтеринговой службе, программе лояльности, полезную информацию про возможности оплаты и доставки еды
Мы основательно переосмыслили каждую страницу, чтобы пользователям было удобно. Теперь заложенные смыслы стали понятнее отражать атмосферу ресторанов и ценности компании.
Создали интерактивные прототипы каждой страницы и продумали грамотную перелинковку страниц. Теперь навигация станет удобной для посетителей и для индексации поисковыми роботами.
Чтобы сайт решал поставленные задачи, нам нужно было через дизайн:
- рассказать, что рестораны Fish Point — это прежде всего комфорт и уют загородного дома;
- сделать понятную навигацию для пользователей, в первую очередь, чтобы у них не было сложности в коммуникации с сайтом;
- визуально показать рестораны интересными для аудитории младше 40 лет, в том числе и для молодых семей;
- подсветить ключевые УТП ресторанов: подробности про интерьер, свежие морепродукты из своих водоемов, идеальное обслуживание, продукты высокого качества для всех блюд и забота о комфорте каждого гостя.
Подбираем стиль для проекта. Как все будет выглядеть.
Изучили новый брендбук компании, чтобы понять настроение и вайб каждого ресторана. Узнать больше про платформу бренда.
Чтобы сразу разобраться с тем, как в будущем может выглядеть проект — предложили разные стилистические решения и обсудили их с заказчиками. Одним из главных критериев работы были сжатые сроки на создание сайта.
Для того, чтобы оптимизировать время — показывали заказчикам примеры еще во время проектирования сайта.
Как мы создавали дизайн нового сайта
У любого рыбака есть своя интересная история.
Как любая рыбалка начинается с выбора удочки, так и каждый сайт начинается с главной страницы. Fish Point — это четыре ресторана в двух разных направлениях от Москвы.
Определение локации для посетителей — это основной критерий выбора. Поэтому для удобства навигации на главной странице мы сегментировали направления.
Сделали две секции, каждая из которых направляет пользователей на страницы флагманских ресторанов.
Для тех, кто уже знает, какой ресторан нужен — создали отдельные блоки с возможностью перейти в конкретный ресторан.
Опытные пользователи могут сразу выбрать нужный для себя ресторан, чтобы получить больше информации о нём.
Одной из задач при редизайне сайта было показать и рассказать пользователям, что они попадают не просто в рестораны. Это проекты с огромной историей, где каждая деталь имеет значение.
Атмосфера тепла и уюта, профессионализм в приготовлении еды и отличный сервис – это то, что объединяет все проекты FishPoint. Но при этом, каждый ресторан имеет свои преимущества и отличительные черты.
Развитие каждой локации начиналось с флагманского ресторана Fish Point, а позже дополнялось новыми проектами. Теперь на странице флагманских ресторанов есть блоки, которые помогут пользователям попасть на страницы новых ресторанов.
Идеальный дизайн состоит из разных деталей и мы наполнили ими проект. Создали анимированный прелоадер из логотипа. При загрузке страницы вырисовывается контур рыбы из логотипа. Это делает посещение сайта для пользователя более интерактивным и показывает ему, что сайт сейчас откроется.
Добавили контурные волны, которые являются разделителями смысловых блоков. Рестораны появились на базе рыболовного клуба, поэтому идея водной стихии прослеживается на всем сайте.
При скролле эти волны прорисовываются слева направо, добавляя динамику и интерактив. Плавность линий — это отсылка к тому, что посещение ресторанов будет приятным и мягким.
Чтобы страницы с информацией были информативными, но не перегруженными контентом — спроектировали некоторые блоки с анимацией по свайпу.
Блоки с преимуществами ресторанов сделали информативными, но при этом компактными – использовали статичный заголовок и движущиеся справа налево фотографии с текстами.
Особое внимание для адаптивных версий
Огромное количество пользователей смотрят проект с мобильных телефонов, поэтому мы бережно адаптировали каждую страницу. Теперь сайтом удобно пользоваться с любого устройства.
Каждый элемент дизайна стоит на нужном месте, размеры тестов оптимальны и помогают пользователям читать нужную информацию, не напрягая зрение.
На стадии отрисовки дизайна, мы создали адаптивные версии для каждой страницы. Итоги нашей работы презентовали заказчику еще до стадии передачи в разработку.
Для демонстрации того, как сайт может работать в мобильных телефонах — настроили интерактивные переходы.
Сверстали весь проект в короткие сроки
Чтобы уложиться в запланированные и согласованные сроки, весь сайт мы собрали на платформе Tilda Publishing. Для задач этого проекта, платформенное решение оказалось самым оптимальным с точки зрения скорости и стоимости разработки.
Теперь заказчики могут самостоятельно менять контент на нужных страницах без привлечения сторонних специалистов.
Большое внимание уделили интерактивной анимации на сайте. Плавная и быстрая анимация не только добавляет интерактива, но и выделяет проект среди конкурентов.
Предисловие перед итогами
Сразу же после запуска сайта, его отметили приятной наградой и добавили в подборку лучших сайтов на Тильде #madeontilda. Для заказчика это оказалось отличным продвижением бизнеса на новую потенциальную аудиторию.
Результат работы над проектом
В результате получился аккуратный и приятный сайт, который отражает новое позиционирование ресторанов. Они становятся более открытыми для аудитории, при этом сохраняя своё исключительное внимание в обслуживании и подходе к гостям.
Появилось много фотографий интерьеров ресторанов и окружающего их пространства. Дизайн сайта и айдентика приведены к единому стилю с помощью осознанного подбора цветовой схемы и новых шрифтов.
Информационная архитектура сайта удобна для пользователей и помогает ресторанам в органическом SEO-продвижении. Тексты на сайте стали релевантны происходящему в ресторанах и понятны для посетителей.
На сайте появились страницы с подробным описанием доступных для кейтеринга площадок. От размером и вместимости до технических особенностей.
Новый сайт стал больее привлекательным пользователей и их количество в первые три месяца после запуска, постоянно растет. Поисковая оптимизация и продуманная архитектура сделали сайт заметнее в выдаче.
Сейчас мы продолжаем сотрудничество с командой группы Fish Point. Поддерживаем и развиваем сайт. Помогаем с помощью дизайна улучшать пользовательский опыт и делать проект еще интереснее.
Посмотреть сам сайт можно ЗДЕСЬ
Команда, которая делала проект и хотела рыбов:
Саша Киршин: Арт-дир и руководитель проекта
Маша Лавренова: Лид-дизайнер
Наташа Новожилова: UX-дизайнер
Маша Евстратова: Верстка на Tilda
Савва Азнауров: PHP разрботчик
Проект сделан командой агентства Ancóra. Напишите нам в Телеграм, если вам нужен классный проект.
Кстати, у нашего CEO — Саши Киршина в Телеге, где уже больше 1200 подписчиков, рассказываем о работе над проектами, достижениях и делимся полезным.
