Discuss a project
Home
  • Screenshot of Base Forte, image 1 of 8
  • Screenshot of Base Forte, image 2 of 8
  • Screenshot of Base Forte, image 3 of 8
  • Screenshot of Base Forte, image 4 of 8
  • Screenshot of Base Forte, image 5 of 8
  • Screenshot of Base Forte, image 6 of 8
  • Screenshot of Base Forte, image 7 of 8
  • Screenshot of Base Forte, image 8 of 8

Base Forte

Shopify landing page | Strategic structure + Liquid customization | Dietary supplement

Platform
Shopify
Period
Dec 2025
Stack
  • Shopify
  • HTML
  • CSS

Overview

The Colágeno Forte landing page was developed with a strong focus on direct conversion, highlighting clear benefits, social proof, and structured offers for different consumption cycles. The main objective was to transform a standard product page into a persuasive, organized, and visually trustworthy experience, suitable for paid traffic and targeted campaigns.

Context and objective

The challenge was to build a landing page within Shopify that would not look like a default product page. It was necessary to use third-party theme sections as a foundation while elevating the strategic level through visual organization, clear information hierarchy, and conversion-driven content blocks. The goal was to structure a narrative that guides the user from benefits to social proof, and from proof to offer.

The challenge

Working within the limitations of a pre-built theme requires technical precision. Some sections needed to be adapted to accommodate new content blocks, improved visual organization, and stronger conversion elements. At the same time, performance and responsiveness had to be preserved, ensuring a seamless experience on both desktop and mobile.

The strategy

The page structure followed a layered persuasion logic:

  • Strong first fold: product highlight, clear promise, and direct CTA.
  • Benefit blocks: sections explaining collagen benefits, hydration, elasticity, vitamins, and minerals supported by visuals.
  • Social proof: reviews and proven results to build credibility.
  • Structured offers: 1, 2, and 3-month plans with progressive financial incentives.
  • Nutritional information and FAQ: objection reduction before the final decision.

What was implemented

Technical customization:

  • Liquid: creation and adaptation of custom sections for strategic content organization.
  • Additional CSS: fine adjustments to layout, spacing, typography, and visual highlights to reinforce hierarchy.
  • Complementary HTML: structuring specific areas such as plan comparison tables, trust badges, and informational blocks.

Conversion structure:

  • Benefit sections with icons: fast and objective reading.
  • Contrasting background blocks: visual emphasis on formula and differentiators.
  • Offer cards: clear comparison between plans with savings incentives.
  • Testimonials and results: authority reinforcement and social validation.
  • Strategic FAQ: anticipation of questions to reduce checkout friction.

Result

The Colágeno Forte landing page evolved from a simple product page into a structured conversion-focused experience. With a clear narrative, organized content blocks, and tailored technical customizations, the LP delivers credibility, clarity, and direct purchase incentives while maintaining Shopify performance and responsiveness.