Кейс Pro-отделка

Пожелания Сергея к цветовой гамме — жёлтый акцентный и фон, чтобы ассоциировался с бетоном и штукатуркой.

Я подобрала темно-графитовый цвет темных блоков в сочетании со светлыми. Выбрала шрифтовую пару — Jost + Open Sans.

У компании был желтый логотип, и на сайте должен был быть их желтый фирменный цвет.

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

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

Целевое действие на сайте — оставить заявку на ремонт. То есть должна быть форма сбора заявок. Для повышения конверсии я решила сделать калькулятор расчёта стоимости ремонта.

Был подобран референс с такими иконками и бетонным фоном. Но в дальнейшем мы от него отказались, так как такие иконки и фон не вписывались в стиль сайта.

Особое внимание я уделила блоку с калькулятором. Он должен быть необычным, привлекать внимание.

После утверждения макета всех страниц я перенесла дизайн на перенесла дизайн на Тильду. Подключила форму обратной связи. Заявки на ремонт приходят на почту Сергею.

Для реализации калькулятора я привлекла программиста, и он внедрил Java script на Тильду. Сложность была именно в круговом ползунке. Стандартным способом на Тильде можно реализовать калькулятор только с линейным ползунком.

Также была настроена сложная пошаговая анимация. Подключен домен. Сделаны базовые сео-настройки.

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

На главной странице — подробная информация о видах ремонта. Стоимость и что в неё входит.

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

Сайт адаптирован под все мобильные устройства — телефон и планшет.