Women in Orange BG

Finding the right opportunity

not just the right interface

Teaching the Product to Teach Itself

2026

Product Craft

Product Craft

Experimentation

Experimentation

Framer-template

Framer-template

A self-built Framer course platform exploring product-led onboarding by teaching users how to customise the experience from within the experience itself.

(07)

Teaching the Product to Teach Itself

(07)

Teaching the Product to Teach Itself

I designed and built Learnoverse to explore product-led onboarding in a modern no-code ecosystem. The key decision was treating onboarding as part of the product experience, allowing users to learn by doing rather than through documentation.

Product Snapshot

Scale

  • Designed and built an end-to-end course platform in Framer

  • Spanning marketing site, learner dashboard, CMS and onboarding experience

  • Created as both a commercial template and a personal learning platform

Complexity

  • Combined product design, visual design, interaction design and no-code development

  • Designed onboarding that lives inside the product rather than alongside it

  • Balanced usability, flexibility and conversion across the entire experience

Impact

  • Demonstrated hands-on capability in a modern product development workflow

  • Reduced onboarding friction by teaching users through the product itself

  • Showcased end-to-end product thinking from concept through implementation

Context

I wanted a course platform of my own and an excuse to learn Framer properly. Building both at once turned the project into an experiment in product onboarding and self-serve learning.

The Problem

Most course templates teach users through documentation or setup videos that sit outside the product itself. That creates friction exactly when motivation is highest: the moment someone first opens the product.

My Role

As a solo founder and designer, I owned the entire product lifecycle, from acquisition and activation through retention and expansion.

I designed and built the marketing site, learner experience, and CMS architecture as one connected system rather than separate surfaces. Content could evolve independently of the interface, onboarding happened inside the product instead of alongside it, and pricing and conversion flows were treated as product experiences rather than marketing exercises.

The result was a product designed not just to teach content, but to teach itself.

The Real Challenge

The tools designers use are changing rapidly, but good product thinking remains the same. Building in Framer wasn't simply about learning a new tool. It was about understanding how modern product teams can reduce the gap between strategy, design and delivery to ship high-quality products faster.

It's about understanding how strategy, user experience, implementation, and iteration come together to deliver products quickly without compromising quality. The most interesting decision wasn't visual design. It was treating onboarding as part of the product rather than a prerequisite to it.

Key Decision

Teach through the product itself.

Rather than creating a separate onboarding guide or documentation, I embedded the learning experience inside the product. Users customise the platform by using it, reducing friction while demonstrating the value of the product from the very first interaction.

Trade-off

Embed onboarding within the product rather than creating separate documentation.

Early Traction

• 0-1 course platform launched within 3 months
• Inbuilt CMS with editable fields, collections and templates
• Series of bite-sized onboarding videos

What this reinforced

Even small products benefit from systems thinking. The lesson wasn't how to use Framer. It was that onboarding, documentation, and product experience don't need to be separate systems.

Results

Onboarding

Series of bite-seized videos

0-1 in < 3 months

Launched and submitted to Framer

Wenham-Carter-Office
Wenham-Carter-Office
Men Red BG
Men Red BG
Men Red BG
Men Red BG
Men Red BG
Men Red BG

(02)

(Portfolio)

(02)

(Portfolio)