AV SERVIS — сайт кузовного ремонту та СТО в Одесі
Сайт автосервісу AV SERVIS в Одесі: 9 послуг кузовного ремонту, рихтування, фарбування й ремонту ходової, у кожної власна інтерактивна 3D-модель, реальні фото робіт і шлях до звернення з будь-якої сторінки. WordPress із власною темою.
Коротко про проєкт
Сайт автосервісу AV SERVIS в Одесі: 9 послуг кузовного ремонту, рихтування, фарбування й ремонту ходової, у кожної власна інтерактивна 3D-модель, реальні фото робіт і шлях до звернення з будь-якої сторінки. WordPress із власною темою.
- Формат
- Сайти
- Клієнт
- AV SERVIS
- Ринок
- Одеса, Україна
- Ніша
- Кузовний ремонт і СТО
Задача
AV SERVIS — автосервіс в Одесі: кузовний ремонт, рихтування на стапелі, відновлення геометрії кузова, фарбування, заміна автоскла, ремонт ходової й заправка кондиціонера.
Потрібен був сайт, який з першого екрана показує уважну роботу з деталями і веде від конкретної послуги до розмови про конкретне авто.
Виконані роботи
Сайт працює на WordPress із власною темою AV SERVIS: світлий металевий фон, графітові секції, червоний акцент і шрифт Manrope, який зберігається на власному сервері.
- На першому екрані — WebGL-сцена Three.js із концепт-каром: його можна обертати мишею, дотиком або стрілками, змінювати колір і перемикати вигляд структури.
- 9 сторінок послуг, у кожної своя процедурна 3D-модель: стапель, каркас із вимірами, скло, діагностичний вузол, кузовна панель, інструмент рихтування, фарборозпилювач, підвіска й манометри кондиціонера.
- Реальні фото етапів робіт на головній і в портфоліо; ілюстрації, створені AI, підписані окремо від реальних робіт.
- Блок «Спочатку — розмова. Далі — план»: звернення, огляд авто, погодження, відновлення.
- 27 унікальних зображень на 14 сторінках, без повторів між сторінками.
Особливості реалізації
3D-сцени запускаються, коли блок з’являється на екрані, і зупиняються, коли відвідувач гортає далі. Підтримуються режим зменшеного руху та ручна пауза, а без WebGL показуються статичні превью. Модель головного екрана стиснута з 11,78 до 2,14 МБ, бібліотеки й модель завантажуються з власного сервера.
Результат
AV SERVIS отримав сайт, де кожна послуга має власну сторінку й інтерактивну 3D-сцену, а звернення доступне з будь-якої сторінки. Браузерні перевірки опублікованого сайту пройшли без помилок на всіх сторінках, разом зі зміною матеріалів 3D-моделі.
Надані послуги
- Дизайн і розробка сайту
- Власна тема WordPress
- Інтерактивні 3D-сцени на Three.js
- Структура сторінок послуг
Технології
- WordPress
- Власна тема
- Three.js
- WebGL
- PHP
- JavaScript
- Адаптивний дизайн