Mindvalley Stories
Case Study · AI Mastery

A financial educator turned a dry webinar into a live, interactive experience

A full webinar experience with two custom calculators, built with Lovable, that let attendees see their own numbers live.

This creator took one of the most intimidating topics there is, money and protection, and made it feel calm and human. Using AI tools they learned to wield, they built a landing page, slides and two live calculators that turn passive listeners into curious participants. It shows how product thinking can change the way any expert teaches.

Robelle Mancilla
A financial educator who blends digital product thinking with financial planning education.

Financial Clarity Webinar

Before

Financial planning is a topic most people find intimidating, and webinars about it often feel like a sales pitch in disguise. This educator wanted something different: an experience that sparked clarity rather than pushing products. Static slides and talking alone were not enough to hold attention or lower people's guard.

“When people see their own numbers, defensiveness drops and curiosity rises.”

In their own words

The turning point

During the program they began building with AI tools, using Lovable to mock up a calm, vibe-coded landing page and to design two interactive calculators. They added Gamma for slides, Canva for visuals, a QR code made with Claude to move people from the presentation into the tools, and Airtable to manage contacts. The key idea was to interrupt passive listening mid-webinar and let people work with their own numbers.

“Framing calculators as thought starters, not recommendations, creates psychological safety.”

In their own words

After

They launched an end-to-end Financial Clarity Webinar with an Income Protection Need calculator and a Retirement Need calculator used live during the session. They watched reactions and questions in real time and refined pacing, copy and framing as they went. The result is a repeatable webinar framework they can run again.

What it lets people do

Attendees can plug in their own situation and see where gaps in protection or retirement planning might be, without being told what to buy. The calculators work as thought starters that open honest discussion and personal reflection.

What they learned

They found that when people see their own numbers, defensiveness drops and curiosity rises. Tone and design build trust as much as accuracy does, and treating a webinar like a product, with flow, friction reduction and feedback loops, makes learning stick.

“Design and tone matter as much as accuracy in financial education—trust is built visually and emotionally first.”

In their own words

Financial Clarity Webinar was built during AI Mastery.

Read the full submission
Achievements - Designed and launched an end-to-end Financial Clarity Webinar experience, combining educational content, interactive tools, and modern “vibe-coded” landing pages to increase engagement and approachability around a traditionally intimidating topic. - Re-architected and optimized the webinar landing page using Lovable's mockup (ended up using the host's CMS however), improving clarity, visual hierarchy, and messaging flow while maintaining a strong educational (non-sales-first) tone. - Built two custom, interactive financial calculator tools (Income Protection Need and Retirement Need) used live during the webinar to spark reflection, participation, and meaningful discussion. - Positioned the webinar as a thought-starter and disruptor, helping participants self-identify gaps in protection and planning rather than being told what they “should” buy. - Successfully blended digital product thinking with financial education to create a repeatable, scalable webinar framework. Tools - Lovable – Landing page redesign, content optimization, layout restructuring, and vibe-coded visual direction - Custom Calculator Tools designed with Lovable – Income Protection Needs Calculator & Retirement Needs Calculator (interactive, scenario-based) - Gamma.app – Webinar slides and visual storytelling - Canva – Supporting visuals, icons, and lightweight creative assets - QR Code Generated with Claude – Seamless transition from presentation to live tools - Web Analytics & Feedback Loops – Qualitative feedback and engagement signals to refine messaging - Airtable - Lead gen and contact management Methodology 1. Audience-First Framing Started with empathy: reframed financial planning as clarity-seeking, not product-pushing. 2. Vibe-Coded Design Used modern, calm, and human-centered design language to reduce friction and intimidation. 3. Interactive Disruption Embedded calculators mid-webinar to interrupt passive listening and prompt personal insight. 4. Progressive Disclosure Introduced concepts in layers—context first, tools second, implications third. 5. Live Feedback Integration Observed reactions and questions in real time to refine pacing, language, and transitions. 6. Iterative Optimization Adjusted landing page copy, CTAs, and calculator framing based on user behavior and clarity gaps. Learnings - Interactive tools dramatically increase attention and retention compared to static financial education. - When people see their own numbers, defensiveness drops and curiosity rises. - Design and tone matter as much as accuracy in financial education—trust is built visually and emotionally first. - Framing calculators as thought starters, not recommendations, creates psychological safety. - Webinar experiences benefit from product-thinking principles: UX, flow, friction reduction, and feedback loops. Relevant URLs - Financial Clarity Webinar Landing Page: https://launchhaus.online/financial-clarity-free-webinar-registration - Retirement Need Calculator https://fin.launchhaus.online - Income Protection Calculator https://ipn.launchhaus.online

Written 28 January 2026 Submitted by the storyteller

Every story is written by a Mindvalley student or by someone our teachers have worked with. How we collect and check stories

More from AI Mastery

Financial Clarity Webinar: a AI Mastery case study | Mindvalley Stories