"Travel By Design" - Mock-Up Designs Set 1.

"Travel By Design" - Square 1.

This morning I started work on a new project; to design and build a website for the travel agency "Travel By Design".


The client has provided me with lots of fantastic photos, logos, editorials and testimonials so the website will be packed with rich content. 
It's really exciting to start a project where all the content is readily accessible, I've found it's really boosted my creativity and motivation towards the project because I've got everything I need in front of me and I can see exactly what I'm working with.


First things first. - Wireframes.

As with any project, the design starts in the sketchbook. Once ideas start forming I have to get them drawn on paper, otherwise I'll forget them!

Flicking through my sketchbook you wont find anything particularly exciting, it's full of pages like the one above where I've scribbled down a series of rough layouts or design concepts just to get my mind working.

The next stage is to create a slightly more considered wireframe on the computer. Adobe Illustrator is my preferred tool for this task. I find it's a lot easier to produce a considered layout in a short time, because you can easily resize each element to pixel-perfect proportions.

With the wireframe complete, I can now begin creating my first mock-up design in Photoshop.