Логотип и сайт
магазина запчастей «Мазик»

Сайты автомобильных запчастей — это жанр. Их целевая аудитория такова, что владельцы редко беспокоятся о дизайне и фирменном стиле. Кому нужно — купят.

Испытание это и для дизайнера. В портфолио такой проект не положишь, заказчик своими идеями портит и без того зыбкий макет, бюджет редко бывает большим. За такой проект определенно лучше не браться. Но мы все-таки решили попробовать и сделать хороший дизайн для магазина запчастей автомобилей «Маз» и «Камаз».

Мы начали с выбора шрифта, и нам тут же подвернулась удача. Оказывается, существует замечательный кириллический шрифт Maza от российского дизайнера Валерия Заверяева. Шрифт примечателен тем, что по стилю похож на ГОСТ, но лишен недостатков последнего. Кроме того, созвучное с компанией заказчика название шрифта не позволило нам пройти мимо.

Шрифт Maza

Далее нужно было придумать логотип. Возьмем модный нынче эффект ряби и привычные элементы: шестеренку и гаечный ключ.

Катит. Последний штрих, и получается симпатичный стикер.

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

Все запчасти делятся на 30 групп с непоследовательной нумерацией от 10 до 90. Группы одинаковые и для камазов, и для мазов. Получается так, что при переключении марки автомобиля группы как бы не меняются, и создается впечатление, что сайт не работает. Решаем делать смену разделов анимированной. Кладем текстуру бумаги, берем наш фирменный шрифт для основных надписей и рисуем главную.

Мазик
www.mazik.ru
Главная страница

На сайт в основном заходят водители грузовиков и заказывают сразу тонну деталей, поэтому удобство и быстрота заказа оптом — важнейшие вещи. Пусть у нас будут повторяющиеся до ряби в глазах поля ввода и кнопки «Купить», но лишать посетителей удобства быстрой покупки — нельзя.

Мазик
www.mazik.ru/index.php?route=product/category&path=59&manufacturer=12
Список деталей

Плюс, делаем поиск с подсказками.

И контакты в виде контактов :-)

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

Обнаруживаем, что монохромная версия логотипа напоминает не две шестеренки, а одно колесо.

Делаем простенькую визитку.

Хороший дизайн и запчасти приятен.

Декабрь 2011
Дизайнер: Андрей Маркелов
Верстальщик, программист: Евгений Пратусевич
Портфолио