Сделала редизайн интернет-магазина бренда ювелирных украшений Grainne Morton.

<aside> <img src="https://mir-s3-cdn-cf.behance.net/user/230/99be911428314983.639c5798ac909.png" alt="https://mir-s3-cdn-cf.behance.net/user/230/99be911428314983.639c5798ac909.png" width="40px" /> Проект попал в подборку лучших работ школы UPROCK AWARDS

</aside>

Файл в Figma

Кейс на Behance

Проблемы текущего сайта

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

Задачи

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

Конкурентный анализ

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

Также заметила, что часто главная страница брендов выглядит однообразно, используется одинаковая структура “баннер-карточки товаров-баннер”, многие бренды перегружают свой сайт различными декоративными элементами.

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

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

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

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

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

Каталог

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

Процесс оформления и корзина