Разработка одностраничного сайта
для базы отдыха

Для детского лагеря «Еланчик» было принято решение создать отдельный сайт «Еланчик база отдыха», чтобы разделить направления лагеря и улучшить удобство ознакомления с услугами

Этапы разработки:

1 Этап

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

Оформления сайта в единой стилистике учреждения

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

Вложенность сайта

2 Этап

Вверху мы закрепили навигационное меню, чтобы ориентироваться было еще проще. Вынесли такие разделы, как: «О нас», «Номера», «Развлечения», «Отзывы», «Контакты», «Заказать обратный звонок». Также разместили логотип компании, ссылку на Вконтакте и номер телефона для связи с базой отдыха.

Создание общей структуры

3 Этап

4 Этап

На главном экране мы вынесли самую важную информацию: о времени заезда, выкупе путевок, условиях проживания и предлагаемом сервисе. Сделали небольшой блок «О нас», содержащий в себе преимущества расположения базы отдыха и добавили соответствующие фото.

Оформление основной информации

5 Этап

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

Создание детальных карточек

6 Этап

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

Реализация блока об услугах и номерах

7 Этап

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

Настройка формы и геопозиции

Оформление заявок на бронирование номеров осуществляется через интеграцию с сервисом Битрикс 24. Добавлена специальная форма заявки, введенная в нее информация сразу попадает в единую базу данных клиентов. После подтверждения заказа, сотрудник, используя информацию из CRM в пару кликов создает путевку, что позволяет сократить время обработки заявок и выдаче путевок. На сайте обеспечена конфиденциальность данных всех клиентов.

Интеграция с Битрикс24

8 Этап

Провели необходимые SEO-настройки: для каждой страницы выставили заголовок h1; сделали описание и заголовок страниц; добавили favicon. Подключили Яндекс Метрику, Яндекс Вебмастер, Google Search Console, Google Analytics для отображения сайта
в поисковой выдаче и дальнейшего анализа посещаемости

SEO-Настройка сайта

9 Этап

Результат:

Ссылка на сайт: