Enjoy Car

Enjoy Car — сервіс, де клієнт просто обирає авто, а все інше бере на себе компанія: фінансування, страхування, техобслуговування і взагалі весь подальший догляд за машиною.

Галузь:

Автофінансування, лізинг та автомобільні послуги

Бізнес-задача:

Зверстати лендинг за готовим дизайном клієнта на WordPress, головна мета якого — залучення заявок на фінансування/лізинг авто через форму зворотного зв'язку та інтерактивний калькулятор орієнтовного платежу.

Інструменти:

WordPress

Enjoy Car

https://car.voliacode.pro

Отримайте задоволення від авто

Enjoy Car

CMS

WordPress

Адаптивність:

ПК, планшет, мобільні

Параметрів у калькуляторі:

Термін розробки:

4 дні

Бізнес-задача

Замовник звернувся вже з готовим дизайном сайту — потрібно було якісно та швидко перенести його на WordPress, нічого не втративши в деталях.

Ключові вимоги:

Використати CMS WordPress для зручного керування сайтом
Зверстати сайт точно за наданим дизайном, зберігши всі візуальні деталі та анімації
Забезпечити коректне відображення на ПК, планшетах і мобільних пристроях
Реалізувати робочий калькулятор у блоці «Скільки це коштує», який рахує орієнтовний щомісячний платіж залежно від вартості авто, першого внеску, терміну фінансування та залишкового платежу

Рішення

Верстка за готовим дизайном

Оскільки макет надав сам клієнт, наше завдання полягало не в дизайні, а в точній реалізації — щоб фінальний сайт виглядав так само, як у Figma, і не «розповзався» на різних екранах. Зверстали всі блоки: головний екран з перевагами, розділи про фінансування, страхування, trade-in і сервіс, порівняльну таблицю пакетів Base / Max / Ultra і форму заявки.

Адаптивність під усі пристрої

Сайт адаптували під три типи екранів — десктоп, планшет і мобільні. Окрему увагу приділили блоку порівняння пакетів послуг і калькулятору: саме ці елементи на мобільних найчастіше «ламаються», тому логіку та розмітку під менші екрани продумували окремо.

Сторінки, яких не було в макеті

У дизайні, який надав замовник, бракувало кількох технічно необхідних сторінок. Потрібно було доробити їх самостійно: 404, Умови користування та Політику конфіденційності. Ці сторінки обов’язкові для компанії з фінансового сектору.

Калькулятор щомісячного платежу

Головний виклик тут був не у верстці, а в логіці. Замовник не зміг надати конкретні формули — лише приклад схожого калькулятора на сторонньому сайті.

Тому потрібно було виконати таку роботу:

проаналізувати калькулятор-приклад через різні комбінації вхідних даних (вартість авто, перший внесок, термін, останній платіж)
реверс-інжинірингом відновити логіку та формули ануїтетного платежу, які за ним стоять
написати власний калькулятор на JavaScript, який перераховує щомісячний платіж у реальному часі при зміні будь-якого параметра

У підсумку калькулятор EnjoyCar видає розрахунки, ідентичні прикладу замовника.

Enjoy Car

https://car.voliacode.pro

Отримайте задоволення від авто

Результат

Сайт зверстано за готовим дизайном клієнта та повністю адаптовано під ПК, планшети й мобільні — усього за 4 дні

Додано технічно необхідні сторінки (404, Умови користування, Політика конфіденційності), яких бракувало в оригінальному макеті

З нуля реалізовано робочий калькулятор орієнтовного щомісячного платежу без готових формул від клієнта — розрахунки коректно оновлюються в реальному часі залежно від вартості авто, першого внеску, терміну фінансування та останнього платежу

Реализована “легкая” анимация блоков сайта