Заполните форму
Сайт ресторана Cafe People
[ежемесячная посещаемость более 10 тыс. человек]
Заказчик
Новый ресторан в центре Санкт-Петерурга Cafe People.
Заказчику было важно чтобы сайт был яркий, передавал атмосферу, привлекал внимание и запоминался.
Заказчику было важно чтобы сайт был яркий, передавал атмосферу, привлекал внимание и запоминался.
Сделать понятный и визуально притягательный сайт, где пользователи могут получить всю информацию о заведении и забронировать стол.
Нужна функция онлайн-бронирования и возможность посмотреть меню.
Нужна функция онлайн-бронирования и возможность посмотреть меню.
Задача
Что было сделано
- Анализ конкурентов и целевой аудитории
- Адаптация текстов
- Разработана структура сайта и прототип
- Разработка дизайн-концепций
- Дизайн сайта
- Верстка на Тильде, анимация
- Разработка и верстка мобильной версии
- Подключение домена и виджета бронирования
- Настройка базового SEO
Исследование
и выявление болей целевой аудитории
и выявление болей целевой аудитории
Проанализировав конкурентов и целевую аудиторию было выявлено несколько болей посетителей, решение которых значительно улучшит пользовательский опыт на сайте, а как следствие конверсию.
Основная целевая аудитория заведения — 20-30 лет, молодые люди проводящие много времени в соц.сетях, они на «ты» с интернетом. Им удобнее все посмотреть онлайн и сделать заказ без звонка, отсутствие такой возможности может оттолкнуть их и даже изменить решение в сторону конкурента.
Боль первая — использование формы обратной связи для бронирования стола. Пользователь оставляет заявку и дальше вынужден ждать, когда сотрудник свяжется, чтобы уточнить наличие мест и ожидают ли их. Часто в моменты высокой загрузки сотрудники не успевают ответить оперативно на резерв, из-за этого клиенты дублируют заказы через сторонние сервисы либо звонят в ресторан, из-за чего возникает путаница с резервами, а как следствие лишние действия как для клиентов, так и сотрудников. Если сообщение о подтверждении заявки составлено некорректно, пользователь может подумать что бронь прошла, хотя это лишь сообщение об успешной отправке данных в форму обратной связи.
Боль вторая — пользователь хочет посмотреть меню ресторана. Большинство заведений прикрепляют объемный PDF-фай, который для просмотра необходимо скачать. По аналитике более 85% посетителей смотрят сайты ресторанов с мобильных телефонов. Долгая загрузка разочаровывает пользователя, вероятность отказа в таком случае возрастает.
Боль третья — неактуальный дизайн сайта, что отталкивает молодую аудиторию.
Основная целевая аудитория заведения — 20-30 лет, молодые люди проводящие много времени в соц.сетях, они на «ты» с интернетом. Им удобнее все посмотреть онлайн и сделать заказ без звонка, отсутствие такой возможности может оттолкнуть их и даже изменить решение в сторону конкурента.
Боль первая — использование формы обратной связи для бронирования стола. Пользователь оставляет заявку и дальше вынужден ждать, когда сотрудник свяжется, чтобы уточнить наличие мест и ожидают ли их. Часто в моменты высокой загрузки сотрудники не успевают ответить оперативно на резерв, из-за этого клиенты дублируют заказы через сторонние сервисы либо звонят в ресторан, из-за чего возникает путаница с резервами, а как следствие лишние действия как для клиентов, так и сотрудников. Если сообщение о подтверждении заявки составлено некорректно, пользователь может подумать что бронь прошла, хотя это лишь сообщение об успешной отправке данных в форму обратной связи.
Боль вторая — пользователь хочет посмотреть меню ресторана. Большинство заведений прикрепляют объемный PDF-фай, который для просмотра необходимо скачать. По аналитике более 85% посетителей смотрят сайты ресторанов с мобильных телефонов. Долгая загрузка разочаровывает пользователя, вероятность отказа в таком случае возрастает.
Боль третья — неактуальный дизайн сайта, что отталкивает молодую аудиторию.
Решение
- Для решения задачи по бронированию был добавлен виджет Restoplace. Благодаря связке Tilda+Restoplace удалось избежать сложной и дорогостоящей разработки. При этом пользователь уже при открытии виджета видит возможность брони и выбора конкретного столика, а не тратит время на заполнение ненужных форм и получая стресс от ввода персональных данных (все мы знаем, какое раздражение вызывают лишние спам-звонки) получая отказ. Win-win пользователь получает прекрасный опыт, а сотрудники не отвлекаются на подтверждение заявок. При таком варианте бронирования вероятность накладок и ошибок сотрудников существенно снижена.
- Меню было размещено ссылкой на google-документ. Такая ссылка быстро загружается не доставляя дискомфорт пользователям. При этом меню легко обновить, заказчик может сделать это самостоятельно при необходимости.
- В качестве визуального решения выбрали сделать минималистичный дизайн с яркими цветами и большим количеством качественных фото, чтобы передать атмосферу и эстетику блюд и коктейлей.
Главный экран
Для передачи атмосферы на главном экране разместили крупную фотографию интерьера. В центре размещено название ресторана для повышения узнаваемости и УТП. Есть активный призыв к действию — яркая акцентная кнопка «Забронировать стол», а также «менее важные кнопки» с дополнительными услугами, акции выделены бегущей строкой яркого цвета.
Дизайн сайта
В итоге у нас получился современный сайт с яркими акцентами. Большое количество фотографий и блюд передают атмосферу ресторана.
Дизайн мобильной версии
Была сделана удобная и понятная мобильная версия, так как более 85% целевой аудитории выбирает мобильный телефон для просмотра сайта. Сайт быстро загружается, все целевые действия понятны, их не приходится искать.
Главное целевое действие — «Бронь стола» находится на первом экране, поэтому оставить бронь можно быстро, находясь в пути или во время решения других задач.
Главное целевое действие — «Бронь стола» находится на первом экране, поэтому оставить бронь можно быстро, находясь в пути или во время решения других задач.
Готовы обсудить ваш проект со мной?
Оставьте свои контакты в форме ниже, и я свяжусь с вами в ближайшее время
На связи 11:00-19:00 по будням (по МСК)
