Виктория Штефан 
Задача
Вечный спор между удобством и креативностью сайта — частый гость в проектах моих клиентов.
Жертвовать удобством — табу. А совместить нестандартные решения с привычной пользовательской логикой и UX-паттернами — задачка не из простых. Но, кажется, у нас получилось. Давайте проверим вместе?
У локального бренд подарков «Малина» из Санкт-Петербурга два больших офлайн-магазина, которые приносят основные продажи, и интернет-магазин, созданный на Tilda — как дополнительный канал.
Старый сайт уже не отражал сути бренда: шаблонные блоки мешали передать уникальность Малиновой вселенной. Было решено оставить платформу, но кардинально переосмыслить, каким может быть магазин.
Основной продукт «Малины» — мерч с маскотами. Владельцы выпускают товары от блокнотов и стикеров до ковров и одежды с уникальными персонажами вселенной, которую они создали сами. Вселенная включает 13 продуманных персонажей: у каждого есть история, характер, хобби и работа. Все они живут в солнечном городе Саннидэйл и связаны крепкой дружбой. Через этих героев основатели транслируют цель бренда и его миссию.
Решение
Мы поставили себе ряд задач:
●Познакомить пользователей с героями вселенной и раскрыть их истории — даже постоянные покупатели не всегда понимали, кто изображён на товарах. Новый сайт должен был стать информационной базой, которую можно масштабировать.
●Улучшить навигацию, добавить фильтры и категории.
Добавить звуки и анимацию — ведь ЦА бренда в основном подростки и дети. Им важно «почувствовать» продукт.
●Внедрить геймификацию: мини-игры и интерактивные элементы, чтобы удерживать внимание.
●Сохранить интуитивность и простоту пути: сайт → каталог → корзина → покупка.
Начав работу, мы изучили конкурентов, проанализировали их подходы, составили мудборд, обдумали, какие идеи подойдут бренду, а какие — нет. Затем залили «фундамент» — обновлённую структуру и навигацию.
Когда структура сайта оказалась перед глазами, мы обнаружили интересную деталь: товарных разделов всего 12, а объединяет их 13-я страница — Каталог. Идея родилась моментально: пусть каждый раздел представляет один из персонажей вселенной. Причём маскоты распределяются не случайно, а в соответствии со своим характером и привычками.
Эта идея легла в основу текстов для каждой страницы.
Например, Сурок Сурен не может существовать без кофе — это его жизненный эликсир и источник энергии. Поэтому, конечно же, именно он расскажет и покажет, какие кружки и термосы есть в Малиновом мерче. Поросёнок Юки — модельер, и кто, если не он, представит вам свитшоты и футболки с уникальными авторскими принтами бренда. А рыжий котик Шуга (Сахарок), главный герой всей вселенной, объединяет все разделы и презентует сам каталог.
Не отходя далеко от разделов товаров, посмотрим, что было решено внедрить внутри них ещё. Был придуман настоящий диалог персонажа с пользователем — через всплывающий виджет с сообщением от маскота в нижнем углу экрана. Это создаёт ощущение, будто герой сразу готов с вами пообщаться: вы только попали на страницу, а вам уже предлагают помощь и рассказывают, что интересного можно найти в этом разделе.
Первое касание с персонажами через товарные разделы работает отлично. Но что скрывает каждый маскот? Подробнее об этом можно узнать на странице Малиновой вселенной. Сначала по структуре в ней идёт сторителлинг с историей самой вселенной, а затем — карточки персонажей, открывая которые перед пользователем всплывает поп-ап и он попадает в «профиль героя» — почти как в игре. Там он видит внешность героя, возраст, знак зодиака, характерные черты, профессию, любимые и нелюбимые предметы, лучших друзей — отличный способ познакомиться ближе и сформировать эмоциональную связь. Но не забываем и про основную задачу — продажи. В каждой карточке персонажа мы отображаем товары с его изображением. Ведь если кто-то по-настоящему «зацепился» за определённого маскота — он наверняка захочет купить именно его атрибутику.
На этой же странице мы внедрили несколько мини-игр и интерактивных элементов.
Что лучше всего вызывает у нас воспоминания о дружбе, весёлых моментах и тёплых встречах? Конечно же, фотобудка. Мы подумали об этом и предложили пользователю сфотографировать персонажей, запечатлев их счастливыми в небольших полароидных снимках. Атмосферу усиливает приятный звук щелчка фотоаппарата, добавляя эффект присутствия.
Ещё одна важная часть — это страница с электронным комиксом. Это полноценный способ погрузиться во вселенную бренда через визуальный сюжет. Да, в офлайн-магазине (и на сайте) можно купить бумажную версию комикса — и собирать эпизоды в коллекцию. Но мы точно знали: отказывать пользователям в онлайн-просмотре — не вариант. Чтение должно быть доступным и увлекательным.
Ну и, конечно, карта. Просто показать два офлайн-магазина в Петербурге? Слишком просто. Вместо этого мы стилизовали карту под Саннидэйл и показали, что рядом с магазинами живут ещё и персонажи вселенной. Это не просто навигация, а ещё один способ почувствовать себя частью мира Малины.
Результат
Обновлённый сайт получил совершенно новое лицо: он не только стал современным и удобным для покупателя, но и превратился в пространство, где каждая страница знакомит с героями бренда и их историями. Пользователи могут узнавать персонажей, видеть товары с их изображением и ощущать себя частью Малиновой вселенной. Геймификация сделала процесс изучения каталога интересным и увлекательным, а в то же время покупательский путь остался простым и логичным. Новый сайт усилил эмоциональную связь с аудиторией, вызвал восторженные отклики у пользователей и полностью удовлетворил ожидания заказчика.
Этот кейс стал ещё одним подтверждением: геймификация и креатив — это не надстройка, а полноценная часть сайта. И несмотря на споры о «слишком нестандартных» решениях, такой подход находит отклик в сердцах пользователей.
Примеры реализации
Другие работы автора
Малиновая вселенная | Редизайн интернет-магазина
SHOPPING BAG &
