KADUN Chess Authentic

Заказчик обратился ко мне для редизайна сайта компании, которая занимается производством шахмат, нард и других настольных игр, сделанных вручную из дорогих и редких пород дерева и других материалов. Главной целью проекта было изменениме пользовательского пути к покупке товара, соответственно, к главной цели пользователя на сайте. Так же опциональной задачей было создание дополнительной страницы "Индивидуальный заказ". Дополнительные цели были выявлены на аудите сайта.

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

• Добавить на сайт CTA для перехода в каталог.

• Сделать отдельный каталог для всех товаров.

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

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

• Фотографии на сайте плохого качества, не подходящие под веб формат.

Теперь на новом сайте есть CTA с призывом к переходу в каталог и обратной связью.

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

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

Количество текста в карточке стало фиксированным на две строчки, так как среди товаров встречаются с очень длинным названием.

Шрифт Lora, у которого есть каллиграфические корни был выбран для акцентных заголовков. Он подчеркивает дороговизну и аутентичность Kadun. В пару к нему был выбран шрифт Noto Sans, который является в свою очередь одним из оптимальных шрифтов для наборного текста.

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

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

Сайт был в целом обновлен как с помощью новой цветовой палитры и шрифтовой пары, так и с помощью обновления форм на сайте.

Свежую работу можно посмотреть по этой ссылке:
https://www.figma.com/file/0SsywVlSHXu4zSdDuqzYWw/Kadun?type=design&node-id=984%3A15010&mode=design&t=8KYCtefaRtfcmMbU-1