'%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}
Landingpage Ruhvo: Sozialer Tracker für Ernährung und Aktivität
Erstellung einer Landingpage für Ruhvo - einen innovativen Ernährungstracker mit sozialen Funktionen, um die ersten Nutzer zu gewinnen und die Möglichkeiten der App zu präsentieren.
beschreibung
readme.md
Über das Projekt
Ruhvo - ist nicht nur ein Kalorienzähler, sondern eine soziale Plattform, die es den Nutzern ermöglicht, nicht nur ihre Ernährung und Aktivität zu verfolgen, sondern auch mit Gleichgesinnten zu interagieren. Die Landingpage wurde im Rahmen der Produktpromotion während der TestFlight-Beta erstellt, um die einzigartige Design-Sprache zu demonstrieren und erste Nutzer auf die Warteliste vor der öffentlichen Veröffentlichung zu sammeln.
Das Design der Landingpage entspricht vollständig der Markenidentität der App, einschließlich des dunklen Hintergrunds Gun Metal mit Akzenten in Chartreuse sowie dem Schriftpaar Syne und DM Sans. Das Maskottchen in Form einer weißen Katze verleiht Individualität und Wiedererkennungswert. Dieser Ansatz sorgt für ein einheitliches Benutzererlebnis vom ersten Kontakt mit dem Produkt auf der Website bis zur Installation der App.
entscheidungen
decisions.log
Verwendung von Nuxt 4 und Vue
Die Wahl der Technologien Nuxt 4 und Vue ermöglichte eine schnelle Erstellung und serverseitiges Rendering out of the box, was die Leistung und SEO-Optimierung verbesserte.
Befolgung des Design-Systems
Die vollständige Integration mit dem bestehenden Designsystem der Anwendung, einschließlich der Markenfarben und -schriftarten, gewährleistete die Konsistenz der Marke.
Responsive Webdesign
Es wurde ein Mobile-First-Ansatz umgesetzt, um ein optimales Benutzererlebnis auf mobilen Geräten zu gewährleisten, die die Hauptplattform der Benutzer darstellen.
Integration des Wartelistenformulars
Das Formular zur Sammlung der Warteliste ist mit dem Backend auf FastAPI integriert, um eine effiziente Verwaltung der Benutzerdaten zu gewährleisten.
galerie
screenshots/
