Nutraceuticals Brand — Product Landing & Institutional Platform
A conversion landing in phase one, then a 226-node institutional portal.
A two-part digital presence for a nutraceuticals brand. In the first phase I led the design of one product line's landing page — desktop and mobile, its thirty-day challenge capture form and the checkout. In the second I designed the entire 226-node institutional platform: the reseller flow, the white-label outsourcing offer and the surrounding institutional pages. The companion landing page for the other product line is another designer's, as is the affiliate flow.
- Role
- Lead UI designer for the CapNutry Homem landing page and sole UI designer for the institutional platform
- Timeframe
- Jul 2023 – Feb 2024
- Stack
- Figma
- Evidence
- Design file
Lead UI designer on a two-phase digital ecosystem for nutraceuticals manufacturer RPN: in Phase 1, led design of the direct-to-consumer CapNutry Homem landing page (1:2, desktop/mobile, Desafio 30 Dias capture form, checkout); in Phase 2, authored the entire 226-node institutional platform (Site Institucional 628:2046) covering reseller onboarding (Revenda), white-label contract manufacturing (Terceirização), product catalogs, service presentation, and editorial blog templates.
Agency engagement at Sagitta between July 2023 and February 2024. Phase 1 direct-to-consumer landing pages were divided between designers: Juan led CapNutry Homem, Esther designed CapNutry Mulher, and Viviane Batista assisted both. In Phase 2, Juan was sole UI designer for the entire 226-node institutional web platform — the second-largest single-owner surface in the Sagitta agency corpus after Pro Personal.
Nutraceuticals digital ecosystem: D2C product sales and B2B manufacturing
- 226
- nodes on the Phase 2 Site Institucional platform canvas
- 2
- distinct phases (D2C Product Launch & B2B Institutional Platform)
- 16
- screens in the CapNutry Homem conversion landing funnel
- #2
- largest single-owner surface in the Sagitta agency corpus
Nutraceutical brands face a dual commercial model: capturing high-margin retail consumers online while managing wholesale B2B distributor partnerships and third-party laboratory manufacturing contracts. RPN approached Sagitta to establish both tiers: first, a direct-to-consumer customer acquisition engine for its CapNutry hair health line, followed by a comprehensive institutional portal for manufacturing and distribution.
Phase 1: CapNutry Homem D2C conversion landing page
On the CapNutry Homem page (node 1:2, 16 canvas nodes), I architected a high-converting direct-to-consumer layout targeting male pattern hair loss and nutritional supplementation:
- Desafio 30 Dias Lead Capture — Structured customer risk-reversal offer offering full refunds if no visible hair density results occurred within 30 days, driving impulse checkout.
- Scientific Ingredient Breakdown — Visual infographic modules explaining biotin, zinc, selenium, and essential amino acid mechanisms.
- Before-and-After Clinical Testimonials — Social proof galleries with high-density photographic verification.
- Frictionless Checkout Flow — Mobile-optimized single-page checkout supporting instant Pix, credit cards, and bank payment slips.
Phase 2: The 226-node institutional web platform
In Phase 2, I authored the entire Site Institucional page (node 628:2046), creating the second-largest single-owner design artifact in the agency portfolio (226 canvas nodes). The portal structures RPN's industrial manufacturing capabilities across five core operational modules: Revenda (onboarding regional pharmacies and supplement distributors), Terceirização (white-label contract manufacturing for external cosmetic and nutritional brands), Nossos Produtos (comprehensive corporate catalog), Serviços, and an editorial content Blog with structured article templates.
Designing for physical products means understanding the whole supply chain. Phase one was pure consumer acquisition; phase two was the industrial factory, the resellers, and the white-label contracts that funded the business.
Handoff reality and design preservation
The project was launched into live production during my tenure at Sagitta and operated actively for months. The Figma file preserves the disciplined, high-density architecture of the original delivered system.
Evidence
The site launched to production while Juan worked at Sagitta Digital, remaining operational following his departure. The live site has since changed and no longer reflects the original Figma design. No business metrics exist; this project stands as verified evidence of high-conversion D2C landing pages and large-scale B2B institutional platform design.