«Нам нужен сайт для глэмпинга, на котором будет информация о всех услугах и на котором можно сделать бронь»Владелец компании
Хотим, чтобы сайт запустился вместе с глэмпингом
Заказчик обратился, когда глэмпинг был в процессе строительства. Он хотел, чтобы в момент анонса запуска глэмпинга сайт был уже в рабочем режиме
На момент обращения у заказчика не было ничего. Ни фирменного стиля, ни логотипа. А так как не было и самого глэмпинга, то нельзя было сделать фотографии. Начали с нуля
Какие задачи были поставлены после предварительных переговоров
- Создать фирменный стиль и логотип глэмпинга
- Создать группу в ВК и запустить ее. Выпустить несколько первых постов
- Создать сайт и интегрировать систему бронирования
Что было сделано
Айдентика сайта
Исходя из названия глэмпинга Сосны, был создан логотип, на котором изображены три сосны на круглой плашке. Простой и круглый по форме логотип является универсальным. Его можно гармонично вписать и в вёрстку сайта для любого устройства и в любые социальные сети и напечатать в типографии
В шапке сайта к логотипу добавляется название глэмпинга. Шрифт Open Sans — универсальный
Цветовая гамма монохромная, оттенки цвета хаки. Цвет хаки подобран в тон растительности в Жигулевских горах на иллюстрациях из дизайн проекта объекта
В шапке сайта к логотипу добавляется название глэмпинга. Шрифт 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