Calvin Klein

/E-commerce redesign

2022

Редизайн сайта интернет-магазина

Посмотреть на Dprofile

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

Пользователь должен легко ориентироваться на сайте, понимать, куда его приведёт нажатие той или иной кнопки.

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

Для главной страницы и страницы лукбука выбрана 4-хколоночная сетка. Это позволило использовать более сложные композиционные решения и сделать дизайн каждого блока уникальным.

Такое решение имеет ряд преимуществ:

– выделяет бренд на фоне других сайтов;

– позволяет пользователю получить больше информации о бренде и познакомить его с товарами при первом посещении сайта;

– даёт возможность перейти в разные разделы сайта, не заходя в основное меню.

На главной странице яркими акцентами в блоках являются стильные фото и крупная типографика. Это даёт возможность пользователю:

– быстро оценить все ключевые разделы и сориентироваться на странице;

– быстро найти нужный раздел и перейти туда;

– найти искомый товар и совершить покупку.

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

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

/ Каталог

Для страницы каталога была выбрана3-хколоночная сетка. Она уместна по нескольким причинам: карточка товара, не смотря на её размеры, помещается на экране целиком, это позволяет рассмотреть детали на фото без перехода на страницу товара.

Здесь я поработала с отступами. Стало легче отделять одну карточку от другой.

Отдельно хочу отметить, почему карточки товаров решила сделать более информативными:

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

– пользователь меньше раздражается и экономит своё время на поиск нужного товара;

– сокращается количество шагов от входа на сайт и до добавления товара в корзину.

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

На странице товара было принято решение отказаться от всплывающих окон. Так внимание не рассеивается, и пользователь не отвлекаться от товара.

Ещё здесь добавила мини-версии фото. Это вызовет больший интерес к товару и призыв рассмотреть его поближе.

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

Блоки просмотренных и рекомендованных товаров сделала разными, чтобы пользователю было проще их различать.

/ Лукбук

/ Анимация