Learn how to use the GOV.UK Prototype Kit without being an experienced developer
A self-paced online video course for interaction designers, content designers and service designers who want to be able to create realistic HTML prototypes quickly and easily.
Is this you?
- You spend a lot of time wrangling with HTML, Nunjucks and JavaScript instead of actually prototyping.
- You know how to make basic prototypes but anything more complicated feels overwhelming.
- You want to be able to prototype your ideas without asking someone else for help.
- You use Figma but want to unlock the value of high-fidelity HTML prototypes.
If you said yes to any of the above, that’s why I made this course...
Why I made this course
I’m Adam, a designer and former frontend developer from London, UK.
My mission is to create simple and accessible digital products that are effortless to use.
I’ve been doing this for 20 years for organisations like Tesco, Just Eat, and more recently GOV.UK (which is when I started using the Prototype Kit).
And while I don’t claim to know it all, I have spent the last 8 years in government, prototyping 20+ different services used by citizens, specialists and internal staff.
I’ve created dozens of components and patterns for use with the GOV.UK Prototype Kit, some of which are now part of the GOV.UK Design System.
Along the way lots of interaction designers and content designers have asked me for help with the kit. So I know where they tend to struggle.
And yet...
Not so long ago when I started working in government, I was in a similar position.
I had to spend a lot of time working out how to use the kit.
I was frustrated because I couldn’t just make the thing, I had to work out how to make the thing.
And while the basics are quite simple, anything beyond that gets super confusing, super quickly.
So if that’s kind of how you feel right now...
You might like this course.
What you’ll build
In this course, you’ll create 3 realistic prototypes:
Prototype 1: Apply for a juggling licence
Prototype 2: Apply for a juggling licence (task list)
Prototype 3: Manage juggling licence applications
What you’ll learn
Each lesson will be like jumping on a call with me where I share my screen and show you how I create prototypes from start to finish.
You’ll learn how to create:
- multi-step journeys with branching questions and exit pages
- task lists that handle partially complete tasks and file uploading
- caseworking systems with search, filter and pagination
It’s everything I wish I had when I first started using the Prototype Kit.
What you’ll get
90+ video lessons
The lessons are broken down into 3 modules; one for each prototype. Each lesson is focused on solving one problem at a time. Every video includes a transcript.
Working code for the 3 prototypes
Each prototype is on Github. You’ll have access to the full working code from the course. So you can reference it and use it in your prototypes.
Lifetime access
This course is a one-time purchase. Once you buy it, it’s yours for as long as I’m running the course (which I plan to be for many years).
Content updates and new lessons
You’ll also get free access to content updates, as well as any content that is added in the future.
Access anywhere, anytime
You can access the lessons in a browser or with an iPhone or Android app. You can go through the course at your own pace and come back later to use it as a reference.
Frequently asked questions
Is this just a copy of the free GOV.UK tutorials?
No. While I did use the ‘Apply for a juggling licence’ prototype as a base, I’ve added many lessons to it. You’ll also learn how to create 2 additional prototypes which are far more advanced.
Is it okay if I use a Windows PC?
Yes, the Prototype Kit works on Windows, Mac and Linux. But all the lessons are recorded on Mac.
Do I need to know how to write HTML and CSS?
You should have a basic understanding of HTML to start prototyping. However, I've structured the course so you can copy the code, grasp the concepts, and adapt them to your specific needs.
Does this course teach you how to use the NHS Prototype Kit?
I do not have specific lessons teaching you how to use the NHS Prototype Kit, but most of the lessons should be transferable because the NHS Prototype Kit works similarly to the GOV.UK Prototype Kit.
Does this course teach you how to design good services?
In short, no. But I’ve only used interactions and content patterns that have tested well in real services I’ve designed in the past. So feel free to to take advantage of them as you see fit.
Can I buy this course on behalf of someone else?
Yes, just send me an email after you purchase with the details of the person you’ve bought it for.
Do you have a refund policy?
I do not offer a money-back guarantee. The GOV.UK Prototype Kit Bootcamp is a great course and I’ve described it accurately on this page.
But don’t take my word for it: you can read some of the feedback below from people who have already taken the course.
If you have any other questions, send me an email.
What former students say
If you’d like to join these designers and find out how I create realistic HTML prototypes for complex GOV.UK services and products, then all that’s left is a big green button: