Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

Design

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

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

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

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.