Портфолио

Сайт для автошколы

Прототип, Дизайн сайта, Создание иллюстраций, Сборка на Тильде
  1. Задача
  2. Прототип
  3. Дизайн
  4. Итого

Задача:

Сделать редизайн сайта автошколы, чтобы поднять конверсию в лидов.

Решение:

Вначале сделал прототип с учётом рынка. Объяснил какие фотки нужны, получил и обработал их. Исползал весь Иркутск в панораме Яндекс карт в поиска идей для недостающих иллюстраций. Нарисовал дизайн и приступил к сборке на Тильде.

Прототип

Перед созданием прототипа посмотрел статистику. Определился с приоритетами в дизайне.

Автошкола | Дизайн сайта

Посмотрел, что есть на "рынке". Выписал "сильные" утверждения. Вспомнил, как сам выбирал автошколу. Пообщался с потенциальной ЦА. Систематизировал собранный материал, после чего сделал и согласовал прототип.

Автошкола | Дизайн сайта

После того, как все тексты были написаны, определился с идеями для иллюстраций. Перешёл к дизайну.

Дизайн

Подавляющее большинство людей не считает свою работу выдающейся. Это обыденность. Поэтому у большинства заказчиков всегда мало фотографий. А если они и есть, то как правило сняты без "энтузиазма". Так и тут. Отличная школа, а фоток практически нет. Те что есть — плохого качества: низкое разрешение, обрезанный кадр и т.д. Пришлось выкручиваться. Размер подтянул нейронными сетями. Пересмотрел подход к блокам из прототипа.

В первую очередь разрабатывалась мобильная версия сайта.

Автошкола | Дизайн сайта

Потом делалась "десктопная" версия. И уже в последнюю очередь делался "планшет".

Автошкола | Дизайн сайта

Всем элементам дизайна я всегда уделю внимание. Реальные дорожные знаки. Календари с актуальными датами (клиенту нужно не всегда, я просто делаю для "разминки"). Интерфейсы приложений (если бы их делал я =). Письма в конвертах. Даже карточка водителя собрана мной из усреднённого варианта нескольких автошкол.

Автошкола | Дизайн сайта

Все иллюстрации содержат бренд клиента. Рассказывать можно долго, что и как делалось. Короче, вот что получилось:

Автошкола | Дизайн сайта Автошкола | Дизайн сайта Автошкола | Дизайн сайта Автошкола | Дизайн сайта Автошкола | Дизайн сайта Автошкола | Дизайн сайта Автошкола | Дизайн сайта

Итого

Заказчик остался доволен.

Автошкола | Дизайн сайта

Осталось только сделать фото инструкторов, обработать и "подготовить" к размещению на сайте. Пока делаются фотки, сайт собирается на Тильде.

И ещё...

Всегда делайте прототип. Можно сэкономить и не делать его интерактивным / анимированным. Главное — выстроить чёткую структуру, написать тексты и заложить идеи под иллюстрации. Потом такой материал легче довести до ума.

Страница в работе. Скоро обновлю дизайн.