Luismi Design
--:-- · MAD
← Work / 06 / 06 Case study / Escuela Mente Cíclica · diploma landing page

What happens when a product designer owns strategy, design, and build.

A side project I co-founded needed a landing page to sell spots in a diploma program on mental health and the menstrual cycle — to trained skeptics. No dev team, no agency, no runway: just one scroll to educate, build trust and convert.

View live site →
Role
Design + Build · Side Project
Team
Solo · Claude Code as build partner
Year
2025
Methods
Copywriting · Conversion UX · Static build
Outcome
10 sales · 5% conversion
Escuela Mente Cíclica — live landing page, hero section with headline and program imagery
01 — The problem

One page. No safety net.

ProblemSide project · 2025

A side project I co-founded needed one thing: a landing page to sell spots in a diploma program on mental health and the menstrual cycle — targeted at female health professionals, a trained-skeptic audience that doesn't respond to hype.

02 — Why it mattered

No runway. No hype allowed.

StakesBusiness + user

For the business: no dev team, no agency, no runway — whatever shipped had to convert, or the program had no way to sell seats. For the user: health professionals are trained skeptics. They don't respond to hype — they respond to evidence, structure, and a case that holds up to scrutiny.

Educate, build trust, convert — all in one scroll.

03 — What I owned

Strategy, design and code — one person.

ScopeSolo · AI-assisted

Everything: I designed and developed the entire page using Claude Code as a co-builder. Copy architecture, conversion flow, trust hierarchy — every decision grounded in psychology and UX craft, static HTML/CSS/JS, deployed on Netlify via GitHub.

04 — The key decision

Evidence before the ask.

DecisionTrust hierarchy

Health professionals don't respond to hype — so the page earned trust before it asked for anything. Credentials and evidence, sequenced ahead of the sale. One scroll, one decision, no detours.

05 — The solution

One scroll, sequenced to persuade.

SolutionScreens & flow
  • 01Copy architecture — sequenced for a skeptical reader, not a hyped one
  • 02Conversion flow — one scroll, one decision
  • 03Trust hierarchy — credentials and evidence before the ask
  • 04Stack — static HTML/CSS/JS, no framework
  • 05Deploy — Netlify via GitHub
06 — Validation

The market was the test.

ValidationLive · first 30 days

No formal usability testing — with no runway for a research phase, validation was the market itself: ship it live, and watch whether trained skeptics actually convert over the first 30 days.

07 — Outcome

Ten sales, one month.

OutcomeFirst 30 days
Sales
10
In under 1 month
Conversion rate
5%
Visitors to buyers
08 — What I learned

One designer, the whole stack.

Reflection

What this proved: end-to-end product ownership compresses decisions and sharpens coherence. AI-assisted development expands what a product designer can ship alone — without sacrificing quality.

One designer, the whole stack, a page that sells.

© 2026 — Luis Miguel Bello García Senior Product Designer, AI contact@luismi.design
Back to — 一 Return to work