Перейти до вмісту
Обговорити проєкт
Меню
WebManna Studio

Ваша наступна ідея починається тут

Кейс

AV SERVIS — сайт кузовного ремонту та СТО в Одесі

Сайт автосервісу AV SERVIS в Одесі: 9 послуг кузовного ремонту, рихтування, фарбування й ремонту ходової, у кожної власна інтерактивна 3D-модель, реальні фото робіт і шлях до звернення з будь-якої сторінки. WordPress із власною темою.

До всіх кейсів
Про проєкт

Коротко про проєкт

Сайт автосервісу AV SERVIS в Одесі: 9 послуг кузовного ремонту, рихтування, фарбування й ремонту ходової, у кожної власна інтерактивна 3D-модель, реальні фото робіт і шлях до звернення з будь-якої сторінки. WordPress із власною темою.

Формат
Сайти
Клієнт
AV SERVIS
Ринок
Одеса, Україна
Ніша
Кузовний ремонт і СТО
Сайт кузовного ремонту та СТО AV SERVIS в Одесі з інтерактивними 3D-моделями, розроблений WebManna Studio
01
Контекст

Задача

AV SERVIS — автосервіс в Одесі: кузовний ремонт, рихтування на стапелі, відновлення геометрії кузова, фарбування, заміна автоскла, ремонт ходової й заправка кондиціонера.

Потрібен був сайт, який з першого екрана показує уважну роботу з деталями і веде від конкретної послуги до розмови про конкретне авто.

03
Реалізація

Виконані роботи

Сайт працює на WordPress із власною темою AV SERVIS: світлий металевий фон, графітові секції, червоний акцент і шрифт Manrope, який зберігається на власному сервері.

  • На першому екрані — WebGL-сцена Three.js із концепт-каром: його можна обертати мишею, дотиком або стрілками, змінювати колір і перемикати вигляд структури.
  • 9 сторінок послуг, у кожної своя процедурна 3D-модель: стапель, каркас із вимірами, скло, діагностичний вузол, кузовна панель, інструмент рихтування, фарборозпилювач, підвіска й манометри кондиціонера.
  • Реальні фото етапів робіт на головній і в портфоліо; ілюстрації, створені AI, підписані окремо від реальних робіт.
  • Блок «Спочатку — розмова. Далі — план»: звернення, огляд авто, погодження, відновлення.
  • 27 унікальних зображень на 14 сторінках, без повторів між сторінками.
04
Деталі

Особливості реалізації

3D-сцени запускаються, коли блок з’являється на екрані, і зупиняються, коли відвідувач гортає далі. Підтримуються режим зменшеного руху та ручна пауза, а без WebGL показуються статичні превью. Модель головного екрана стиснута з 11,78 до 2,14 МБ, бібліотеки й модель завантажуються з власного сервера.

05
Підсумок

Результат

AV SERVIS отримав сайт, де кожна послуга має власну сторінку й інтерактивну 3D-сцену, а звернення доступне з будь-якої сторінки. Браузерні перевірки опублікованого сайту пройшли без помилок на всіх сторінках, разом зі зміною матеріалів 3D-моделі.

06
Обсяг

Надані послуги

  • Дизайн і розробка сайту
  • Власна тема WordPress
  • Інтерактивні 3D-сцени на Three.js
  • Структура сторінок послуг
04
Стек

Технології

  • WordPress
  • Власна тема
  • Three.js
  • WebGL
  • PHP
  • JavaScript
  • Адаптивний дизайн
Контакт

Обговоримо проєкт

Підберемо рішення та формат співпраці.

Вкажіть email або телефон для відповіді.

Студія зберігає звернення в закритій адмінці та може передати його зміст у дозволену робочу Telegram-групу для обробки. Не надсилайте паролі або конфіденційні документи.

Google Reviews

Що кажуть клієнти про WebManna Studio

Google Maps

Відгуки завантажаться, коли цей блок наблизиться до видимої частини сторінки.

Зв’язок