Дизайн приложения по готовому образцу в Figma

Общее описание проекта

Необходимо выполнить отрисовку экранов приложения в Figma, строго следуя стилю, цветам и компонентам уже имеющихся макетов других экранов приложения.

Список экранов для отрисовки

  • Страница результатов поиска - блоки контента размещаются по образцу текущей конструкции, включая размещение рекламного баннера между карточками товаров.
  • Личный кабинет, раздел «Подписка» - отображение информации о текущем статусе (Free/Pro/Premium), детали тарифа, история платежей и управление.
  • Модальное окно выбора/активации Premium - отображается при следующих тригерах:
    • после 3-го поискового запроса у бесплатного пользователя;
    • при попытке использовать Premium-функцию (например, уведомление о снижении цены).

Функции Premium, которые нужно отобразить

  • Автоприменение промокодов: функция автоматически применяет скидочные коды на подходящие товары.
  • Уведомления о снижении цен: Премиум-пользователи могут отслеживать до 50 товаров (сравнить: 5 товаров у Free).
  • История цен и аналитика: детальные графики изменения цены за последние 90 дней.
  • Экспорт сравнений: выгрузка списка сравниваемых товаров в форматы PDF и Excel.
  • Приоритетная поддержка: ответ специалиста в течение 1 часа против 24 часов для базового тарифа.

Процесс оформления подписки (6 шагов)

  1. Шаг 1 - Выбор тарифа: Месячный (299₽), Годовой (179₽/мес со скидкой 40%).
  2. Шаг 2 - Авторизация: переход с личного кабинета или быстрый вход (если пользователь не авторизован).
  3. Шаг 3 - Способ оплаты: банковская карта или система быстрых платежей (СБП/QR).
  4. Шаг 4 - Подтверждение: отображение итоговых деталей покупки: тариф, сумма, описание, дата начала.
  5. Шаг 5 - Оплата: обработка через 3D Secure или генерация QR-кода на оплату.
  6. Шаг 6 - Успешная активация: карточка успеха с пожеланием и гарантией возврата средств в течение 7 дней.

Два варианта интерфейса Premium

  • Полный экран Premium - подробный лендинг: описания всех функций, список этапов покупки, блок "Часто задаваемые вопросы (FAQ)" в виде аккордеона.
  • Компактное модальное окно - лаконичное предложение со списком ключевых возможностей или минимальными деталями для быстрого оформления").

Дополнительные сведения

Для получения референсов и разъяснений по структуре пишите в личные сообщения. В макетах строго запрещено использовать внешние ссылки, логотипы или фото с контентом, не относящимся к проекту.