How to add a map to the contact page in a creative way. Some great examples.

I find that designing the contact page is always a great challenge for a web designer and not because it is particularly difficult to create, but because it is too often overlooked and considered (wrongly) less important than other areas of the site (such as the homepage).
That being said, some new trends have emerged in recent years. One of these is related to the more or less correct use of static or interactive maps such as Google maps.
A great example is This map (Nokia OVI) is perfectly integrated in the layout, and the map is quickly updated without having to refresh the page when you click on one of the 3 locations. also has an interesting approach. This puts the map in the foreground and hides the contact form. This form is then activated when the “let’s get started” button, which is very visible, is clicked.

These are some examples on how Google Maps can elegantly and creatively be integrated.

Of course, nothing prevents us from showing a picture of the office together with the map.

Then there are those who prefer to use a static image. So, if you are creative you can really satisfy your fancies.

Finally… as always, it is important to customize and thus use a marker that recalls the site’s brand

Do you use a map on your contact page? I’m curious to see how…leave me a comment ;)

18 simple (but amazing) life hacks you can use around the house

A new collection of cool and unusual ways of using everyday objects to make your life easier

What is Usability All About and the Common Mistakes!

In the present scenario where ‘word of mouth’ is the most powerful and the most effective weapon that one can use against one’s competitor, it may act as an add-on to the reputation of your…

All about @font-face

A massive selection of articles about @font-face, from the basics to the complex.

Some interesting things about copyright

Some interesting notes about treaties in the topics of Copyright, some links to have in mind to protect the Copyright and a Illustrated Story of Copyright.

The Ultimate Setup For Any Freelancer

As a designer I like to work close to home and with clients who I can meet on a face to face basis, but I am know to look for the odd bit of casual…

Leave a Reply

2 Comments on "How to add a map to the contact page in a creative way. Some great examples."

Notify of
Sort by:   newest | oldest | most voted
Magento Theme

Yeah i agree this one.. Really it difficult to create web designs.. Google map is best one.. Compared to others without having any refresh we can map quickly.. Thanks for sharing this information with us..


who had a good lawyer, a friend or just throw off the contacts on all sorts of probate ?