Ultimi Progetti
Fespa
Metodo FESPA è una piattaforma di online coaching e rieducazione alimentare pensata per le donne. Unisce una landing page emozionale a un'area riservata in cui ogni utente segue il proprio percorso insieme a una coach dedicata. Si tratta di un progetto dimostrativo, realizzato su richiesta: non è il sito ufficiale del brand. L'obiettivo era immaginare un'esperienza digitale moderna che accompagni l'utente dal primo contatto fino al percorso quotidiano. La landing page presenta il metodo con animazioni allo scroll e tipografia editoriale. Ci sono il confronto prima/dopo, i numeri del progetto, la rassegna stampa, la presentazione del team e le testimonianze. L'onboarding è in quattro passi: la registrazione gratuita raccoglie in pochi minuti obiettivi, abitudini, disponibilità ed eventuali infortuni, poi si passa alla consulenza e all'attivazione dell'area personale. Nell'area riservata l'utente compila il check-in settimanale (energia, sonno, stress, alimentazione e allenamenti) in circa due minuti. Riceve le risposte della coach in un unico spazio e può seguire i propri progressi settimana dopo settimana. Completa il progetto FESPA AI, un assistente conversazionale che l'utente può provare con alcuni messaggi gratuiti, senza registrarsi, e che alla fine invia un breve riepilogo via email. Il design è mobile-first, con un'identità visiva basata su gradienti indaco e viola, un'attenzione particolare all'accessibilità e un'interfaccia pulita e rassicurante. Funzionalità principali: Landing page animata con storytelling del metodo Registrazione e onboarding guidato in più step Autenticazione e area personale riservata Check-in settimanale con dati su benessere, alimentazione e allenamento Messaggistica tra utente e coach Monitoraggio dei progressi nel tempo Assistente AI conversazionale con messaggi di prova Sezioni team, testimonianze e rassegna stampa Design responsive, ottimizzato per smartphone Tecnologie: Next.js 16 · React · TypeScript · Tailwind CSS · Framer Motion · Supabase · Zod · Lucide Icons · AI Integration · Vercel Tipologia: Progetto dimostrativo / concept Stato: Online, anteprima su Vercel Come per la versione precedente: se l'AI usa un modello preciso (per esempio OpenAI o Gemini), sostituisci "AI Integration" con il nome.
