Дизайн и верстка ультрамодного сайта

2020-07-10 09:00:18 539

Перед командой Mindrepublic встала интересная задача – создание дизайна сайта интернет магазина ультрасовременной одежды с дерзким названием Plutocrat. Работа над созданием сайта началась с создания прототипов сайта и проработки структуры всех его страниц. Мы продумали весь путь взаимодействия клиента с интернет магазином от изучения трендов в лукбуке до совершения покупки и последующего взаимодействия с брендом в личном кабинете пользователя.

Одежда Plutocrat позиционируется как Молодёжная street casual одежда высочайшего качества. Именно поэтому мы ориентировались на топовые бренды в данном сегменте, чтобы проникнуться духом современной молодежной культуры. При этом важно было максимально дистанцироваться от онлайн магазинов масмаркета.


Цветовая гамма и шрифты

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

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

Дизайн сайта

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


Адаптивная версия сайта

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


Источник: https://mindrepublic.ru/portfolio/dizajn-i-verstka-sajta/