В новом UI/UX кейсе Lotsy (Gamified Auction App) я решала амбициозную задачу: как удержать пользователя в приложении, повысить LTV (пожизненную ценность клиента) и заставить чувствовать настоящий азарт?
Ответом стала радикальная геймификация аукциона через внедрение харизматичного персонажа и агрессивный визуальный стиль.

Мы живем в эпоху «экономики внимания». Обычные интернет-магазины и классические аукционы часто выглядят как сухие таблицы Excel с прикрепленными фотографиями товаров. Пользователь заходит, делает ставку и… уходит скучать на другие платформы.

В нише e-commerce, ориентированной на поколение Z, главная битва идет не за ассортимент, а за эмоцию покупки. Если интерфейс не вызывает дофаминового отклика, пользователь не вернется.

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

Для аукциона классические «милые зверушки» не подходят. Нам нужен был символ, который кричит: «Внутри что-то ценное!».

Коробка — это универсальный символ сюрприза и обладания. Глядя на персонажа, пользователь подсознательно хочет его «распаковать» (выиграть лот). Это эксплуатирует механику «Mystery Box», которая так популярна в геймдеве.

Характер маскота:

• Коробка — это универсальный символ сюрприза и обладания. Глядя на персонажа, пользователь подсознательно хочет его «распаковать» (выиграть лот). Это эксплуатирует механику «Mystery Box», которая так популярна в геймдеве.
• Атрибуты: Обратите внимание на детали: в руках у персонажа часто находится аукционный молоток (Gavel). Это не просто декорация, это знак контроля. Когда пользователь выигрывает ставку, он ментально ассоциирует себя с этим персонажем — он тот, кто «стучит молотком», фиксируя свою победу.

Статичный интерфейс мертв. В Lotsy маскот живет своей жизнью. На слайдах презентации видно, как меняется его мимика:

• Ожидание: Он спокоен и следит за таймером.
• Ставка: Он напряжен.
• Победа: Он в черных очках (мем «Deal with it»), демонстрируя крутость. Такой подход создает ощущение живого диалога с аукционистом, а не бездушного кликанья по кнопкам.

В дизайне e-commerce принято использовать белый фон («воздух») и синие кнопки (доверие). Но Lotsy — это не про спокойные покупки носков. Это про драйв, риск и скорость.

Я выбрала стратегию Dark Mode First (Темная тема как основная).

• Фон: Deep Black. Глубокий черный цвет (Hex: #000000 и его градации) создает атмосферу премиального закрытого клуба или ночного казино. На черном фоне фотографии товаров выглядят более контрастно, дорого и «сочно».
• Акцент: Gossip Green. Кислотный зеленый цвет используется точечно для кнопок действия (CTA) и текущих ставок. В психологии цвета это отсылка к трем вещам: деньги, сигнал светофора «Go!» и эстетика киберпанка.

Такой высокий контраст держит пользователя в тонусе. Зеленая кнопка «Place Bid» (Сделать ставку) на черном фоне работает как визуальный магнит — ее невозможно игнорировать.

Аукцион — это гонка со временем. Весь интерфейс Lotsy построен на принципе FOMO (Fear Of Missing Out — страх упустить выгоду).

Как дизайн усиливает это чувство:

1. Индикация срочности. Когда до конца лота остается мало времени, цветовая кодировка меняется (например, таймер начинает пульсировать).
2. Микро-анимации. Маскот не статичен. В моменты, когда ставку пользователя перебивают, интерфейс дает мгновенную обратную связь — вибрацию (Haptic Feedback) и визуальную вспышку. Это провоцирует немедленно вернуть лидерство.

В аукционе пользователь принимает решение за доли секунды. У него нет времени вчитываться в мелкий текст. Поэтому типографика в Lotsy выполняет роль навигатора.

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

Кейс Lotsy доказывает: геймификация аукциона работает лучше всего, когда дизайн вызывает выброс адреналина. Мы ушли от скучного «магазина» к формату «развлекательного шоу», где главный герой — это ожившая посылка, призывающая тебя победить.

👉 Полная презентация проекта и анимации интерфейса уже на Behance: https://www.behance.net/gallery/241894409/Lotsy-Mobile-App-Brand-Identity