Latest Projects
Fespa
Metodo FESPA is an online coaching and nutritional re-education platform designed for women. It pairs an emotionally engaging landing page with a private area where each user follows her own journey alongside a dedicated coach. This is a demo project, built on request: it is not the brand's official website. The goal was to imagine a modern digital experience that guides the user from first contact to her daily routine. The landing page introduces the method with scroll-triggered animations and editorial typography. It includes a before/after comparison, key figures, press coverage, the team and testimonials. Onboarding takes four steps: the free sign-up collects goals, habits, availability and any injuries in just a few minutes, followed by a consultation and the activation of the personal area. In the private area, the user fills in her weekly check-in (energy, sleep, stress, nutrition and workouts) in about two minutes. She receives her coach's replies in one place and can track her progress week after week. The project also includes FESPA AI, a conversational assistant that users can try with a few free messages, with no sign-up required, and that sends a short summary by email at the end. The design is mobile-first, with a visual identity based on indigo and violet gradients, particular attention to accessibility, and a clean, reassuring interface. Key features: Animated landing page with storytelling about the method Sign-up and guided multi-step onboarding Authentication and private personal area Weekly check-in with wellbeing, nutrition and training data Messaging between user and coach Progress tracking over time Conversational AI assistant with free trial messages Team, testimonials and press coverage sections Responsive design, optimized for smartphones Technologies: Next.js 16 · React · TypeScript · Tailwind CSS · Framer Motion · Supabase · Zod · Lucide Icons · AI Integration · Vercel Type: Demo project / concept Status: Live, preview on Vercel As with the previous version: if the AI uses a specific model (for example OpenAI or Gemini), replace "AI Integration" with its name.
