Кейсы

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

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

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

Перейти на сайт

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

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

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


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

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

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

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

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

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

Группа в ВК

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

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

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

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

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

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

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

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

Брифинг

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

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

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

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

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

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

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

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

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

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

Домен

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

Аналитика

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

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

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

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

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

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

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

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

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

Веб-дизайнер | UX/UI дизайнер

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

Сайт-портфолио: https://wisdomdesign.ru/
ВКонтакте: https://vk.com/wisdom.design
Тел: +7 939 719 61 69
Мессенджеры: Телеграм; Ватсап
Электронная почта: wisdom@rambler.ru
2024-10-28 11:15