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