ЭТАП 1

исследование

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

Целевая аудитория

Согласно брифу заказчика, это мужчины и женщины в возрасте от 35 лет, со средним годовым доходом от 200 000 евро. Занимают должности в сфере топ-менеджмента, либо имеют свой бизнес.

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

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

Аудит трендов

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

Для того чтобы в своей работе правильно донести главные предложения бренда «Золотое руно»,
я проанализировала более 40 сайтов ювелирных компаний премиум сегмента

бенчмаркинг

В качестве главных успешных конкурентов, которые реализуют основные тренды
в своих визуальных концепциях, я рассмотрела сайты известных брендов, таких как Cartier, Stephen Webster, Meadowlark, Casato, Mikimoto.

CJM

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

Выводы по исследованию

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

- Светлые цвета
- Тонкие линии
- Акцентный шрифт
- Эстетичные продающие фотографии ювелирной продукции
- Привлекающая внимание композиция
- Доступное и простое, функциональное меню
- Минимализм
- Максимальное количество информации о товаре, включая цену, описание и большое количество фото
- Добавить возможность не только добавить товар в корзину, но и забронировать в магазине, а также сделать предзаказ, если коллекция новая и еще только ожидается в бутике
- Минимизировать общение с операторами — подтверждение по смс
- Построить процесс так, что пользователь всегда понимает, сколько времени у него займет заказ

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

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

Разделение на категории я решила обыграть небольшим текстовым описанием — это создает определенную атмосферу, а также уравновешивает композицию.

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

В прототипе я решила использовать эффект затемнения для карты, которая открывалась
в новом окне или в pop-up.
В итоговом варианте я сделала композицию
из двух половин — на одной прописаны адреса всех магазинов, поскольку их не так уж и много,
а на второй карту с пином, который показывает бутик, адрес которого выбран слева.

Блок «Новая коллекция» содержит буквально пару-тройку товаров, чтобы заинтриговать пользователя, для того чтобы он прошел
по ссылке «Посмотреть все». Тонкая стрелочка визуально поддерживает движение и общую стилистику сайта.

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

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