Интернет магазин спортивных товаров

Веб-сайт

UI дизайн

Портфолио

/

Компания занимается электронной коммерцией, продает спортивные товары различных категорий.

Доставляет заказы по Москве и Московской области, осуществляет поддержку пользователей 24/7.

Краткие сведения

14 июля 2021 г.

Сдача проекта

31 июня 2021 г.

старт

E-Commerce

Тип бизнеса

Создан дизайн в редакторе Photoshop на основе предоставленного прототипа, с применением сетки bootstrap и фирменных цветов компании. Проведена работа с UI элементами, шрифтом, отредактированы фотографии, сверстаны два баннера. Созданы адаптивные версии макета интернет-магазина под планшет и смартфон.

что сделано

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

Показать пользователю основной посыл компании — стиль, легкость, позитивные эмоции, движение.

задача

прототип

prototype

цвет и шрифт

#E74D57

Красный

#F8DEDE

Розовый

Белый

#FFFFFF

Черный

#30343C

Темно серый

#606267

Серый

#7F868E

Светло серый

#F0F0F0

#E74D57 / 2px

Красный

Fonts

UI элементы

рабочий стол

планшет

смартфон

смартфон

планшет

рабочий стол

при наведении

при наведении

смартфон

планшет

рабочий стол

баннеры

карточки

макеты

заключение

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

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

Следующий проект