Landing page для пополнимстим.рф

пополнимстим.рф

Общий концепт
Сайт для пополнения Стим-кошелька из России. Суть проста: юзер вводит свой логин стима, контактные данные и сумму пополнения в рублях. После оплаты создается заявка и наш оператор производит пополнение.

1) Сайт со схожим концептом: https://steambalance.ru/

В целом, дизайн хотелось бы видеть похожим на тот, который используют при создании сайтов про криптовалюты и киберспорт. Примеры:

https://dribbble.com/shots/20858766-Tarulata-Crypto-Wallet-Landing-Page
https://dribbble.com/shots/21011952-Cryptocurrency-Landing-Page-Design
https://dribbble.com/shots/18616332-Palmer-Crypto-Web-App
https://dribbble.com/shots/20589911-Eplay-tournaments-screen
https://dribbble.com/shots/5596884-Website-Design-for-eSports-Team
https://dribbble.com/shots/12649341-Esport-Tournaments-Platform-Concept-Landing-Page-Battlefy

2) Фон должен быть в цветовой палитре Steam.

Главная
Макет: https://imgur.com/a/voFn6jz
Меню
В него входит лого, якорные ссылки и 2 кнопки с контактами.
Главный экран
Здесь находятся:
Поле для ввода логина Steam (при наведении на значок вопроса должна всплывать подсказка с ссылкой на инструкцию по поиску логина)
Контактные данные - здесь юзер выбирает предпочитаемый способ связи, после чего появляется поле для ввода никнейма.
Выбор способа оплаты (при выборе картинка с этим способом должна выделяться) Кнопка оплаты
Общая сумма у оплате
Размер нашей комиссии
Как это работает
Включает шагов:
Скопируйте Стим логин - Найдите свой логин в Steam и введите его в соответствующем поле. Подробная инструкция
Введите в рублях сумму пополнения Стим
Оплатите - Если конечная сумма с учетом нашей комиссии вас устраивает, то остается только ввести контактные данные и произвести оплату
Готово - В течение 20 минут средства поступят на ваш Стим кошелек.

Комиссия
Блок состоит из 2х частей: текст “Размер комиссии нашего сервиса не зависит от суммы пополнения баланса кошелька Стим и составляет:” и само значение комиссии крупным шрифтом.

Отзывы
Блок состоит из миниатюр картинок одного размера, которые можно увеличить. Также при наведении на миниатюру должен всплывать текст. Пример тут: https://global-payments.ru/
Статьи
Блок состоит из миниатюр для статей. Каждая миниатюра, в свою очередь, из:
картинки
заголовок статьи
кнопка перехода

FAQ
Стандартный блок FAQ

Подвал
Стандартный блок с ссылками на политику конфиденциальности и обработку персональных данных.

Статья
Необходимо, чтобы в статье были:
Шапка с заголовком
Оглавление с якорными ссылками

Примеры: https://classic.armadon-theme.com/match-of-the-week-esl-ceadrel-vs-kinzu-666/?mod_single_custom_header_layout=12-cols-left&mod_single_layout=9-3-cols-left&_ga=2.176485669.1250954798.1681085812-439522371.1681085812

https://dribbble.com/shots/18488530-remx-privacy-policy