Задача
Компания ООО «СлавДвор» обратилась с целью завершения и оптимизации недоделанного сайта по продаже лестниц.
Требовалось привести сайт к кроссбраузерному состоянию, устранить технические недочёты, оформить отдельные элементы интерфейса в едином стиле, реализовать корректную работу всплывающих окон и форм с отправкой данных на e-mail, а также добавить ряд специфических бизнес-логик, в частности для расчёта лестниц и взаимодействия с клиентами.
Подход
Мы сразу определили ключевые проблемные зоны проекта: слабую адаптивность, недоработанные формы и отсутствие стандартов в дизайне.
Для решения задач был выбран метод итеративной доработки: пошаговая верстка с постоянной проверкой на кроссбраузерность, индивидуальная настройка всплывающих окон и валидация форм. Была предусмотрена работа с динамическими условиями в формах, чтобы корректно обрабатывать бизнес-логику клиента без лишней нагрузки на сайт.
Что реализовано
Форма расчета лестницы
Полная адаптация логики заполнения и отправки данных: все поля с выбором одного варианта; всплывающие подсказки на всех полях при наведении курсора.
Обработка специфических бизнес-правил: автоподстановка материала поручня при выборе определённых материалов балясин; блокировка изменения материала поручня при выборе стали.
Видеовставки
Вставка видео по ссылке с YouTube без перезагрузки страницы.
Переключение вкладок реализовано с увеличением активной вкладки для акцента.
Таймер акций
Установлена функциональность для задания сроков действия акций или специальных предложений.
Интерфейс и макеты проекта
Результат
-
Сайт стал полностью адаптивным и удобным на всех устройствах.
-
Все формы работают корректно, заявки успешно поступают на почту с пометками о форме отправки.
-
Встроенные логические проверки сократили количество ошибок при заполнении форм пользователями.
-
Появилась возможность проведения акций с использованием таймера без дополнительных разработок.
-
Увеличена конверсия за счёт оптимизированной формы расчёта и быстрой отправки данных.
