Дизайн приложения по готовому образцу в Figma
Общее описание проекта
Необходимо выполнить отрисовку экранов приложения в Figma, строго следуя стилю, цветам и компонентам уже имеющихся макетов других экранов приложения.
Список экранов для отрисовки
- Страница результатов поиска - блоки контента размещаются по образцу текущей конструкции, включая размещение рекламного баннера между карточками товаров.
- Личный кабинет, раздел «Подписка» - отображение информации о текущем статусе (Free/Pro/Premium), детали тарифа, история платежей и управление.
- Модальное окно выбора/активации Premium - отображается при следующих тригерах:
- после 3-го поискового запроса у бесплатного пользователя;
- при попытке использовать Premium-функцию (например, уведомление о снижении цены).
Функции Premium, которые нужно отобразить
- Автоприменение промокодов: функция автоматически применяет скидочные коды на подходящие товары.
- Уведомления о снижении цен: Премиум-пользователи могут отслеживать до 50 товаров (сравнить: 5 товаров у Free).
- История цен и аналитика: детальные графики изменения цены за последние 90 дней.
- Экспорт сравнений: выгрузка списка сравниваемых товаров в форматы PDF и Excel.
- Приоритетная поддержка: ответ специалиста в течение 1 часа против 24 часов для базового тарифа.
Процесс оформления подписки (6 шагов)
- Шаг 1 - Выбор тарифа: Месячный (299₽), Годовой (179₽/мес со скидкой 40%).
- Шаг 2 - Авторизация: переход с личного кабинета или быстрый вход (если пользователь не авторизован).
- Шаг 3 - Способ оплаты: банковская карта или система быстрых платежей (СБП/QR).
- Шаг 4 - Подтверждение: отображение итоговых деталей покупки: тариф, сумма, описание, дата начала.
- Шаг 5 - Оплата: обработка через 3D Secure или генерация QR-кода на оплату.
- Шаг 6 - Успешная активация: карточка успеха с пожеланием и гарантией возврата средств в течение 7 дней.
Два варианта интерфейса Premium
- Полный экран Premium - подробный лендинг: описания всех функций, список этапов покупки, блок "Часто задаваемые вопросы (FAQ)" в виде аккордеона.
- Компактное модальное окно - лаконичное предложение со списком ключевых возможностей или минимальными деталями для быстрого оформления").
Дополнительные сведения
Для получения референсов и разъяснений по структуре пишите в личные сообщения. В макетах строго запрещено использовать внешние ссылки, логотипы или фото с контентом, не относящимся к проекту.