Lumo — адаптивный лендинг финтех-карты с кэшбэком

Ссылка на работу
image image
емонстрационный концепт лендинга для вымышленного финтех-продукта lumo — дебетовой карты с кэшбэком. Текст на английском языке — кейс ориентирован на международный fintech-сегмент. Первый экран сочетает эмоциональный оффер и живой макет мобильного приложения: баланс, начисленный кэшбэк, лента последних операций. Ниже — блок доверия с регуляторными гарантиями. Что реализовано: • заголовок с чётким продуктовым обещанием и рейтингом в App Store; • макет мобильного приложения с балансом, кэшбэком и историей операций; • два CTA — открытие счёта и калькулятор кэшбэка; • социальное доказательство: счётчик пользователей и аватары; • блок регуляторных гарантий (страхование вкладов, PCI DSS, мгновенные переводы); • адаптивная мобильная версия. Техническая реализация: • семантический HTML5; • чистый CSS3: custom properties, Grid/Flexbox и clamp(); • Vanilla JavaScript для интерактивных элементов; • брейкпоинты 375/560/768/1024 px и мобильное меню; • WebP, lazy loading, OG/Twitter-метаданные; • доступные тач-цели, фокус-состояния и поддержка prefers-reduced-motion. Моя роль: постановка задачи, продуктовая структура, визуальное направление, организация AI-assisted сборки и проверка адаптива. Проект создан для портфолио. Банк, карта, показатели и остальные данные вымышлены.
https://kravtsovlabpro.ru/landings/04-fintech/index.html