LongwooD — интернет-магазин автозапчастей

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

Итак, сначала сама работа — дизайн главной страницы интернет магазина:

Главная страница

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

Комментарии к элементам и блокам главной страницы

1. 1. Основное меню
   В этом меню отображаются основные разделы сайта, которые нужны покупателю, а именно каталог товаров, акции, информация о доставке и оплате.
   
   
2. 2. Дополнительное меню
   Содержит ссылки на разделы, которые напрямую не взаимодействуют с покупателем и могут быть интересны меньшему кругу людей.
   
   
3. 3. Блок поиска
   Поиск — важная составляющая любого интернет-магазина, поэтому ему уделено столько места.
   По-умолчанию поиск ведется по всем параметрам: название, номер детали, артикул, обеспечивая этим наибольший коэффициент положительного результата поиска.При желании пользователь может ограничить область поиска сняв галочку с чек-бокса (это просто и понятно, а значит является еще одним плюсом).
   Блок поиска начинает работать с того самого момента, как пользователь взглянул на него. Это достигается тем, что над строкой поиска размещены логотипы компаний, производящих грузовики и соответственно в этом магазине можно купить запчасти к ним. Логотип является сильным визуальным фактором узнаваемости, пользователю достаточно взглянуть на него, нет необходимости читать текст.
   Кроме этого логотипы компаний-производителей грузовиков являются своеобразными фильтрами. Так, кликая на один из логотипов, например Volvo, он остается активным, остальные отмечаются как неактивные и если изначально поиск велся по всем брендам, то теперь будет включен фильтр «Volvo».
   
   В блоке поиска предусмотрена возможность перехода к расширенному поиску, который будет включать в себя больше параметров.
4. 4. Корзина
   Блок с корзиной располагается в привычном для пользователя месте, его не придется искать, что увеличит процент продаж.
5. 5. Вход на сайт
   Стандартный по функционалу блок, позволяет зарегистрированным пользователям войти на сайт. После авторизации на месте этого блока будет отображаться личный кабинет.
6. 6. Регистрация
   Кнопка регистрации вынесена отдельно для большего акцентирования внимания на ней. Мы не может пользователей заставить регистрироваться — это отрицательно сказывается на продажах, но тем не менее, хочется иметь базу постоянных покупателей.
   Для стимулирования пользователей к регистрации служит страница, на которую можно попасть по ссылке «Что дает регистрация?». На этой странице рассказывается о преимуществах  зарегистрированных пользователей и на этой же странице предлагается пройти несложную регистрацию.
   
   
7. 7. Консультант
   Этот блок служит дополнительным источником контактной информации и создан, чтобы помочь пользователям совершать покупки, за счет своевременной поддержки консультантом по продажам.
   Дополнительно:
   Блоки 4-7 образуют динамический блок высотой 580 пикселей, который постоянно остается в поле видимости пользователя. Таким образом, пользователь всегда видит что он купил, имеет доступ к регистрации / авторизации (или личному кабинету) и блоку с помощью.
   Наглядный вид главной страницы.
   
   Вид главной страницы, прокрученной вниз, как видно блоки 4-7 целиком отображаются на экране
   

1. 8. Псевдо-ссылка «еще 3»
   При нажатии на ссылку «еще 3» представленные 3 товара сменяются другими. Рекомендуется в разделе размещать не более 9 товаров, чтобы пользователь мог вернуться к первоначальным 3-м товаром за три клика.
2. 9. Информационный блок
   Например, такой блок может содержать информацию о процессе совершения покупки.
3. 10. Баннер
   Тут все понятно, баннер (размером 180х340 пикселей)
4. 11. Отображение цены
   Везде на сайте отображаются 2 цены, первая за незарегистрированных покупателей, вторая (оптовая) для зарегистрированных. Сделано это для того, чтобы еще одним способом простимулировать пользователя к регистрации. При клике на вторую цену (отображается серым) будет всплывать подсказка, рассказывающая о том, что это цена для зарегистрированных пользователей и предлагающая зарегистрироваться.
   Для зарегистрированных пользователей цена будет отображаться также как в горячих предложениях, чтобы было видно сколько они экономят.
5. 12. Подвал
   В подвале организован доступ ко всем разделам и страницам сайта, это сделано как для удобства пользователей так и для поисковых роботов. По сути в подвале отображается карта сайта, только в данном случае она логически построена таким образом, чтобы помочь сориентироваться пользователю.