Nova — интерактивный лендинг SaaS-продукта для аналитики

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