E-Commerce / Интернет магазин спортивных товаров
- 10
- 0
- Опубликовано: 2021-07-02
Краткие сведения:
Компания занимается электронной коммерцией, продает спортивные товары различных категорий.
Доставляет заказы по Москве и Московской области, осуществляет поддержку пользователей 24/7.
Задача:
По готовому прототипу необходимо сверстать дизайн в редакторе фотошоп, включая адаптивные версии. Передать готовый дизайн фронтенд-разработчику.
Показать пользователю основной посыл компании — стиль, легкость, позитивные эмоции, движение.
Решение:
Создан дизайн в редакторе Photoshop на основе предоставленного прототипа, с применением сетки bootstrap и фирменных цветов компании. Проведена работа с UI элементами, шрифтом, отредактированы фотографии, сверстаны два баннера. Созданы адаптивные версии макета интернет-магазина под планшет и смартфон.
Вывод:
Светлый фон и оптимальные отступы создают ощущение легкости в дизайне, а хорошо подобранные картинки ощущение движения и позитивные эмоции. В свою очередь, однотонный фон на фотографиях, четкие формы, острые углы и сочетание красного и серого тонов дают пользователю чувство стиля и чистоты дизайна.
Правильное размещение элементов дизайна относительно сетки, чёткая структура в слоях, соблюдение правил при вёрстке дизайна всех версий страницы облегчает дальнейшую работу фронтенд-разработчика с макетом.
Это учебный проект. Более подробную информацию посмотрите по ссылке http://mydesportfolio.tilda.ws/ecommerce
Компания занимается электронной коммерцией, продает спортивные товары различных категорий.
Доставляет заказы по Москве и Московской области, осуществляет поддержку пользователей 24/7.
Задача:
По готовому прототипу необходимо сверстать дизайн в редакторе фотошоп, включая адаптивные версии. Передать готовый дизайн фронтенд-разработчику.
Показать пользователю основной посыл компании — стиль, легкость, позитивные эмоции, движение.
Решение:
Создан дизайн в редакторе Photoshop на основе предоставленного прототипа, с применением сетки bootstrap и фирменных цветов компании. Проведена работа с UI элементами, шрифтом, отредактированы фотографии, сверстаны два баннера. Созданы адаптивные версии макета интернет-магазина под планшет и смартфон.
Вывод:
Светлый фон и оптимальные отступы создают ощущение легкости в дизайне, а хорошо подобранные картинки ощущение движения и позитивные эмоции. В свою очередь, однотонный фон на фотографиях, четкие формы, острые углы и сочетание красного и серого тонов дают пользователю чувство стиля и чистоты дизайна.
Правильное размещение элементов дизайна относительно сетки, чёткая структура в слоях, соблюдение правил при вёрстке дизайна всех версий страницы облегчает дальнейшую работу фронтенд-разработчика с макетом.
Это учебный проект. Более подробную информацию посмотрите по ссылке http://mydesportfolio.tilda.ws/ecommerce
Пример реализации
Комментариев нет
оставить комментарий могут только авторизованные пользователи
| Landing Page / Грузоперевозки | Все работы автора | Следующая работа |
