Foam Core Mockups: Building Fast Product Models
Before a single real Xbox controller was ever made, designers carved and glued models you could hold in your hand โ just to feel if it fit. Real product designers do this every day with a cheap material called foam core: two thin paper sheets with a foam filling in the middle, like a sandwich. It cuts with a craft knife, glues in minutes, and lets you turn a drawing into a 3D thing you can actually pick up. A mockup is a quick model that helps you test an idea BEFORE spending money to build the real one.
What You'll Learn
In this lesson you will be able to: 1. Explain what a mockup is and why designers build one before the real product. 2. Name what foam core is made of and why designers like it. 3. List the four steps to build a simple foam core mockup. 4. Test your own mockup and decide one thing to make better.
What Is a Mockup?
A mockup is a pretend version of a product. It does not need to work โ a foam core phone will not make calls. Its whole job is to let you check the SHAPE and SIZE. Is it too big for a kid's hand? Do the buttons sit where your thumb can reach? You learn all this by holding the model. Designers would rather find a problem in a 10-minute foam model than in a $10,000 factory sample. That is why almost every toy, remote, and gadget started as a rough mockup first.
Your first mockup is allowed to look messy! Wobbly cuts and extra glue are fine. The point is to test your idea quickly, not to make it pretty. You can always build a neater one after you learn what to fix.
Why Foam Core?
Foam core is like a sandwich: two smooth paper sheets on the outside with a light foam layer inside. That makes it three helpful things at once โ it is stiff so it stands up straight, it is light so your model is easy to lift, and it is soft enough to cut with a craft knife (with grown-up help). Designers also use cardboard, clay, and blocks of blue foam. But foam core is a favorite for flat-sided things like boxes, phones, and tablets because the sheets are already smooth and straight.
The Four Steps
Step 1 โ DRAW. Sketch your product and label how wide and tall each side should be. Step 2 โ MEASURE and MARK. Use a ruler to draw those sizes onto the foam core. Step 3 โ CUT. With an adult, carefully cut along your lines with a craft knife on a cutting mat. Step 4 โ GLUE. Join the pieces with white glue or tape into your 3D shape. Let it dry, then hold it and test!
Match each mockup step to what you do.
Terms
Definitions
Drag terms onto their definitions, or click a term then click a definition to match.
Why do designers build a foam core mockup before making the real product?
Your foam core toy car is too wide for your hand. What is the BEST thing to do?
Build a Phone Mockup
1. Draw a phone on paper and label it: about 14 cm tall and 7 cm wide. 2. With a ruler, mark that rectangle on foam core. 3. With an adult, cut it out on a cutting mat. 4. Draw a screen and 3 buttons on the front. 5. Hold it up to your ear and thumb-test the buttons. Deliverable: your foam core phone plus one sentence naming ONE thing you would change to make it better.
Flashcards โ click each card to reveal the answer
Want to keep learning?
Sign up for free to access the full curriculum โ all subjects, all ages.
Start Learning Free