Miro Landing Page Prototyping Kit

1. Overview

Our Miro Landing Page Prototyping Kit is a ready-to-use Miro board that helps teams design, structure, and communicate the landing page of a new product or service. It is especially useful in Business Design Sprints, where we need to quickly test ideas, create alignment, and bring our vision to life.

The kit provides a step-by-step template for defining content, visuals, and messaging so we can move from abstract business model thinking to a tangible customer-facing story of our Business Models.

2. The role of landing pages in Business Design

In Business Design, we built landing pages for a couple of reasons:

• Experimentation & Validation. During the Validate phase of the Business Design Sprint, we do experiments with landing pages to test critical assumptions and to measure customer interest.

• Shared and Deep Understanding. By turning our abstract Business Models into a concrete page, teams and stakeholders develop a common vision of our product or service.

• Communication & Feedback. A landing page makes our idea tangible, sparks emotional responses, and invites concrete feedback from customers and stakeholders.

Let's look at how the Business Model and a landing page are connected and how we turn Business Models into landing pages.

3. Turning a Business Model into a high impact landing page

A landing page is a tangible representation of our Business Model and essentially a storytelling layer of our Business Model. There is a direct connection between the boxes in our Business Model Canvas and our landing page. The landing page needs to tell a compelling story and should address the primary target group with their pains and their job(s) to get done. It should also talk about our offering, core value and brand. What we do when we build landing pages is to translate what we thought about theoretically on the Business Model Canvas into a tangible landing page where we speak directly to our customer.

Let's look at two examples of landing pages of popular brands (Personio & Digital Ocean) and how they follow common landing-page patterns:

• A hero section with a striking headline and visual

• A clear explanation of the offering and benefits

• Testimonials or social proof

These sections as the most important ones. Some landing pages also have sections like team, pricing and FAQ. The sequence of the sections often varies from page to page. While the sequence may vary, the goal is always to guide visitors toward understanding, and acting on, your value proposition.

On the image below, we outlined how these sections map onto the boxes in our Business Model Canvas.

5. How the Kit works

The kit provides a structured working area (“the stage”) where teams collaboratively build the landing-page story:

1. Map Your Story. Use sticky notes to capture key messages and visuals for each section of the template.

2. Discuss & Align. Debate each element until the team agrees on what belongs on the page.

3. Add Visuals. Use the “Visuals” column to collect screenshots, mood images, or references for the designer/prototyper.

4. Prototype & Iterate. Brief your prototyper, review the first draft, and run one or two refinement rounds.

Best Practices

• You don't have much space. Be precise and on point.

• Tell a story. Lead visitors from problem to solution to action.

• Think customer first. Whats important to them?

• Stick to the given structure. It has been proven to work.

7. Miro Board

The Miro Landing Page Prototyping Kit is available as a shared Miro board. If you’d like to use it in your own workshops, contact us for editing rights and setup instructions.