← Роботи Дизайн і макети · Автошкола · Київ

Магнолія Авто · редизайн

Сайт автошколи працював і приносив заявки, але виглядав як сотні інших. Ми провели його через вісім ітерацій макета, погодили головну зі школою — і лише тоді перевели на новий вигляд усі 51 сторінку.

РедизайнМакетиМаскотиMobile-first

● Онлайн 2026 magnolia-avto.kiev.ua ↗
magnolia-avto.kiev.ua
Головна клієнта — жива міні-версія: гортай і наводь курсор
Мобільна версія — теж жива: гортай пальцем чи коліщатком
Історія

Як змінити вигляд сайту, що вже продає, і нічого не зламати

Сайт «Магнолії» вже працював: заявки йшли, позиції в Google росли. У такій ситуації редизайн — ризик: можна зробити красиво і втратити те, що приносить учнів. Тому ми не перемальовували все одразу.

Спершу — макети. Їх було вісім ітерацій, поки не склалась головна: запис із вибором району практики одразу на першому екрані, навчальна автівка й компанія маскотів «Маґа і друзі», а на телефоні кнопки «Подзвонити» й «Записатися» завжди під пальцем. Нову головну школа побачила окремою адресою, порівняла зі старою — і погодила.

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

Задача

З чим прийшов клієнт

  1. Сайт продавав, але виглядав шаблонно — автошколу не запамʼятовували серед конкурентів.
  2. Редизайн не мав зачепити заявки й позиції в пошуку, які вже працювали.
  3. Майже 7 з 10 ключових дій робили з телефона — новий вигляд мусив насамперед працювати там.
Що ми зробили

Наше рішення

8 ітерацій макета

Головну доводили макетами, поки вона не відповіла на три питання людини: де вчитись, скільки коштує і як записатися.

Погодження до розкатки

Нова головна жила окремою адресою поруч зі старою: школа порівняла й сказала «так» — і лише тоді ми чіпали решту сайту.

Запис на першому екрані

Вибір району практики — одразу нагорі: людина бачить найближчу філію ще до того, як почне гортати.

Маскоти «Маґа і друзі»

Компанія персонажів у блозі й категоріях прав робить сайт впізнаваним і знімає напругу з теми іспитів.

Mobile-first

На телефоні кнопки «Подзвонити» й «Записатися» завжди під пальцем; кожен із 16 типів сторінок перевірено на мобільному.

Дизайн-система

Кольори, шрифти й блоки зібрані в систему — нова сторінка виходить одразу в стилі, без «латок».

Як працювали

8 ітерацій макетаГоловна окремою адресою на погодженняДизайн-система v2Перевірка 16 типів сторінок на телефоніСвітла й темна теми

Результат

Що вийшло

51
сторінка в новому дизайні
8
ітерацій макета до погодження
16
типів сторінок перевірено на телефоні
69%
ключових дій — з телефонів (вересень 2026), під них і робили

Новий дизайн увімкнено 3 жовтня 2026 після погодження школою. Заявки, аналітика й SEO під час переходу працювали без зупинки.

Інші проєкти

Автошкола · Київ

Магнолія Авто

Автошкола з 6 філіями в Києві: перенесли сайт із Wix на власний хостинг без втрати позицій у...
Ремонт інструменту · Київ

Instrumentic

Майстерня жила на односторінковому лендингу, де 24 «популярні запити» вели в нікуди, а заявк...
Портал + ШІ

Relocant

Повноцінний портал для людей, які переїжджають за кордон: база знань, калькулятори й ШІ-асис...

Хочеш бути наступним кейсом?

Почни з аудиту й прев’ю твого проєкту.

Коротко про те, як це працює

Хвилина відео замість сторінки тексту — про рекламу, сайти й ШІ в бізнесі.

Більше відео на нашому каналі ↗

Отримати подарунок