Skip to main content

Build a basic prototype

This tutorial will show you how to prototype a fictional service.

Our fictional ‘Order a test to check if you have magical powers’ service will:

  • ask 2 questions
  • take users to different pages depending on their answers
  • summarise the user’s answers for them to check
  • show a confirmation page

It will take about an hour to complete this tutorial.

This diagram shows how the pages will link together:

The first page has the title 'Start page' with the button 'Start now'. This is linked to a 2nd page with the title 'Question 1' and a 'Continue' button. This forks to 2 different pages. The first is titled 'Ineligible' and the second is titled 'Question 2'. Question 2 is linked to a page titled 'Check answers'. This links to page 6, titled 'Complete'.
Diagram of 6 pages connected together

Before you start

Before you start, you must first create a new prototype using the GitHub template.

You’ll then need to either:

  • install the kit on your computer
  • run the kit in the cloud

See get started for guidance on both options.

Once you’ve done this, you’re ready to start the tutorial.

Start tutorial