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

abdul faiz mohd jayramie eng
PLUS
abdul faiz mohd jayramie eng
Courses Plus Student 4,478 Points

Mockup Sites....?

as a beginner i was not aware how important mockup was until the day i begin design websites, the first few pages i designed for my client is entirely based on my "imagination", i was doing fine at first, after 3rd page or so i begin to struggle. All sudden my mind is blank, and slow me down awfully.

There are tons of mockup software and few are directly on website, some paid while others are free. At the moment, upon discovering im using moqups.com for today. i felt the site features are limited.

How do you mockup your site? and what software or Sites do u use? and do list down the best recommendation, if possible free or under budget.

2 Answers

James Barnett
James Barnett
39,199 Points

Mockups come in several flavors, the lo-fi wireframe, the hi-fi clickable prototype, when people refer to mockups they often mean something in the middle.

HotGloo & UXPin both have some nice features.

On the Lo-fi side I'd suggest:

There's also a great course on site planning and wireframing over at Lynda.com

For practice I try to recreate templates that are available on such web sites as Themeforest.net.

In doing so I've been able to come up with ideas from a mix of these templates and make things spectacular.

HotGloo works pretty good too ;-)