Skip to content

Sketch out the page(s) for your portfolio website before creating them in code.

Notifications You must be signed in to change notification settings

ltw-webdev-5/paper-wireframes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

summary time deliverables
Sketch out the pages for your portfolio website before creating them in code.
1 hour
A bunch of paper sketches

Paper wireframes

Overview

  • Sketch out your portfolio website & plan what you’re going to code.
  • Everything can be done on paper, it doesn’t need to be fancy.
  • Plan out every interaction: how people will view the pieces, how they’ll navigate, etc.
  • Things the sketches should show:
    • What the homepage will look like. Is it a one page website?
    • What the header/logo will look like.
    • What the portfolio pieces will look like. Will they be on separate pages?
    • What the about section will look like. Is it in the footer? Or a separate page?
    • What the contact section will look like. Is it in the footer? Or a separate page?

Suggested deliverables

Basically anything you’d have to do for Interaction Design.

  • Sketched wireframe layouts
  • Storyboards
  • Flow diagrams
  • Personas
  • User/client research

Hand in

Show the teacher your sketches and plans during class.

About

Sketch out the page(s) for your portfolio website before creating them in code.

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published