Static wireframes are making your life harder.

You’ve just spent four hours updating your wireframes and the 200-page spec document for the umpteenth time, but you just know that the development team is going to mangle your beautiful design in implementation. Again.

Not to mention the stakeholders, who haven’t read the spec (and never will), and who just can’t seem to be able to understand what you are trying to communicate through your wireframes.

And then there’s usability testing. Sure, you’ve put something together in Powerpoint that you can have users click through, but it’s missing so many of your design’s subtle and clever interaction details that testing could well miss something important until it’s too late.

Click here to try me.

Tap here to try me.

My Lists





Completed tasks

None of this stuff is wired up yet.

But this course will show you how to do exactly that!

There’s a Better Way

What if you could cut the amount of written documentation (and the time it takes you to write and maintain it) to a fraction of what you’re doing now?

Wouldn’t it be great if stakeholders not only understood your designs, but actually got enthusiastic about them too?

And think how awesome it would be to get feedback from users earlier, and about the things that matter.

With HTML Prototyping, You Can

But prototyping in HTML is hard, isn’t it? There’s so much to learn: HTML, CSS, Javascript, frameworks, responsive design.

Where do you even begin?

It doesn’t have to be hard.

Livetyping is a series of video lessons that let you learn this stuff at your own pace. You don’t waste time learning stuff that only web developers need to know—you only learn what you need to make prototypes.

The course consists of six screencast lessons that will teach you how to prototype your designs in HTML, CSS, and Javascript, for $249.

14-day money-back guarantee if you're not satisfied.

Buy now

Buy now

Want your whole team to benefit?

Get Livetyping for up to ten people for just $999.

Download a sample lesson

Get a better idea of what the course is all about.

The sample lesson is the entire first lesson, which covers all you need to know about HTML for prototyping.

Screenshot from the sample lesson

Get the sample lesson by email

"… my preferred prototyping tools are paper, pencil, pen and HTML/CSS with JavaScript."

—Todd Zaki Warfel, author of "Prototyping, a Practitioner's Guide"