'%3e%3cpath%20id='Vector'%20d='M93.7812%2017.4894V14.3231H90.5044V3.31441H93.7812V0.111223H104.679V3.31441H107.993V14.3231H104.679V17.4894H93.7812ZM94.8489%2012.924H103.612V4.67668H94.8489V12.924Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_2'%20d='M68.546%2017.4894V3.31441H71.8228V0.111223H82.721V3.31441H86.0346V7.84304H81.6533V4.67668H72.8905V17.4894H68.546Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_3'%20d='M45.4727%2017.4894V12.924H48.7496V9.72078H51.9896V7.84304H48.7496V4.67668H45.4727V0.111223H49.8173V3.31441H53.0941V6.48077H55.3032V3.31441H58.58V0.111223H62.9614V4.67668H59.6477V7.84304H56.4077V9.72078H59.6477V12.924H62.9614V17.4894H58.58V14.3231H55.3032V11.0831H53.0941V14.3231H49.8173V17.4894H45.4727Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_4'%20d='M35.5857%2019.3338H26.7861H22.4416V21.6166H25.7184V23.8993H36.6534V20.6961H39.9302V0.0779219H35.5857V9.68747H26.7861V0.0779219H22.4416V11.0497H25.7184V14.2897H35.5857V19.3338Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_5'%20d='M6.59045%2017.4894V14.3231H3.27682V7.84304H-9.53674e-07V0.111223H4.34455V6.48077H7.62136V12.924H9.86727V6.48077H13.1073V0.111223H17.5255V7.84304H14.175V14.3231H10.935V17.4894H6.59045Z'%20fill='%23F0EEE4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_47'%3e%3crect%20width='108'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
Landing Ruhvo: Social Tracker for Nutrition and Activity
Creating a landing page for Ruhvo - an innovative nutrition tracker with social features, to attract early users and showcase the app's capabilities.
description
readme.md
About project
Ruhvo is not just a calorie tracker, but a social platform that allows users to not only track their nutrition and activity but also interact with like-minded individuals. The landing page was created as part of the product promotion during the TestFlight beta phase to showcase the unique design language and gather the first users on the waitlist before the public release.
The design of the landing page fully aligns with the app's brand identity, including a dark Gun Metal background with Chartreuse accents, as well as the font pairing of Syne and DM Sans. The mascot in the form of a white cat adds personality and memorability. This approach ensures a cohesive user experience from the first encounter with the product on the website to the app installation.
decisions
decisions.log
Using Nuxt 4 and Vue
The choice of Nuxt 4 and Vue technologies allowed for fast builds and server-side rendering out of the box, which improved performance and SEO optimization.
Adhering to the design system
The complete integration with the existing design system of the application, including brand colors and fonts, ensured brand consistency.
Adaptive layout
A mobile-first approach has been implemented to ensure an optimal user experience on mobile devices, which are the primary platform for users.
Integration of the waitlist form
The waitlist collection form is integrated with the FastAPI backend for efficient user data management.
gallery
screenshots/
