Альто-блог

23 Сентября 2013

Protector5. Перезагрузка

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

Итак, о процессе.

Работу над любым проектом мы начинаем с анализа. Изучаем бизнес клиента: товар, преимущества, систему продаж, сезонность и прочие особенности. Думаем, читаем, рисуем эскизы, делаем прототип сайта.

prototip.png

Едем на склад клиента контролировать фотосессию 4000 шин и дисков.

Protector5

Делаем первые наброски дизайна.

Protector5

В процессе работы убеждаемся, что логотип компании клиента тяжеловат. Предлагаем рестайлинг. Успех!

Protector5

Продолжаем работу над дизайном.

Protector5

Приходим к конечному варианту дизайна главной страницы. Вносим правки, согласовываем концепт-дизайн, начинаем прорабатывать внутренние страницы и верстать. Все счастливы.

inner.jpg

Додизайнили, заверстали. Но нет! Нельзя так просто взять и доделать проект. Мы никогда не останавливаемся думать, даже если клиент доволен.

Итак, понимаем, что многоуровневая система вложенности меню будет сильно путать посетителя. «Шины» и «диски» не являются просто разделами, скорее вкладками. Тогда мы приняли смелое, но правильное, на наш взгляд, решение — сделать меню сайта в виде вкладок, основных («Шины» и «Диски») и вспомогательных (всех остальных).

Интерфейс сайта интернет-магазина становится похожим на интерфейс мобильного приложения.

Protector5

Переверстываем, запускаем: http://protector5.ru

Напоследок о некоторых удобствах и плюшках для посетителей-покупателей:

— Мы сделали выбор максимально наглядным с помощью картинок и иконок, чтобы даже неопытный водитель мог легко подобрать нужные шины и диски по марке автомобиля или другим характеристикам.

Protector5

Protector5

Protector5

— Посетитель может рассмотреть рисунок протектора в деталях с помощью «лупы».

Protector5

— Любые позиции шин или дисков можно сравнить между собой, с помощью кнопки «Сравнить».

Protector5

— Прежде чем определиться, вы можете отложить все понравившиеся модели в «Избранное», просто нажав под товаром кнопку «Мне нравится».

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