• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Code The Dream School
Code the Dream Labs Logo

Code The Dream School

Main hub for class materials for Code the Dream’s classes

  • Code the Dream Home

Search Code The Dream School

Intro to Programming – Wireframe Exercise

In this exercise, you will practice designing a wireframe for a website. You will be provided with a “bad” wireframe that you can modify however you see fit. There’s no “right” or “wrong” answers, just do your best.

Step 1: Signup for an account at whimsical.com

Step 2: Navigate to the exercise template
https://whimsical.com/lesson-3-1-wireframe-exercise-ABBiyfibJuSztieceK85Jo

Step 3: Click “New From This Template” and select “My Boards”

Step 4: Name the new “Board”

Step 5: Click anywhere on the “Your Version (EDIT THIS)” page to get started

Tip:
If you’ve never used the Whimsical diagramming tool before, try this tutorial:
https://www.youtube.com/watch?v=Oi9nST5Skog

Footer

Copyright © 2025 Code the Dream School | All Rights Reserved | Privacy Policy