In this class I share questions you should be asking yourself, methods of execution, and the process that I use when evaluating what should go where on the page.
We're all eager to jump into Photoshop or code when designing a website, but to make a well-constructed, organized, and easy-to-use site, there are certain steps to take before getting into the sexy stuff. Spending the time up front planning out your content and information hierarchy will save you hours of redesigning and refactoring down the road (trust me; I've been there). Wireframes aren't the final medium or design for a website, but they're often an important step to getting there.
What You'll Learn
What You'll Make
The project example will be based around a portfolio website, but if you have another type of website in mind (blog, marketing, personal, etc), feel free to wireframe whatever you please. This is an opportunity for you to take the time to make something you're interested in, so take advantage of it!
This class is good for designers who jump into Photoshop too quickly, co-founders who wear a lot of hats, or anyone else in the web industry who wants a better understanding of how to execute this part of the process.
Wireframe a website (portfolio or otherwise)
I'm a designer at Kickstarter. I've worked on both the product and the agency side and have done wireframes and interaction design for small marketing websites, large-scale commerce si...
This was an excellent introduction to the key concepts, language and tools of wireframing.