Строительство бассейнов.
Лендинг

#Дизайн #Верстка #Натяжка на WordPress
О заказчике

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

Задача

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

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

Подробнее о проекте

Функционал

В демонстрации данного проекта я уделю больше внимания админке сайта, чтобы было представление как заказчик редактирует сайт самостоятельно. Настройки сайта я разбил на две части: первая часть - настройка текстов на сайте. Это контакты, стоимость бассейнов и заголовки на сайте:

настройка текстов

В качестве примера покажу как идет настройка контактов. Сам по себе блок с контактами выглядит так:

Контакты на сайте

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

настройка контактов в админке

Вторая часть настроек сайта это добавление какой-то информации. Например, добавление работ в портфолио, мембран для бассейнов и т.д. Выглядит эта часть таким образом:

добавление какой-то информации

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

блок с видами бассейнов

Сами же настройки этого блока выглядят следующим образом:

настройки типа бассейнов

Заказчик попросил обратить особое внимание на блок с мембранами. Грубо говоря, мембрана бассейна - это узор, который и будет строить внешний вид. Сам блок на сайте выглядит так:

мембраны на сайте

Настройки выглядят таким образом. То есть можно создавать новые категории мембран и добавлять в них уже конкретные примеры.

мембраны на сайте
Типографика и цвета

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

цвета и шрифты
Дизайн сайта
дизайн сайта
свяжитесь со мной

Оставьте заявку

Отправляя данные, Вы соглашаетесь на обработку персональных данных