Click here to view a high quality online pdf of the brochure.

Here is a sample work that I’ve created of a typical holiday tour guide brochure. It’s a 3-sided brochure layout; front and back. This was done in InDesign and took about 2 days to make.

I wanted to improve my knowledge of InDesign and decided to use my recent trip to China as the subject for a tour guide brochure.

All the photos used in the brochure were taken by myself during my trip to China, the image of the map was taken from Wikipedia.

As it’s a sample work, I decided to focus my time on the layout design of the brochure and didn’t spend much of my time on the written content; hence the use of dummy text.

I began with creating 3 columns for the text; with a transparent fill background to make it more readable. I then added the panoramic photos and placed it at the bottom of each page which instantly made the design more brochure looking.

I used a gradient for the upper part the background and several photos set in ‘lighten’ blending mode which added more visual interest and blended the upper and bottom images together.

The thumbnail photos were placed with a 2mm text wrap which gave it some space between the text and the photos.

I went for a 3-sided brochure layout but the final design could easily be adapted for a two-page spread layout. I’ve incorporated a 3mm bleed so it’s all setup ready for print.

I enjoyed making the brochure and I’m pleased with the final result, I hope it has made Zhaoqing an appealing place to visit!

Tags: China, Indesign, Panorama.

Here’s another gallery page that I’ve created. It’s done with HTML and CSS and took just a day to make. Although it looks complex in design, it’s rather simple in coding and uses mainly tables and transitions to get the final look.

I really enjoyed making this page and I’m amazed how simple and effective CSS can be at creating dynamic pages.

Tags: CSS, HTML.

I’ve chosen to create a separate gallery page for this blog using HTML and CSS, it was previously just a page made on wordpress and it lacked some design and inspiration.

The new gallery has a better design and more interactivity using some of the new CSS3 features.

You can also access the online gallery using the sidebar on the right side of this page.

Tags: CSS, HTML.