Демонстрационный концепт лендинга для вымышленного SaaS-продукта Nova — платформы продуктовой аналитики.
Текст и интерфейс сделаны на английском языке — кейс показывает работу с международным B2B SaaS-рынком.
Первый экран сразу подтверждает ценность продукта: заголовок про рост метрик, живой макет дашборда с показателями (активные пользователи, конверсия trial→paid, чистая выручка) и графиком, блок доверия и логотипы клиентов.
Что реализовано:
• заголовок с ценностным предложением и бейджем о новой версии продукта;
• интерактивный макет дашборда: боковая навигация, карточки метрик с динамикой, график посещаемости;
• два CTA — регистрация и просмотр демо;
• строка доверия (SOC 2 Type II, GDPR-ready, бесплатный период);
• блок «Trusted by» с логотипами вымышленных компаний;
• адаптивная мобильная версия.
Техническая реализация:
• семантический HTML5;
• чистый CSS3: custom properties, Grid/Flexbox и clamp();
• Vanilla JavaScript для интерактивных элементов интерфейса;
• брейкпоинты 375/560/768/1024 px и мобильное меню;
• WebP, lazy loading, OG/Twitter-метаданные;
• доступные тач-цели, фокус-состояния и поддержка prefers-reduced-motion.
Моя роль: постановка задачи, продуктовая структура, визуальное направление, организация сборки с AI-инструментами и проверка адаптива.
Проект создан для портфолио. Продукт, метрики, клиенты и остальные данные вымышлены.
https://kravtsovlabpro.ru/landings/01-saas-analytics/index.html