UX/UI магазина сыров
…Это было непросто
Цель проекта — проработка UX составляющей для онлайн-магазина сыров. При этом процесс командной работы здесь был едва ли не решающим в плане получения нового опыта. Работа с аудиторией и конкурентами была знакома всем, а совместная проработка такого масштаба ни одному из нас.
Задача
Провести максимально глубокое исследование, в том числе и «полевое», разработать прототип для онлайн-магазина сыров, протестировать и собрать визуал главной.
В итоге
Получили готовый к реализации, детально проработанный MVP для онлайн-магазина сыров от классических до самых редких, отличающийся глубокой проработкой аудитории проекта через:
- очные интервью, выезды в реальные магазины и интервью;
- анализ конкурентов со всего мира;
- детальную проработку портретов клиентуры, ее путей до сайта и в рамках самого сервиса, уточнение отвечающей их болям структуры
- построение и тестирование прототипа, его усовершенствование
- сборку дизайна по накопленным материалам в нескольких вариантах с обоснованием решения авторами.
ПОЛНОСТЬЮ отказались от идеи личного кабинета. Минимизировали его и убрали в окно заказа, то есть в панель, которая не требует выхода из каталога.
Командой на чистом энтузиазме мы влились в работу и раздали задачи.
Все те, кто мог отправиться на полевые исследования, ворвались в сырные бутики и продегустировали все, до чего дотянулись, пощупали упаковку, расспросили владельцев, распорядителей и сотрудников, а еще за ломтиком сыра вывели на разговор клиентов. В ходе диалога родилось много инсайтов касательно того, каким должен быть вау-сервис в глазах покупателей и чем они дорожат больше всего.
Все тщательно записали и обсудили: мысли итальянца, живущего в РФ, потрясающей семьи с ребенком, которые специально все вместе приходят поесть сырной продукции в небольшое кафе «Сыр и кофе», сотрудников «Первого сырного» , «Четырех сыров», сыроварни «Фроманджеле».
Кажется, это была самая увлекательная и простая часть процесса. Работать командой, когда ни один из ее участников ранее не имел подобного опыта непросто. Зато прокачка невероятная.
Параллельно с полевым провели онлайн-исследование. Оказалось, что в русскоязычном секторе ниша практически пустует, а там, где ее пытались точечно занять аналогичные проекты, выглядит все не очень радужно: далекие от эстетики нелогичные интерфейсы, неполный ассортимент, плохой визуал. Поэтому единогласно решили не ограничиваться русскоязычным сектором. В список для анализа добавили топовые англоязычные сайты. И вот там уже было на что посмотреть.
Были откровенно странные решения. Например, сайт, на котором не было ни одно фото, а в качестве визуала использованы странные иллюстрации, максимально убивающие доверие к продукции.
Но больше удачных, например, потрясающая возможность выбирать тарелки и подарочные наборы. Аппетитные эстетично оформленные нарезки в сочетании с предложенными в комплект винами, конфитюром и фруктами заставили нас пересмотреть отношение к будущему каталогу и добавить в него подобные позиции.
Пройти мимо такого оформления практические невозможно: клиент если и не купит, то запомнит и точно вернется, когда возникнут затруднения с выбором подарка человеку, который ничего не хочет или же у него все есть.
Итак, сырные тарелки на заказ и подарочные корзины стали первой отличительной чертой, превращающей простой онлайн-магазин сыра в нечто большее.
Следом пришла идея оформить абонемент на сырные тарелки и просто доставку, упаковав это в формат «клуба». Причастность повышает лояльность. Личный кабинет, несмотря на свое название, обезличен, а термин «клуб» ассоциируется с эксклюзивностью, премиальностью.
И это вторая черта, которая отличит наш MVP от любого стандартного сырного магазина: клуб постоянных покупателей.
Вместе с проверкой англоязычных конкурентов провели онлайн-опрос целевой аудитории. По итогу своим мнением поделились 85 человек — более чем достаточно для статистики. Опросы проводились в группах, где присутствовали примерно в одинаковом количестве мужчины и женщины, что делает ответ на первый вопрос показательным и должно быть отражено в итоговом визуале.
Важно: опрос был проведен бесплатно, но с бонусом в конце — небольшой подборкой по сырам, которые стоит попробовать. Такой подход позволяет отсеять «кликающих за деньги» нецелевых респондентов. Наша теория по тарелкам и подаркам на 100% себя оправдала.
Ко всему прочему были также проведены живые интервью через звонки в мессенджерах, да к тому же почти международные. В качестве респондентов принимали участие русскоязычные жительницы Германии и Франции.
Живой диалог не сравнить с простой анкетой. И здесь еще раз подтвердилась наша вторая теория: на сайте обязательно должен быть консультант, но не просто менеджер по тех части — это само собой. Обязан присутствовать сырный сомелье, который может всем ценителям необычного выбрать новое сочетания, а новичков направит и покажет, что сыр может быть больше, чем просто ломтик на хлеб утром.
Это третья особенность, отстраивающая наш MVP от стандартных магазинов — профессиональный консультант, готовый ненавязчиво поддержать клиента на высшем уровне.
Фактически данный проект невозможно построить только на принципе job-to-be-done, потому что под простой покупкой сыра кроются более специфичные целей: сделать подарок, насладиться уникальной маркой, купить что-то простое к завтраку (зашедших на сайт клиентов, далеких от гурманства, также нельзя обойти стороной) или изыски к романтическому вечеру. Проведенные опросы позволили нам сформировать четыре основных портрета клиентов:
- Любители новинок
- Любители классики
- Стабильные в запросах покупатели
- Экоактивисты и люди с особыми потребностями
Тут возникла мысль позволить этим категориям выходить за свои рамки, но нативно, мягко. Было решено добавить в функционал MVP возможность дегустации. При этом не априори, а по желанию клиента. В таком случае при заказе человек может отметить желание дегустировать новые сыры у себя в корзине или личном кабинете после выхода проекта из стадии MVP и получать до 100 гр сыра рандомного вида от самых обычных до ультраредких. Это позволит магазину использовать продукцию, срок хранения которой скоро подойдет к концу, максимально оперативно и таким образом минимизировав убытки повысить лояльность и интерес клиента.
И здесь четко обозначил себя четвертый аспект, делающий сервис уникальным: возможность за счет такого взаимодействия с клиентом позволить ему перейти из случайного или редкого клиента в постоянного.
Мы отлично сработались и в очередной раз поделили текущие задачи, на этот раз по составлению финальной таблицы требований к сайту, user flow, customer journey и детальной структуре сайта.
На этом этапе нам все еще было было весело, работа спорилась, но скоро нас ждал сюрприз: оказывается, работать командой на чистом энтузиазме не так просто.
Всем мешали реалии ковида, платных заказов, внезапные авралы и другие проблемы, которые не давали сдвинуть проект с точки и перейти к визуалу. Поэтому работа шла медленнее, чем хотелось бы и запал пропадал. Но мы не дали этому случиться и для реализации материала вернулись к сборке прототипа.
Без преувеличений, прототип стал самой сложной частью работы. Попытка унификации подхода, отсутствие одного конкретного управляющего всем процессом сделали его очень затратным по времени и силам, хотя объем работы на деле был в разы меньше всего предыдущего.
Зато вынесли урок:
разработку прототипа нельзя разбивать на зоны и важно отдать в руки одному человеку или же заранее продумать систему визуализации элементов, конкретный UI-кит прототипа, чтобы каждый в своей зоне мог бы на него ориентироваться.
Первое предпочтительнее.
Мы сдулись и ушли в свои личные дела. Хорошо, что изначально не были установлены жесткие временные рамки. По итогу такое решение себя оправдало. В противном случае на работе без оплаты, только лишь ради практики и формирования кейса можно было бы знатно выгореть.
А так благодаря участнице команды Татьяне после перерыва мы внезапно собрались в зуме/фигме и устроили челленж на 2 часа по созданию визуала, каждый своего, предварительно освежив информацию из аналитической части.
Мы понимали, что унифицировать визуал без одно ведущего с значимым опытом было бы крайне затруднительно — опыт с прототипом был учтен еще раз.
В итоге получились три видения визуала: и все три имеют право на существование, потому что техническая сторона каждого трижды обоснована детальным исследованием.
Мой вариант визуала
Смотреть здесь:
Здесь вариант Виктории
Здесь вариант Татьяны
Здесь вариант Леры
Здесь вариант Артема
