емонстрационный концепт лендинга для вымышленного финтех-продукта 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