Creating Wireframe and Photoshop Mockups

73-minute Design Workshop

Start Workshop

About this Workshop

In this live Workshop, Nick creates a mockup for the website of a fictional to-do list app. He starts out with wireframes using Balsamiq, then moves on to Photoshop and creates a high fidelity mockup. Finally, Nick shows how to prototype the mockup in HTML and CSS.

Teacher

  • Nick Pettit

    Nick is a teacher at Treehouse and an independent game developer. His Twitter handle is @nickrp.

Download videos

You need to sign up for Treehouse in order to download course videos.

Sign up