Carregando...
Carregando projeto...
web · Yane Leitão Personal Chef
Desenvolvimento completo de website institucional para Yane Leitão, personal chef com formação em gastronomia funcional pela Escola Fran Tonello, especializada em alimentação inclusiva e adaptada para restrições alimentares (sem glúten, sem lactose, vegano, vegetariano). O projeto entregou arquitetura de informação estratégica, design responsivo com animações sofisticadas e efeito parallax, galeria interativa com lightbox, serviços apresentados em modais detalhados e integração com formulário de anamnese nutricional para qualificação de leads. O resultado é um canal digital profissional que eleva a percepção da marca pessoal da Yane e a consolida como referência em personal chef funcional e inclusiva na Grande São Paulo.
A História do Projeto
O Desafio
Yane Leitão é personal chef com formação em gastronomia funcional pela Escola Fran Tonello, especializada em alimentação inclusiva e adaptada para pessoas com restrições alimentares — sem glúten, sem lactose, vegano, vegetariano. Com uma clientela crescente em São Paulo e região, surgiu a necessidade de uma presença digital profissional que traduzisse a essência do seu trabalho: acolhedor, personalizado e transformador. O principal desafio era criar um site que comunicasse a proposta de valor para diferentes perfis de público, apresentasse seus serviços de forma clara e visual, e transmitisse a identidade afetiva e humana da marca — sem parecer mais um site genérico de nutrição ou gastronomia.
A Solução
O projeto começou com uma fase de descoberta para entender o público-alvo, os serviços oferecidos e o tom de comunicação da Yane — uma combinação entre cuidado, expertise técnica e acolhimento humano. A partir desse diagnóstico, estruturei a arquitetura da informação com foco em: apresentação imediata da proposta de valor no primeiro scroll; detalhamento dos serviços com modais interativos e CTAs diretos para WhatsApp; seção de anamnese nutricional para qualificação de leads antes do primeiro contato; construção de credibilidade através da história e formação da chef; e galeria visual de trabalhos reais para demonstrar o nível de excelência gastronômica.
O Processo
O design foi concebido para refletir a identidade visual da chef — paleta de verde funcional e roxo inclusivo — com animações suaves, efeito parallax no hero e microinterações que elevam a percepção de sofisticação sem perder leveza e acessibilidade. Utilizei Next.js 16 com App Router para performance e SEO otimizados, TypeScript 5 para confiabilidade no desenvolvimento, Tailwind CSS 4 para design responsivo consistente, Framer Motion para animações e parallax, Swiper para o carrossel de depoimentos, e exportação estática para compatibilidade com qualquer hospedagem. O processo incluiu ciclos de otimização de Core Web Vitals — especialmente LCP — para garantir máxima performance em dispositivos móveis.
Os Resultados
O resultado foi um site moderno, performático e visualmente elegante que apresenta os 4 serviços da Yane com cards visuais e modais detalhados, reforça a autoridade da chef com seção "Sobre" e storytelling envolvente, inclui galeria com 15 fotos de pratos reais com lightbox e navegação fluida, integra formulário de anamnese nutricional para qualificação prévia de clientes, conta com CTAs estratégicos via WhatsApp para conversão direta e expõe depoimentos reais de clientes de diferentes cidades da região. O novo site criou um canal digital profissional que eleva a percepção da marca pessoal da Yane, consolidando-a como referência em personal chef funcional e inclusiva na Grande São Paulo. A cliente avaliou o projeto com nota 10/10.
100 / 100
Accessibility (Lighthouse)
100 / 100
SEO (Lighthouse)
10 / 10
Satisfação da cliente
Principais Funcionalidades
Design Responsivo com Animações
Layout adaptável para todos os dispositivos com efeito parallax no hero, animações de entrada suaves e microinterações em hover — com atenção ao LCP para não comprometer a performance.
SEO Otimizado
Estrutura otimizada com meta tags completas, Open Graph, JSON-LD Schema markup, sitemap.xml, robots.txt e exportação estática para máxima indexação e performance de carregamento.
Galeria Interativa com Lightbox
15 fotos de pratos reais exibidas em carrossel com lightbox para visualização ampliada, navegação por teclado e swipe em mobile.
Serviços com Modais Detalhados
Apresentação dos 4 serviços (personal chef em domicílio, encomendas, aulas e cardápios) em modais interativos com descrição completa, processo de contratação e CTA direto para WhatsApp.
Anamnese Nutricional
Seção dedicada com link para formulário de avaliação nutricional, qualificando leads antes do primeiro contato e otimizando o tempo da chef no atendimento inicial.
Carrossel de Depoimentos
Seção de depoimentos com Swiper — autoplay, paginação clicável, navegação por setas e breakpoints responsivos para 1, 2 ou 3 cards simultâneos.
Capturas de Tela
Homepage com banner hero, logo assinatura e proposta de valor imediata
Versão mobile do hero — layout responsivo com foto da chef e proposta de valor
Seção "Sobre" com foto da chef, storytelling e regiões de atendimento
Modal detalhado do serviço de personal chef em domicílio com CTA para contato
Seção "O que nossos clientes dizem" com carrossel de depoimentos reais
Seção de perguntas frequentes sobre alimentação funcional com accordion
Galeria com fotos de pratos reais, lightbox e navegação fluida
Modal do serviço de cardápio com planos funcionais, nutritivos e vegetarianos
Stack
Next.js 16 · React 19 · TypeScript 5 · Tailwind CSS 4 · Framer Motion · Swiper · pnpm · Vercel
Website Institucional · Personal Chef · Alimentação Funcional · Saúde · Nutrição · Inclusivo · Branding · Responsivo · SEO · São Paulo · Galeria · Animações · Parallax
Depoimentos dos Usuários
“O Adriano não começou pelo design — começou entendendo o meu negócio, os meus clientes e o que eu queria comunicar. Cada detalhe do site foi construído com propósito: as cores, os serviços, a anamnese que qualifica meus clientes antes do primeiro contato. Quando vi o resultado, senti que o site representa exatamente quem eu sou. Foi o melhor investimento que fiz pela minha marca.”