Начать проект

Ремонтно-строительная компания Embodied

Разработали сайт по ремонту квартир «под ключ». Сделали креативно и просто. В проекте использовали оптимальное количество CTA.
14 августа 2020

Дизайн и структура

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

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

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

Страница примеров работ. Для отображения блоков используется Javascript библиотека Masonry, позволяющая выводить блоки в компактном-сложенном виде. Скрипт анализирует высоту каждого блока и максимально экономя пространство располагает его. В блоке выводится только необходимая информация: категория, фотография, заголовок и короткое описание, кнопка «Посмотреть работу».

Страница одиночной статьи. Здесь находится текст с фотографией, содержимое статьи (навигация) и блок с формой-заявкой.

Страница статей. Для отображения блоков используется Javascript библиотека Masonry, позволяющая выводить блоки в компактном-сложенном виде. В блоке выводится только необходимая информация: категория статьи, фотография, заголовок и короткое описание, кнопка «Читать статью».

Заказать обратный звонок. Авторская форма-заявка с привлекательным внешним видом, информацией и полем для ввода номера телефона.

Адаптивная вёрстка

Адаптивная верстка позволяет удобно просматривать Ваш сайт на мобильных устройствах. Все содержимое сайта будет адаптировано под любое устройство.

Типографика

Inter Black

Bold 60 px

Bold для главных заголовков

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы Ьь Ээ Юю Яя

1 2 3 4 5 6 7 8 9 10

Sofia Pro

Regular 20 px

Regular для основного текста

Аа Бб Вв Гг Дд Ее Ёё Жж Зз Ии Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы Ьь Ээ Юю Яя

1 2 3 4 5 6 7 8 9 10

Цветовые решения

Основные цвета

#004cff

#1a1a1a

#eef1f8

Второстепенные цвета

#f8f6ee

#fff000

#ffffff