Сайт для студии оклейки автомобилей: кейс Kitkar Pro
Для студии оклейки автомобилей Kitkar Pro мы с нуля сделали айдентику, дизайн и архитектуру сайта, придумали формулы расчёта стоимости и калькулятор, сняли и смонтировали видеоролики и разработали сайт на WordPress.
5 недельот первого макета до готового сайта3 недели дизайн, 2 недели реализация
Факты о проекте
- Срок
- 5 недельдизайн 3 · реализация 2
- Тип проекта
- Корпоративный сайт, 2026
- Ниша
- Оклейка автомобилейзащитная плёнка и винил
- Платформа
- WordPressс нуля, без готового шаблона
- Сайт
- kitkar.pro
Kitkar Pro оклеивает автомобили: защитной полиуретановой плёнкой от сколов и цветным винилом для смены стиля. Мы сделали для студии сайт с нуля: айдентику, дизайн, архитектуру, калькулятор стоимости, видеоролики и разработку на WordPress. 2026 год, срок 5 недель: 3 недели на дизайн и 2 недели на реализацию.
Задача клиента
Сайт нужен был не на один день: под все направления студии сразу. Он должен был объяснять услугу, показывать работы и сразу помогать человеку прикинуть, во что обойдётся оклейка его автомобиля.
- Придумать узнаваемую айдентику: логотип, цвета, шрифт, элементы интерфейса.
- Заложить структуру под несколько направлений: главная, каталог, детейлинг, диски, комплекты.
- Дать человеку сориентироваться в стоимости, не дожидаясь звонка.
- Показать работу в движении: видео вместе с фотографиями.
- Принимать обращения с любого экрана, в том числе с телефона.
Что мы сделали
- АйдентикаЛоготип-монограмма из двух букв K, графитовый фон и один салатовый акцент.
- Архитектура сайтаРазделы: главная, каталог, детейлинг, диски, комплекты; страница ошибки и всплывающие окна.
- Дизайн для четырёх размеров экранаКомпьютер, ноутбук, планшет и телефон: шапка, подвал, карточки, фильтры, формы.
- Формулы расчёта стоимости и калькуляторТри шага: марка и модель, зоны оклейки, эффект.
- ВидеороликиСъёмка, склейка и монтаж, графика: ролики стоят на главном экране и по сайту.
- Разработка на WordPressС нуля, без готового шаблона, с формой заявки и версией для телефона.
Калькулятор: от марки автомобиля до ориентира по стоимости
Человеку, который выбирает оклейку, трудно понять заранее, о каком порядке стоимости идёт речь: всё зависит от автомобиля, от того, что оклеить, и от желаемого результата. Мы вместе с клиентом разобрали, от чего складывается стоимость, написали формулы расчёта и построили на них калькулятор из трёх шагов. Человек получает ориентир за минуту и оставляет заявку, а студия уточняет детали уже с готовым пониманием, чего он хочет.
- Марка и модель автомобиляЗадаёт базу: размер и сложность кузова. Человек вводит свой автомобиль словами.
- Зоны оклейкиЗадаёт объём: только опасные места спереди или весь кузов.
- ЭффектЗадаёт материал: прозрачная защита или цветной стайлинг.
Так работает принцип. Баллы и уровни условные: это схема для примера, а не расчёт и не цены клиента.
Седан или кроссовер, зоны риска, прозрачная защита. На сайте по таким трём шагам считается стоимость, а человек оставляет заявку.
Видеоролики
Оклейка хорошо видна в движении. Поэтому в проект вошли ролики, которые мы сделали для сайта: сняли, склеили, смонтировали и нарисовали к ним графику. Они стоят на главном экране и встречаются по всему сайту.
- Съёмка
- Склейка и монтаж
- Графика
Айдентика: логотип, цвета, интерфейс
Образ сайта держится на тёмном графитовом фоне и одном ярком салатовом акценте: он ведёт взгляд к кнопкам, заголовкам блоков и значкам.
Монограмма из двух букв K со срезанными гранями: скорость и точность. В подвале рядом название студии и подпись о разработчике.
Шрифт геометрический, с чёткими формами: заголовки прописные и крупные, основной текст спокойный. Всё это держит сайт в одном образе на любом экране.
- #CCF511Салатовый: кнопки, акценты, значки
- #141414Графит: фон страниц
- #1F1F1FКарточки, поля и окна
- #FFFFFFБелый: заголовки и текст
Сайт на компьютере и на телефоне
Сайт задуман сразу под все направления студии: каталог, детейлинг, диски, комплекты. Мы нарисовали эти разделы и все состояния интерфейса: всплывающие окна и страницу ошибки. Слова на макетах условные: они показывают, где будут тексты.
На компьютере
На телефоне
Главная 
Детейлинг 
Диски 
Форма и подтверждение
Разделы сайта
- Главная
- Каталог
- Детейлинг
- Диски
- Комплекты
- Всплывающие окна
- Страница ошибки
Сайт работает, его можно открыть
Это не только макеты: сайт запущен. Сейчас на нём оклейка автомобилей плёнкой, два направления «Защита» и «Стайлинг» и трёхшаговый калькулятор. Откройте его с телефона и пройдите все шаги сами.
Смотреть живой сайт Мы указаны на сайте как разработчики.
Что получил клиент
Студия оклейки автомобилей получила собственную айдентику, сайт с понятной структурой, калькулятор стоимости и видеоролики.
- Сайт готов и запущенДизайн для компьютера и телефона, разработка на WordPress и форма заявки.
- АйдентикаЛоготип, цвета, шрифт и интерфейс сделаны с нуля и держат сайт в одном образе.
- КалькуляторМарка, зоны, эффект: человек сам прикидывает объём оклейки и оставляет заявку.
- Видео и структураРолики на главном экране и основа под каталог, детейлинг, диски и комплекты.
Срок и этапы
5 недель от первого макета до запуска
Комментарий студии
Для Kitkar Pro мы сделали всё с нуля: от логотипа и роликов до запуска сайта, за пять недель. Главным стал калькулятор: мы разобрали, от чего зависит стоимость оклейки, и превратили это в три простых шага для посетителя. Сайт задуман под все направления студии и растёт постепенно, а тёмный фон с одним салатовым акцентом выбран под автомобильную тему.
GreenOakвеб-студия
Нужен сайт, который объясняет услугу и помогает прикинуть стоимость?
Обсудим ваш проект
Расскажите, чем занимается ваша компания и что хотите показать на сайте. Скажем, что можно сделать, за какой срок и сколько это стоит.
- Срок
- 5 недель
- Платформа
- WordPress
- Состав
- Айдентика, дизайн, калькулятор, видео, разработка
- Год
- 2026
Обсудить проект
Опишите задачу в двух-трёх фразах. Ответим и предложим варианты.
Понравился проект? Хочу такой же сайт: виды сайтов и цены · Другие примеры работ