Ну что, дизайн?

Оракул

Mini-app

B2C

SPAR

05/2026

Мини-апп для участников «Клуб друзей» SPAR с игровыми механиками вокруг гороскопов, таро и предсказаний. Рабочий прототип · design + vibe-code by me

// контекст

В прототипе уже были заложены основные механики и переходы между экранами. Я использовал его как функциональную основу для дальнейшего дизайна

// задачи

PO передал сырой vibe-code прототип с готовой логикой и основными сценариями. Моей задачей было перевести его в цельный интерфейс и подготовить рабочую версию для тестирования

Исследования (Discovery)

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

Salmon app — discovery

Сохранил готовую продуктовую логику, но пересобрал визуальную иерархию, состояния и общие паттерны для разных механик.

// к чему я пришёл

Из сырого прототипа от PO собрал финальный UI и рабочую web-версию для тестирования. Прототип передали в отдел тестирования для проверки сценариев и сбора пользовательских данных.

Персональные прогнозы

Один визуальный паттерн объединяет разные форматы персонального контента — от ежедневного совета до гороскопа и нумерологии.

Salmon app — first screen

Таро и руны

В гадательных механиках сценарий строится вокруг выбора и последующего раскрытия результата.

Salmon app — onboarding

История

Полученные прогнозы сохраняются в истории, чтобы пользователь мог вернуться к ним позже.

Salmon app — combined loan

Обмен

Перед платным действием, если недостаточно игровой валюты, пользователь видит стоимость и подтверждает обмен бонусов SPAR на игровую валюту.

Salmon app — checkout

// в итоге

Из сырого прототипа от PO собрал финальный UI и рабочую web-версию для тестирования. Прототип передали в отдел тестирования для проверки сценариев и сбора пользовательских данных.

Create a free website with Framer, the website builder loved by startups, designers and agencies.