Lassie
Lassie — скандинавский бренд функциональной детской одежды из Финляндии. Более 75 лет компания создает удобные и стильные образы для детей от 2 до 14 лет. Продукция Lassie представлена в собственном интернет-магазине, в сетях крупнейших ретейлеров, а также
в 200+ магазинах в России, Беларуси и Казахстане и на ведущих маркетплейсах. В России этой компанией владеет «Детский Мир».
Целевая аудитория
Женщины 25-45 лет, средний+ и высокий доход, также дети 2-12 лет
Статус проекта
PWA-приложение/WEB. Релиз сайта состоялся в августе 2024 года, доработки ведутся до сих пор. Сайт можно посмотреть по ссылке (Разработка была на стороне клиента)
Моя роль
Ведущий дизайнер на проекте, работала вместе с двумя клиентами бренда, проект менеджером, дизайн-лидом и аналитиком самого бренда. Также устраивали созвоны с другими тремя дизайнерами, разработчиками в команде.
Что делала на проекте
Сделала дизайн-концепцию сайта с нуля. Спроектировала и отдала в разработку в деск&мобайл: главную страницу, страницу товаров, каталог и избранное, навигацию и поиск, авторизацию и вход, корзину и checkout, также информационные страницы магазина. Собрала UI Kit, провела анализ метрик по результатам работ.
Задача
Спроектировать на странице корзины удобный механизм выбора бесплатных подарков, зависящих от суммы заказа.
Откуда взялась задача
В рамках редизайна сайта от клиента пришла задача внедрить новую механику: пользователи смогут выбирать бесплатные подарки, если их сумма заказа превышает определенные пороги (например, 1 подарок от 3000 ₽, 2 — от 5000 ₽ и т.д.).
Для уточнения деталей я инициировала созвон с менеджером и организовала дополнительные встречи с клиентами.
Как решала задачу
Работа велась итерационно. На каждом этапе я согласовывала решения с дизайн-лидом, получала фидбэк и дорабатывала. После этого показывала результат клиенту. Регулярно созванивалась с заказчиками, чтобы избежать недопониманий и учесть все нюансы.
Discovery (исследование)/Define (анализ)
Для чего мы это делаем?
После получения задачи я уточнила её цели, созвонившись с менеджером и клиентом.
Маркетологи и аналитики со стороны клиента провели качественные исследования и поделились выводами: пользователи с недоверием относятся к бренду, предпочитая делать заказы через маркетплейсы. Причина — низкий уровень лояльности и доверия к самому магазину.
Команда предложила идею: создать уникальные условия при покупке, недоступные на маркетплейсах. Один из вариантов — подарок при заказе.
Моя задача: изучить рынок, проанализировать аналогичные механики у конкурентов, сформулировать и проверить гипотезу.
Анализ конкурентов
Основные выводы
У большинства конкурентов подарок выбирается автоматически — пользователь не может повлиять на выбор.
Часто условия получения подарка непрозрачны: неясно, что именно получает клиент и как.
Возможность выбрать подарок заранее и увидеть следующий уровень — редкость.
Успешные решения используют заметные блоки в корзине и показывают прогресс к получению подарка.
Формирование гипотезы и ее проверка
«Если мы добавим механику бесплатного подарка при покупке, позволяя пользователю самостоятельно выбрать подарок в зависимости от суммы заказа, то это может повысить индекс удовлетворенности клиента (CSAT), потому что пользователь будет воспринимать это как индивидуальное внимание и эксклюзивное преимущество»
Чтобы проверить гипотезу, я провела онлайн-опрос с помощью Google Forms среди 12 респондентов.
Цель опроса
Выяснить, как влияет наличие и выбор подарков на лояльность к бренду.
Что показал опрос
Большинство респондентов отметили, что получение подарков — это важный или скорее важный фактор при выборе магазина.
Пользователи ценят возможность выбрать подарок самостоятельно, считая это проявлением индивидуального внимания и заботы.
Значительная часть опрошенных заявила, что наличие подарков при покупке влияет
на их решение сделать заказ именно здесь.
Пользователи воспринимают подарок как знак внимания.
Подарки помогают укреплять доверие к бренду, особенно если их качество и актуальность соответствуют ожиданиям покупателей.
Респонденты, положительно воспринимающие подарки, чаще готовы возвращаться.
Хотя подарки важны, ключевыми остаются такие параметры, как цена и качество продукции. Следовательно, механика подарков должна гармонично дополнять основные конкурентные преимущества бренда.
Вывод
Результаты исследования подтверждают гипотезу. При этом важно обеспечить простоту выбора подарка и качественную коммуникацию, чтобы максимизировать эффект и удовлетворить ожидания клиентов.
User Flow
После подтверждения гипотезы я разработала пользовательские сценарии, учитывающие три уровня суммы заказа: 99 999 ₽, 139 999 ₽ и 169 999 ₽ (Цифры были предоставлены клиентом)
На каждом уровне — три варианта подарков. Если сумма не достигла порога — подарки отображаются неактивными, но видимыми. Это стимулирует увеличить сумму.
Пользователь может отказаться от участия и «выйти из игры» в любой момент — важна свобода выбора.
Design (проектирование)
Создание wireframes
После проработки пользовательского флоу структура экрана была уже понятна. Я приступила к созданию детализированных wireframes — это позволило согласовать ключевые элементы интерфейса и сэкономить ресурсы на дальнейших правках.
На этом этапе я не прорабатывала все состояния элементов — это входило в зону следующего шага: UI-дизайна.
После презентации wireframes клиенту я собрала фидбек, внесла необходимые правки и перешла
к следующему этапу проектирования.
Wireframe → Дизайн
Ниже — ключевые интерфейсные решения, реализованные после внесения правок на основе результатов юзабилити-тестирования (подробнее об этом — в следующем разделе). Все состояния, включая edge cases, были учтены.
Дефолтное состояние (до достижения минимальной суммы)
В корзине отображается промоблок: «Добавьте в корзину ещё на N ₽ — получите подарок»
Кнопка «Смотреть подарки» открывает шторку со списком возможных подарков. Все карточки — неактивны, поскольку пользователь ещё не достиг порога.
Возможность выбрать подарок появляется, когда пользователь достиг нужной суммы в корзине. Пользователь нажимает на кнопку «Выбрать подарок», и у него справа открывается шторка
с вариантами подарков.
Для товаров с несколькими размерами: по умолчанию выбран первый, нельзя добавить без выбора.
Для товаров с универсальным размером — размер не выбирается (обозначено как «Единый»).
Цикличность
Пользователь может продолжать увеличивать сумму заказа и выбирать подарки на каждом уровне. Цикл повторяется, пока не будет достигнута максимальная сумма и выбран последний подарок.
Состояние, когда все подарки выбраны
Блок перестаёт отображать CTA, показывается только информация о выбранных подарках.
Пользователь больше не может взаимодействовать с механикой, но сохраняет историю
и возможность изменить подарок на другой.
Test (тестирование)
После запуска дизайна механики выбора бесплатных подарков я провела тестирование с помощью онлайн-опроса.
Формат
Онлайн-форма (12 респондентов — потенциальные и текущие покупатели)
Цель
Оценить понятность, восприятие и влияние механики на поведение пользователя
Опрос (12 респондентов)
Поняли механику: 87% ответили «Да»
Удобство выбора подарка (4–5): 82%
Подарок усилил желание купить: 76%
Подарок понравился (4–5): 79%
Ощущение заботы от бренда (4–5): 70%
Хотят видеть механику в будущем: 91%
Вывод
Пользователи хорошо поняли механику и положительно восприняли возможность выбрать подарок. Это усилило мотивацию к покупке и вызвало ощущение индивидуального внимания
со стороны бренда.
Механика воспринимается как ценное дополнение к основному предложению и может стать инструментом повышения лояльности.
Из-за ограниченных ресурсов на этом этапе удалось провести только опрос. При выходе
в продакшн рекомендовала дополнительно провести юзабилити-тест для оценки UX в реальных сценариях.
Подготовка к разработке
В шторке есть ссылка «Подробнее об акции» — она ведёт на страницу программы лояльности
с полным описанием механики.
Пользователь достиг порога
Доступные подарки – активные. Пока еще недоступные отображаются как неактивные.
Выбор подарка
После нажатия на «Добавить за 1 ₽», появляется модальное окно выбора характеристик:
Плашка меняется, когда только что выбрали подарок. Появляется сама карточка подарка + информация о том, что можно еще добавить товаров на N сумму и выбрать уже другой подарок.
Разработкой занималась не наша команда, поэтому я подготовила для передачи:
Чек-лист всех возможных состояний.
Подробные описания логики переключения состояний.
Комментарии к адаптивам и взаимодействию с корзиной.
Примеры UI и поведения по ховеру, клику и блокировке подарков.
Прототип с интерактивом в Figma.
Все материалы были переданы в разработку и обсуждены на передающем созвоне, чтобы минимизировать возможные ошибки при реализации.
Результаты
Фича пока не запущена, но результаты опроса показывают, что механика воспринимается положительно и может значительно повлиять на ключевые метрики после релиза.
Что важно сделать после запуска
Отслеживать поведение пользователей и их взаимодействие с механикой.
Собрать количественные данные по ключевым метрикам: конверсия (CR), CSAT и количество брошенных корзин (CAR).
Получить качественную обратную связь для выявления и устранения узких мест в UX.
Внедрить итеративные улучшения на основе реальных данных.
Ожидается, что новая механика поможет:
Повысить индекс удовлетворенности (CSAT) за счет ощущения заботы и индивидуального подхода.
Снизить количество брошенных корзин (CAR) благодаря дополнительной мотивации завершить покупку.
Увеличить конверсию (CR) и средний чек за счет стимулирования увеличения суммы заказа.
Личные успехи после проекта
Это был мой первый проект в роли ведущего дизайнера. Я с нуля разработала дизайн-концепцию бренда под руководством дизайн-лида. Основные идеи и направления предлагала я, дизайн-лид ревьюил и направлял, когда это было необходимо. После завершения проекта я чувствовала себя увереннее. Клиенты отмечали положительные отзывы о новом сайте от пользователей, коллег и даже конкурентов.
