All projects Gildson Soares PT I want a landing page like this
Case 02Landing page · Conversion

Pulso LP

A sales page that shows the product working instead of making promises. Scrolling tells the story: from the pain to the right plan.

Role
Copy, UX, design and code
Goal
Turn visitors into free trials
Format
9 scroll scenes
Status
In production
Pulso · landing page
The challenge

Selling software to people who live on WhatsApp.

Personal trainers and nutritionists don't read manuals. If the page doesn't show in seconds how their day changes, they go back to the group chat.

The approach

Every scroll, a proof point.

Instead of a feature list, the page acts out the problem (WhatsApp bubbles flooding the screen) and answers with the app in motion. Pricing arrives once visitors can already picture themselves using it, with a calculator that turns each plan into a cost per client.

The page, chapter by chapter 7 chapters
  1. OpeningLiving background, heartbeat line and both apps side by side.
  2. The painWhatsApp bubbles take over the screen until nothing else fits.
  3. Client appHorizontal rail with workouts, sets, diet and progress.
  4. DashboardKPIs count up, check-ins arrive as notifications.
  5. Pulso AIThe client summary writes itself before your coffee.
  6. PlansClient-base calculator and cost per client.
  7. ClosingReal testimonials and a single clear call to action.
Pulso · landing page
Opening Pain section with WhatsApp messages Client app screens Dashboard with KPIs Pulso AI summary Regular, Essential and Pro plans Client testimonial and final call to action
What drives the conversion

Beautiful is a side effect. The focus is the decision.

01

Pain before product

The page opens with the problem the visitor lives with today. By the time the app appears, it's already the answer.

02

Pricing that does the math

A calculator turns each plan into a cost per client. Prices stay consistent across the whole page: badges, cards, calculator and FAQ.

03

Mobile treated on its own

On mobile, the bubbles become a chat stack and the phone mockup adapts to screen height. Tested from 360 to 412 px and at 1440 px.

04

Genuine social proof

Only testimonials from real clients who approved the text. No made-up reviews to fill space.

05

Motion with respect

Every animation has a static version for people who turn on reduced motion.

On mobile

Designed thumb-first.

On mobile, the bubbles become a chat stack, the phone mockup adapts to screen height and plans stack vertically, without losing the calculator.

Page opening on mobile
Opening
App screens on the page, on mobile
Client app
Plans on mobile
Plans
Tech stack
  • HTML, CSS and JavaScript
  • React (runtime)
  • Custom animation engine
  • Animated SVG
  • Montserrat
  • Playwright for mobile testing
  • Vercel