Кейсы

Разработка сайта для глэмпинга в Самарской области с интеграцией системы бронирования домиков и бань

«Нам нужен сайт для глэмпинга, на котором будет информация о всех услугах и на котором можно сделать бронь»

Владелец компании

Хотим, чтобы сайт запустился вместе с глэмпингом

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

Какие задачи были поставлены после предварительных переговоров


  1. Создать фирменный стиль и логотип глэмпинга
  2. Создать группу в ВК и запустить ее. Выпустить несколько первых постов
  3. Создать сайт и интегрировать систему бронирования

Что было сделано

Айдентика сайта

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

В шапке сайта к логотипу добавляется название глэмпинга. Шрифт Open Sans — универсальный

Цветовая гамма монохромная, оттенки цвета хаки. Цвет хаки подобран в тон растительности в Жигулевских горах на иллюстрациях из дизайн проекта объекта
Брендинг сайта для глэмпинга

Группа в ВК

К работе над проектом были подключены графический дизайнер и SMM специалист. Было создано оформление группы в ВК в соответствии с общим дизайном проекта и настройка группы для дальнейшей работы. Опубликовано несколько постов
Дизайн группы ВК для глэмпинга Сосны

Разработка сайта

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

Интеграция системы бронирования

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

Переговоры, согласования, вопросы - ответы

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

Процесс работы — поэтапное прохождение

Брифинг

Для общего понимания задач, примерного объема работ, ценовой вилки, сроков и конечного результата достаточно созвона по телефону. Дальнейшая коммуникация происходила в телеграм.

Анализ конкурентов и ЦА

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

Разработка прототипа

Когда сложно сформулировать техзадание на сайт, например, если непонятно, что вообще должно там быть, одним из первых этапов является составление прототипа.
Прототип — это черновая кликабельная текстовая версия сайта, по которой понятны структура и содержание.
Если есть чёткое техзадание с описанием блоков, их последовательностью и содержанием, то этап с прототипом можно пропустить. Это сэкономит время исполнителю и деньги заказчику
В этом проекте был сделан прототип, который впоследствии был согласован с заказчиком после внесения небольшого количества правок
Прототип сайта
После согласования прототипа появляется возможность со 100%-ой точностью определить объем работ. Как правило, на этом этапе формируется коммерческое предложение

Дизайн-концепция

Дизайн сайта был выполнен в смешанном стиле, в котором присутствуют элементы неоминимализма и лучшее из бенто стиля
Информационный блок А-фрейма на сайте глэмпинга
Хотя глэмпинг планируется использовать в круглогодичном формате, все-таки отдых на природе у многих ассоциируется с летом. А природа летом это зелень растительности. Поэтому цветовая гамма была выбрана с оттенками хаки
Цветовая палитра сайта глэмпинга Сосны
Шрифт я решил сделать один на весь проект. Был подобран простой шрифт Open Sans. Слегка скругленный шрифт добавляет доброжелательности и доверия, а также хорошо читаем
Шрифт на сайте глэмпинга Сосны

Вёрстка сайта

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

Технические настройки

Домен

Купили и привязали домен. Домен был подобран с учетом SEO продвижения. В названии сайта присутствует слово «глэмпинг» для тех кто ищет глэмпинг и слово «сосны» для брендовых запросов.
Мокап страницы глэмпинга Сосны с отображением домена сайта

Аналитика

К сайту была подключена аналитика. Использовали бесплатный инструмент Яндекс метрику. Данный сервис собирает данные, с помощью которых можно проводить анализ работы сайта и посетителей. Эти данные можно использовать для улучшения сайта, удобства пользования и увеличения конверсии. Также проверять гипотезы.
Главная страница яндекс метрики - сводка по сайту глэмпинга Сосны

Интеграция системы бронирования

Завели аккаунт в системе бронирования «Бронируй онлайн», заполнили его информацией. При нажатии на кнопку «Забронировать» на сайте в сплывающем окне подтягивается информация о свободных местах, доп услугах и стоимости. Можно произвести бронирование путем предоплаты.

Юридические аспекты

Настроили политику конфиденциальности, обязательные реквизиты, уведомления о работе браузера, чтобы сайт соответствовал законодательству РФ.

Базовые SEO настройки

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

Свяжитесь со мной для создания вашего сайта

Хотите воплотить свои идеи в жизнь? Давайте обсудим ваш проект и начнем сотрудничество

Веб-дизайнер | UX/UI дизайнер
UX/UI дизайнер Козлов Константин

Козлов Константин

Сайт-портфолио: https://wisdomdesign.ru/
ВКонтакте: https://vk.com/wisdom.design
Мессенджеры: Телеграм; Ватсап
Электронная почта: wisdom@rambler.ru