Задачи и концепция

Официальный сайт для автостудии Kolorika. Компания проводит покраску, ремонт и детейлинг автомобилей. Обновление интерьера и экстерьера помогает владельцу освежить дизайн машины, повысить ее стоимость и сохранить лакокрасочное покрытие.
Задача

Обновить сайт для студии детейлинга премиум-класса «Kolorika». Предыдущий ресурс устарел, выглядел скучно и имел запутанную структуру, что усложняло пользователям переход по страницам. Клиент захотел сделать редизайн, чтобы спектр всех услуг выглядел современно и ярко

Решение

Мы решили не ограничивать себя и помимо контрастных цветов насытили страницы элементами анимации. Теперь все откликается, выглядит смело и броско.

Этапы
  • UX-анализ
  • Контентное проектирование
  • Прототипирование и дизайн
  • Разработка калькулятора
  • Desktop & Mobile версии
  • Тестирование и релиз

Дизайн

Хотелось сделать ярко, но без перебора. Достигли «взрывного» оформления благодаря грамотной расстановке цветовых акцентов. Дизайн должен удивлять оригинальностью, но при этом сохранять консервативность в позиционировании

Выдержано единство стиля и проработано сочетание всех элементов на страницах. Анимация стимулирует совершить переход и выбрать нужную услугу.

100 уникальных страниц
25 уникальных блоков
10 параметров конфигуратора
3 размера экрана

Типографика и цветовая схема

Montserrat
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #F11443
  • #068FC4
  • #07516E

Детейлинг автомобиля

Легко ориентироваться

Автостудия предлагает широкий спектр услуг, поэтому предстояло проработать структуру, в которой было бы легко и просто ориентироваться. Для этого на страницу детейлинга мы добавили плашки с услугами. Теперь найти нужную услугу просто и быстро.

Каталог

Внизу страницы можно посмотреть общий прайс – удобно и оригинально.

Покраска и ремонт дисков

Весь спектр ремонтных работ и окрашивания только для дисков автомобиля.

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

Страница услуг

Наполнили полезным контентом и добавили калькулятор расчета стоимости в раздел ремонта дисков. На странице детейлинга стоимость работ указана в зависимости от класса автомобиля. На каждой странице прайсы визуально выделены, чтобы исключить долгий поиск посетителем ключевой информации об услугах студии.

Mobile версия

Мы понимали, что очень важно создать мобильную версию сайта, которая была бы одинаково удобна при просмотре с экрана любого размера.
Mobile first

Сохранили все характеристики web-сайта и объем информации, но при этом упростили некоторые элементы, чтобы все было читаемо и сайт выглядел привлекательно.

Планшет

Выбрать услугу для своего авто легко, даже пользуясь планшетом.

Прототипы

Создание подробных макетов - обязательный процесс разработки сайта, который проходит с участием заказчика. Проект, соответствующий пожеланиям клиента в связке с рекомендациями специалистов – это ресурс для эффективной работы любого бизнеса.

Компьютер

Прототипы страниц проекта Kolorika
Прототипы страниц проекта Kolorika

Планшет

Прототипы страниц проекта Kolorika
Прототипы страниц проекта Kolorika
Прототипы страниц проекта Kolorika

Мобильная версия

Прототипы страниц проекта Kolorika
Прототипы страниц проекта Kolorika
Прототипы страниц проекта Kolorika
Прототипы страниц проекта Kolorika

Нужна сильная команда?