Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Blake Lieberman
Blake Lieberman
23,772 Points
Posted by Blake Lieberman
Blake Lieberman
23,772 Points

How to Make a Mockup with Mobile in mind?

How do you make a mock up for mobile first , tablet and desktop?

What is the most efficient way? It seems creating a mockup with all three would be too much to get the point across.

2 Answers

Peter Ramsing
Peter Ramsing
16,814 Points
Peter Ramsing
Peter Ramsing
16,814 Points

I use a frameworks like Foundation or Bootstrap. With practice one can create responsive mockups really quickly. It's what I use to create mockups for all of my projects big and small.

Blake Lieberman
Blake Lieberman
23,772 Points
Blake Lieberman
Blake Lieberman
23,772 Points

Where do you usually move the project after Bootstrap or Foundation?

Peter Ramsing
Peter Ramsing
16,814 Points
Peter Ramsing
Peter Ramsing
16,814 Points

It depends on the project. If it's a large scale project (say a corporate site that will have vast scaling needs) then once they approve the mockups I'll transition to all custom code depending on their needs. ...but if it's a site for Mary's Super Sewing Club then I leave it in Foundation or Bootstrap so that expanding the site, when Mary calls me and says that she wants to add a new carousel of pictures from their latest knitting convention on their homepage, can be done quickly by me or maybe her cousin who has a bit of web experience.

It definitely depends on the client's needs. ...but for mockups and getting designs approved that you can show off to a client or even to yourself for laying out where you want things on a personal project, using a framework is fast and simple. You're asking a good question, though. Many clients I've worked with don't understand the need for mobile...but if I can show them pretty quick what it means they jump on board quickly.