Prototyping for Web I: Information, UX, and Paper Prototypes

Erica Heinz, Designer/Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (55m)
    • Trailer

    • Introduction

    • Project Outlines

    • Site Maps

    • Brand Guidelines

    • User Stories

    • Wireframes/Paper Prototypes

    • User Testing

18 students are watching this class

About This Class

Create the 6 fundamental elements of rapid prototyping to start any web design project quickly, efficiently, and smartly: a project outline, a site map, a set of brand guidelines, several user stories, quick paper wireframes, and a usability test. Taking time with these simple steps speeds up every project.

Demystify the first steps of any web design project in this 52-minute class for designers, beginning front-end developers, and anyone curious to design a site from scratch. Erica Heinz provides practical instruction in information architecture, user experience, and paper prototypes so you can develop content outlines, sitemaps, brand guidelines, user stories, wireframes, and usability tests—all the elements you need to start a web project right. Whether you hand them off to a developer or build the site yourself, you’ll love having everything organized from the start.

Want to build the site yourself? Check out the next two classes from Erica Heinz: Web Design II: Visuals for UX and Branding and Web Design III: Responsive Design with HTML and CSS.

329 of 335 students recommendSee All

A very good collection of tips and tools to build and test prototypes of websites and/or apps. Will definitely come back to it as I work on my projects
Very helpful class! Really helped me to prepare for a small upcoming website project I'm working on. Especially enjoyed learning about the UX elements of the class
This course is really well done and very thorough! I have learned so much about the UX process.





Erica Heinz


Erica Heinz is a Brooklyn-based designer, developer, and creative consultant. With over a decade of experience in web design and development, she's worked with both large corporations and lean start-ups. She manages projects from strategy and IA all the way through to development and support.

She's schooled in visual communications, trained in Lean UX and agile development, and is fascinated by the culture-changing power of the web. She loves art, dance, fitness, nutrition, ecology, al...

See full profile