Gearpro

Интернет-магазин спортивного оборудования

http://gear-pro.ru
01.

Главная задача

Разработать новый дизайн сайта под любые устройства, учитывать аудиторию, направление ресурса, показать посетителям “живой” интернет - магазин

02.

Типография

Основной целью редизайна являлось придать читабельность контенту, поскольку магазин содержит большой объем информации. Решением стал шрифт без засечек семейства Museo

Аа

Шрифт Museo Sans Cyrl

Regular (500)

A B C D E F GH I J K L M N O P Q R ST U V W X Y Z
a b c d e f gh i j k l m n o p q r st u v w x y z
1 2 3 4 5 6 7 8 9 0 10

Bold (900)

A B C D E F GH I J K L M N O P Q R ST U V W X Y Z
a b c d e f gh i j k l m n o p q r st u v w x y z
1 2 3 4 5 6 7 8 9 0 10

03.

Цветовая палитра

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

04.

UI/UX

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

Результат - конверсия увеличилась за 90 дней в 2,5 раза.

05.

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

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

Адаптивный дизайн

Desktop-версия

Одинаковое отображение во всех браузерах,
включая IE

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

Поддержка основных разрешений
мобильных устройств

06.

Страница категорий

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

07.

Страница товара

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

Gearpro