Проект веб-бутика винтажной мебели: UX/Uİ
Хотелось отойти от работы для инфобизнеса в сторону реальных проектов с настоящими товарами. Мне попалась отличная тема — магазин винтажной мебели.
Кто целевая?
Изначально стоял вопрос: делать быстро и тут же запускать мини-магазин или провести исследование ЦА, но потратить чуть больше времени? Решение было сделано в пользу второго варианта, а уже на следующий день я готовила онлайн-опрос.
Более 40 респондентов
Интересные люди ответили на анкету. Каждый опрос — новый глубокий опыт, где самым ценным явлются ответы на открытые вопросы. Разогреваем респондентов простыми задачами с готовыми буллетами, а когда люди готовы к легкой рефлексии, задаем открытый вопрос.
Как всегда, от меня тематический бонус в конце опроса — подборка фото с мебелью Mid Century Modern на пинтерест. Собрать красивую доску — дело 20 минут. Но тем, кто готов пройти опрос и заведомо «в теме», такой взаимообмен приятен. Повышает лояльность респондентов и доходимость до конца анкеты.
Пока люди отвечали и делились опытом, я искала конкурентов.
Их на российском онлайн-рынке оказалось немного, а уровня бутика так и совсем не было. Все размещаю в фигму и комментрую, чтобы не забыть первое впечатление от каждой страницы.
Попалось несколько красивых аккаунтов в инстаграм, но не более. Взяли ориентир на переделку инсты и пошли смотреть иностранные магазины. Там ситуация была радужнее.
Собрала интересные мысли, подтвердила свои догадки и перешла к портретам пользователей.
Есть сервисы, которыми пользуются люди вне зависимости от их статуса и социальных ролей. Им нужно совершить конкретное действие: проверить почту, например. Поэтому при проектировке сейчас все больше используется метод Job to be done, но в данном случае он не подходил.
Винтажная мебель и ее покупка — специфическая тема, которой человек либо яро увлечен, либо нет. Как вариант, клиент бутика винтажной мебели может быть дизайнером, не увлеченным конкретно периодом 1950–1960-хх, но выбирающим мебель для своих клиентов. Но типов покупателей не так много.
В итоге остановилась на трех персонажах: две девушки совершенно разного финасового статуса, заинтересованные в покупке лично + дизайнер интерьеров, подбирающий эксклюзив для клиентов.
Домен midcenturymodern.ru — удивительно, но он был свободен!
Тут же был выкуплен как единственно возможный и прикручен к черновику сайта, чтобы радовать нас своим присутствием.
А на готове для вдохновения все это время лежали и пополнялись референсы. Очень приятно, когда клиент согласен с твоим настроением на будущий проект при первом просмотре.
Именно с них я начала диалог: так заказщик сразу видит, попала ли я в его мысли? Уловила ли отношение? Простой мудборд из близких по смыслу сайтов и фото это демонстрирует, как лакмусовая бумажка. И если вайб совпал, можно подписывать договор.
Прототипирование
После создания портретов и карт путей наших клиентов на основе всей собранной информации проверяем задумки на релевантность еще раз.
Смотрим, как подобные идеи реализовали другие, пришел ли кто-то до нас к таким выводм? Как успехи? И наступает один из любимых мной этапов: создание прототипа. Он может быть сколь угодно далек от будущего дизайна визуально, но должен технически отвечать всем текущим наработкам.
Перед прототипированием обязательно смотрим все накопленные идеи:
- отметаем те, что трудо реализовать технически для MVP — первой версии сайта;
- выбираем только максимально полезные, релевантные результатам опросов и интересные решения;
- расставляем их по приоритетности и только потом переходим к наброску кликабельного прототипа.
Его тестировали реальные люди. Да, это небольшой онлайн-бутик, но он должен быть понятен пользователям. Особенно натурам творческим, у которых свои подходы и способы воспрития. Как всегда, поймала пару мыслей и внеджрила их в прототип.
Время дизайна
Меня изрядно повеселило фото задника одного из комодов в коллекции Анастасии, владелицы бутика. Из второго блока оно медленно сплозло в подвал. Мне было бы совестно, не встань оно там, внизу, будто так и было задумано.
В этом проекте количество версий минимально. Обючно их гораздо больше, но в случае с бутиком структуру и примерный визуал я представляла себе еще на этапе соглашения до начала опросов.
Сильная сторона
Хорошее знание Тильды, на которой собран мини-магазин, еще на этапе дизайна позволяет понимать, как будет работать анимация и каким образом будем реализовывать задумки.
Что по итогу?
Сайт, делать который мне было безумно интересно. Отработала еще раз навыки, полученные на предновогоднем курсе по UX-дизайну. Отдохнула душой при работе с фото и визуалом.
На виду:
полностью собранный на Zero в Tilda онлайн-бутик винтажной мебели, от которого остался в восторге заказчик.
За кадром:
- анализ целей и потребностей аудитории бутика
- онлайн-опрос и обработка ответов более чем сорока респондентов
- создание портрета пользователей:
- обработка фото и подготовка их к публикации на сайте
- корректура текстов
Спасибо!
Посмотреть и пощупать проект можно здесь