HTR - молодая компания, занимающаяся логистикой головных уборов из Китая в Россию.

Задача дизайн-проекта заключалась в создании простого макета интерфейса для сайта интернет магазина, для того чтобы запустить сайт в кратчайшие сроки.

Проект дорабатывается, поэтому не все элементы имеют финальный вид.

В ходе изучения рынка и предлагаемых услуг, определён такой портрет пользователя магазина:

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

От заказчика поступила просьба создать простой дизайн "без излишек". Поэтому я решил использовать "грубое" оформление интерфейса без скруглений элементов в оттенках черного и белого цветов.

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

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

В качестве основного и единственного шрифта выбрано семейство шрифта Monserrat в начертаниях Regular и Bold.

После создания UI-kit были созданы прототипы страниц, для последующей их доработки. На рисунке ниже показаны прототипы некоторых страниц.

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

В необходимых элементах, в которых происходит взаимодействие, были отрисованы появляющиеся элементы: открывающиеся меню, категории товаров, фильтры, поп-ап окна.

На рисунке ниже представлены готовые на данный момент страницы.