Enjoy Car
Enjoy Car — сервис, где клиент просто выбирает авто, а всё остальное берёт на себя компания: финансирование, страхование, техобслуживание и вообще весь дальнейший уход за машиной.
Enjoy Car
4 дня
Заказчик обратился уже с готовым дизайном сайта — требовалось качественно и быстро перенести его на WordPress, ничего не потеряв в деталях.
Ключевые требования:
- Использовать CMS WordPress для удобного управления сайтом
- Сверстать сайт точно по предоставленному дизайну, сохранив все визуальные детали и анимации
- Обеспечить корректное отображение на ПК, планшетах и мобильных устройствах
- Реализовать рабочий калькулятор в блоке «Сколько это стоит», который считает ориентировочный ежемесячный платеж в зависимости от стоимости авто, первого взноса, срока финансирования и остаточного платежа
Верстка по готовому дизайну
Поскольку макет предоставил сам клиент, наша задача была не в дизайне, а в точной реализации — чтобы финальный сайт выглядел так же, как в Figma, и не «расползался» на разных экранах. Сверстали все блоки: главный экран с преимуществами, разделы про финансирование, страхование, trade-in и сервис, сравнительную таблицу пакетов Base / Max / Ultra и форму заявки.
Адаптивность под все устройства
Сайт адаптировали под три типа экранов — десктоп, планшет и мобильные. Отдельное внимание уделили блоку сравнения пакетов услуг и калькулятором: именно эти элементы на мобильных чаще всего «ломаются», поэтому логику и разметку под меньшие экраны продумывали отдельно.
Страницы, которых не было в макете
В дизайне, который дал заказчик, не хватало нескольких технически необходимых страниц. Нужно было доделать их самостоятельно: 404, Условия пользования и Политику конфиденциальности. Данные страницы обязательны для компании из финансового сектора.
Калькулятор ежемесячного платежа
Главный вызов здесь был не в верстке, а в логике. Заказчик не смог предоставить конкретные формулы — только пример похожего калькулятора на стороннем сайте.
Поэтому нужно было проделать следующую работу:
- проанализировать калькулятор-пример через разные комбинации входных данных (стоимость авто, первый взнос, срок, последний платёж)
- реверс-инжинирингом восстановить логику и формулы аннуитетного платежа, которые за ним стоят
- написать собственный калькулятор на JavaScript, который пересчитывает ежемесячный платёж в реальном времени при изменении любого параметра
В итоге калькулятор EnjoyCar выдает расчеты, идентичные примеру заказчика.
Сайт сверстан по готовому дизайну клиента и полностью адаптирован под ПК, планшеты и мобильные — всего за 4 дня
С нуля реализован рабочий калькулятор ориентировочного ежемесячного платежа без готовых формул от клиента — расчеты корректно обновляются в реальном времени в зависимости от стоимости авто, первого взноса, срока финансирования и последнего платежа
Реализована «легкая» анимация блоков сайта
Отправить заявку на предварительный просчёт
Вели проект
на 1107%
на 70%
