Voltar

Mise en Place - Front-end

Landing page de alta conversão para agência de marketing gastronômico, com formulário de contato funcional e integração com WhatsApp.

Local:Brasil 🇧🇷
Duração:8 dias
Ano:2026
Website:Visitar site
Banner Mise en Place

Tecnologias

ReactViteTypeScriptTailwind CSSZodReact Hook FormNodemailerReact Email

Sobre o projeto

Contexto

A Mise en Place é uma agência de marketing gastronômico premium, especializada em transformar restaurantes em destinos gastronômicos de sucesso. O site precisava comunicar autoridade no setor de alimentação, apresentar os serviços e gerar oportunidades de consultoria com leads qualificados.

Desafio

Criar uma landing page de alta fidelidade, pixel-perfect em relação ao manual de marca, que comunicasse a proposta da agência com clareza e fosse totalmente orientada para conversão — com CTAs estratégicos para consultoria gratuita, formulário funcional e atendimento direto via WhatsApp.

Solução

Desenvolvi uma landing page em React, Vite e TypeScript, seguindo fielmente a identidade visual da marca (paleta verde, creme e terracota, tipografia Playfair Display + Montserrat). Construí as seções de hero, sobre, serviços, cases, depoimentos e um card de contato com formulário validado via Zod e envio por serverless function na Vercel. Adicionei micro-interações de scroll reveal, carrossel de clientes reais, botão flutuante de WhatsApp e um conteúdo 100% centralizado em um único arquivo de dados, facilitando a atualização sem tocar em código.

Resultando final

Hero Mise en PlaceClientes Mise en PlaceServiços Mise en PlaceSeção Mise en PlaceTrabalhos Mise en PlaceContao e Footer Mise en Place