Marca de nutracêuticos — landing de produto e plataforma institucional
Uma landing de conversão na fase um, depois um portal institucional de 226 nós.
Uma presença digital em duas partes para uma marca de nutracêuticos. Na primeira fase, liderei o design da landing page de uma linha de produto — desktop e mobile, o formulário de captação do desafio de trinta dias e seu checkout. Na segunda, desenhei toda a plataforma institucional de 226 nós: o fluxo de revenda, a oferta de terceirização white-label e as páginas institucionais em volta. A landing da outra linha de produto é de outra designer, assim como o fluxo de afiliados.
- Função
- Lead UI designer for the CapNutry Homem landing page and sole UI designer for the institutional platform
- Período
- jul. de 2023 – fev. de 2024
- Stack
- Figma
- Evidência
- Arquivo de design
Designer de UI líder no ecossistema digital em duas fases da fabricante de nutracêuticos RPN: na Fase 1, liderou o design da landing page de conversão direta CapNutry Homem (1:2, desktop/mobile, formulário do Desafio 30 Dias, checkout); na Fase 2, desenhou com exclusividade toda a plataforma institucional de 226 nós (Site Institucional 628:2046), cobrindo credenciamento de revendedores (Revenda), fabricação white-label (Terceirização), catálogo corporativo, serviços e templates de blog.
Atuação na agência Sagitta entre julho de 2023 e fevereiro de 2024. A Fase 1 de landing pages de produto foi dividida entre designers: Juan liderou CapNutry Homem, Esther desenhou CapNutry Mulher e Viviane Batista prestou suporte. Na Fase 2, Juan atuou como designer de UI exclusivo de toda a plataforma web institucional de 226 nós — a segunda maior superfície de autoria solo em todo o acervo da Sagitta após o Pro Personal.
Ecossistema de nutracêuticos: vendas D2C e fabricação industrial B2B
- 226
- nós no canvas da plataforma do Site Institucional na Fase 2
- 2
- fases de projeto (Lançamento D2C e Plataforma B2B)
- 16
- telas no funil de conversão da landing CapNutry Homem
- #2
- maior superfície solo de todo o acervo da agência Sagitta
Marcas de nutracêuticos operam sob uma lógica comercial dupla: captar clientes finais com margem elevada no canal digital enquanto administram parcerias de atacado com farmácias e contratos de industrialização para terceiros. A RPN contratou a Sagitta para estruturar essas duas pontas: primeiro, o canal de aquisição de consumidores da linha capilar CapNutry, e em seguida, o portal institucional de grande porte para representação e fábrica.
Fase 1: Landing page de alta conversão CapNutry Homem
Na prancha CAPNUTRY HOMEM (nó 1:2, 16 nós de tela), estruturei uma experiência direta ao consumidor focada em saúde capilar masculina:
- Formulário do Desafio 30 Dias — Oferta com reversão de risco oferecendo reembolso integral caso o cliente não notasse aumento na densidade capilar em 30 dias, acelerando a decisão de compra.
- Composição Nutricional e Científica — Infográficos visuais explicando o papel da biotina, zinco, selênio e aminoácidos essenciais no folículo capilar.
- Galeria de Antes e Depois — Prova social com comparações fotográficas de tratamento real para construir credibilidade imediata.
- Checkout Otimizado — Fluxo de pagamento mobile de etapa única com suporte a Pix instantâneo, cartão e boleto.
Fase 2: A plataforma corporativa de 226 nós
Na Fase 2, desenhei sozinho a prancha Site Institucional (nó 628:2046), totalizando 226 pranchas de canvas — a segunda maior superfície de autoria solo de todo o portfólio da agência. O portal organiza a operação industrial da RPN em módulos estratégicos: Revenda (captação de farmácias e distribuidores), Terceirização (industrialização white-label para outras marcas do setor), Nossos Produtos (catálogo corporativo completo), Serviços e um Blog de artigos técnicos de saúde.
Desenhar para produtos físicos exige compreender toda a cadeia de suprimentos. A fase um era sobre aquisição de consumidores; a fase dois era a fábrica industrial, os revendedores e os contratos de terceirização que financiavam a operação.
Realidade do handoff e preservação do design
O projeto foi colocado no ar durante minha atuação na agência e operou em produção por meses. O arquivo Figma preserva o padrão técnico e a hierarquia rigorosa do sistema originalmente entregue.
Evidência
O site foi desenvolvido e entrou em produção durante o período de Juan na Sagitta Digital, permanecendo ativo após sua saída. O site mudou desde então e as páginas atuais não refletem mais o design original do Figma. Não existem métricas de negócio públicas; o projeto permanece como comprovação de design para landing pages de alta conversão D2C e portais institucionais B2B em grande escala.