Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Wireframing for Website Design for Beginners

Cookie Redding, Artist, Designer, Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Videos (1h 2m)
    • Introduction

    • Course Supplies

    • The Project!

    • What is a Wireframe?

    • Types of Wireframes

    • Wireframe Methods of Working

    • Website Design Considerations

    • Element Considerations

    • Lo Fi (Analog) Wireframe Techniques

    • Hi Fi Wireframing with Illustrator & Photoshop

    • Wireframe Online Options

    • Wireframe Conclusion


About This Class

This class serves as an introduction to wireframes for web designers.  Wireframing allows you to figure out the information hierarchy of your design, which makes it easier for you to plan the layout according to how you want your client and audience to digest and process the site's information.  Often times as designers we get bogged down into the details right off the bat...what color, what type, what imagery, what branding? Wireframing is the skeletal system that allows you to worry instead about the flow, dynamics and useability of the site before you hop into aesthetic decisions. Think of wireframes as a web designer's sketch...and learn the options of your web site sketching in this Skillshare class.  

10 of 15 students recommendSee All

Useful tips for web designers
Chris Baldwin

eLearning consultant





Cookie Redding

Artist, Designer, Teacher


Good hello!

Welcome to my Skillshare page and channel.  I hope you find your spark of creativity!


My name is Cookie and I'm an artist, designer and maker.  My first work of art was at the tender age of 2 and was found underneath my parent's coffee table* (they were *thrilled* about my creation but luckily realized that I enjoyed making even then and fostered an artistic upbringing for me) 


I have been a prof...

See full profile