Лендинг Ruhvo: Социальный трекер питания и активности

Создание лендинга для Ruhvo - инновационного трекера питания с социальными функциями, чтобы привлечь первых пользователей и презентовать возможности приложения.

NuxtVueLandingProduct Design

Scroll

описание

readme.md

О проекте

Ruhvo - это не просто трекер калорий, а социальная платформа, позволяющая пользователям не только отслеживать своё питание и активность, но и взаимодействовать с единомышленниками. Лендинг создавался в рамках продвижения продукта на этапе TestFlight-беты, чтобы продемонстрировать уникальный дизайн-язык и собрать первых пользователей в вейтлист перед публичным релизом.

Дизайн лендинга полностью соответствует фирменной айдентике приложения, включая тёмный фон Gun Metal с акцентами Chartreuse, а также шрифтовую пару Syne и DM Sans. Маскот в виде белого кота добавляет индивидуальности и запоминаемости. Этот подход обеспечивает единый пользовательский опыт от первого знакомства с продуктом на сайте до установки приложения.

решения

decisions.log

Использование Nuxt 4 и Vue

Выбор технологий Nuxt 4 и Vue позволил обеспечить быструю сборку и серверную рендеринг из коробки, что улучшило производительность и SEO оптимизацию.

Следование дизайн-системе

Полная интеграция с существующей дизайн-системой приложения, включая фирменные цвета и шрифты, обеспечила согласованность бренда.

Адаптивная вёрстка

Был реализован подход mobile-first, чтобы обеспечить оптимальный пользовательский опыт на мобильных устройствах, которые являются основной платформой пользователей.

Интеграция формы вейтлиста

Форма сбора вейтлиста интегрирована с бэкендом на FastAPI для эффективного управления данными пользователей.

галерея

screenshots/

все работы

OWNOVR — Премиальный интернет-магазин винтажной одеждыследующий кейс