Задача:
Разработать одностраничный сайт для компании «Эколес», которая расположена в Ленинградской области. Рассказать, что такое глэмпинг, проинформировать об условиях акции, добавить форму, через которую можно забронировать место.
Решение:
Разработан одностраничник, состоящий из 6 блоков, в котором рассказано о том, что такое глэмпинг, что ждёт отдыхающих, расписаны подробно условия акции. В конце добавлена форма для отправки заявки на бронирование места.

Кейс: сайт для компании «Эколес»

Прототип для сайта
Исходя из требований заказчика была разработана продающая структура лендинга:

  • Главный экран, вызывающий интерес у пользователя
  • Подробный рассказ об услуге
  • Уникальное предложение с подробным описанием
  • Форма обратной связи для бронирования мест
  • Номер телефона и контакты, чтобы пользователь мог связаться с организацией самостоятельно.

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

Начало работы

Основные цвета: белый и голубой. Они ассоциируются с новым годом. Благодаря цветовой гамме и красивым зимним фотографиям получилось передать на сайте праздничную зимнюю атмосферу.
Цвета
Шрифты

Стилистика

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

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

Дизайн первого экрана

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

Описание других блоков

В ней представлены фотографии как самих палаток, так и внутреннего их убранства. Изображения дают понять, что глэмпинг — это отдых на природе, для которого не нужно жертвовать комфортом.
Галерея
Здесь акцентным цветом выделена главная информация — сроки действия новогодней акции и стоимость услуги
Новогоднее предложение
В конце лендинга расположена форма для бронирования места. Было решено сделать её горизонтальной, чтобы все поля ввода поместились целиком в один экран и их было удобно заполнять.
Форма для бронирования места

Дизайн-макет

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

Итог

This site was made on Tilda — a website builder that helps to create a website without any code
Create a website