What Is a Contact Page?
Your contact page is a crucial way of connecting you to future and existing customers. When it comes to your contact page, the design, form, and UX may need as much thought as your site’s homepage. That might sound crazy considering how much information is on the homepage, but let me explain: The message you send on this page needs to be clear and easy to use.A well-designed contact page should include:
- Contact form
- Phone number (and fax number)
- A Google Map embed with your location
- Online chat, especially for ecommerce stores and SaaS websites
![5 Creative and Effective Contact Pages](https://www.theedigital.com/wp-content/uploads/2019/05/creative-contact-FEATURED.jpg)
Here are 5 of our favorite effective and creative contact pages:
1. Yummygum.com
![yummygum Contact Page example](https://www.theedigital.com/wp-content/uploads/2019/05/yummygum-contact-page-1024x505.png)
![Creative Contact Page](https://www.theedigital.com/wp-content/uploads/2019/05/yummygum-fun-contact-page-300x140.png)
![Fun but Serious contact form](https://www.theedigital.com/wp-content/uploads/2019/05/yummygum-serious-page-300x140.png)
Important notes to take away:
1. Showcase your personality – Yummygum’s personality and light-hearted nature comes through in their contact form. By using ‘let’s talk’ instead of ‘fill out our form’, you already feel at ease communicating with them. 2. Guide users down the path – Yummygum narrows down why someone would need to contact them using a funny list of choices. This tactic can be used on any website, including a dental practice website, legal practice site, or local retail store. When creating your choices, think of WHY someone is contacting you. Give them the options first with a simple multiple choice list so they are less likely to feel overwhelmed filling out fields while still giving you and your team the information you need.2. Coca-Cola.com
![Coca Cola Contact Page](https://www.theedigital.com/wp-content/uploads/2019/05/coca-cola-contact-page-e1558711839321.png)
![Coke Chat page](https://www.theedigital.com/wp-content/uploads/2019/05/coke-chat-page.gif)
Important notes to take away:
1. Mobile-friendly experience – Coca Cola considered the mobile experience when creating their contact page. Now, anyone who visits their contact page will see/experience the same thing, just maybe in a different layout or format. 2. Multiple contact methods – The chat feature may not work for you, but including a form, a phone number, an email, or another contact method can increase the chances of someone getting in touch with you. Options are good! 3. Use FAQs – Give the customer a link to your FAQs (you do have a FAQ page, right?). They may find what they’re looking for faster if it has been answered (and if you put it in that FAQ page that I know you have). 4. Creating a user experience – Now, I must admit that I would take Pepsi over Coke (unless it’s Cherry Coke of course), but when we’re talking about creating EFFECTIVE contact pages, Coke wins over Pepsi. Hands down. The debate is over! Pepsi introduced all their brands on their contact page resulting in an overwhelming experience. Even after you selected the product you want to discuss, they immediately force you to “search” for your answer by TYPING a question! Coca Cola, you have a great user experience +2 points to you!3. erminandoaliaj.com
Less is more. You’ve heard the phrase before so now we’ll see what that looks like on your contact page!![Erminando Aliaj Less is More](https://www.theedigital.com/wp-content/uploads/2019/05/erminandoaliaj-contact-page-example-clean.png)
![Erminando Aliaj Animation](https://www.theedigital.com/wp-content/uploads/2019/05/erminandoaliaj-contact-page.gif)
Important notes to take away:
1. Simple, clean forms – Simple and clean forms VERY clearly lets the user know where they are on the form and what to do. 2. “Less is more” – Keep your site menu clean. I would not recommend your menu wrap around your content for most companies. This site belongs to a photographer and this is their take on a contact page and that is ok.4. BrandAffair.ro
![BrandAffair Contact Page](https://www.theedigital.com/wp-content/uploads/2019/05/brandaffair-contact-page-1024x478.png)
Important notes to take away:
1. Use color – Color can help break up sections on a page and draw attention to what is most important. 2. Layout – A consistent layout of text will create a natural flow for the eye and guide users directly where you want them to be.5. HubSpot.com
![HubSpot Contact Page Example](https://www.theedigital.com/wp-content/uploads/2019/05/hubspot-contact-page-e1558730695493-1024x699.png)
Important notes to take away:
1. Think about the customer journey. Make the customer’s journey easier by guiding them down the right path from the very start.Before We Go!
Always Consider Mobile
Many of your customers could be using the mobile version of your site so make sure that the mobile experience is top-notch! Consider using Modal Forms as they can utilize the screen space when they are needed without taking up prime real estate when they aren’t needed.![DocMattDirect Modal Form](https://www.theedigital.com/wp-content/uploads/2019/05/docmattdirect-modal-form.gif)
![DocMattDirect Landing Page Modal Form](https://www.theedigital.com/wp-content/uploads/2019/05/docmatt-landing-form.gif)
Remember Your Manners
Keep the user on your site with a simple “Thank You” message that CLEARLY conveys the message was sent successfully can make all the difference. Test your form to make sure the thank you message displays and makes sense.![Thank You Page Animation](https://www.theedigital.com/wp-content/uploads/2019/05/thank-you-page-animation.gif)
Don’t Ignore Your Contact Pages
Something happened (could be good or bad) to your customer in order for them to get to your contact page. It could be that they love what they see and want more information or that they’re upset and coming to you for help. In most cases, your contact form should only ask for the essential information: Name, Email, Message. Sure you can ask for a phone number, but not everyone is willing to share that information until they trust you and your company. So, use these examples to build the best, most effective and creative contact pages that match your brand while making it easy and clear for users to contact you! Good luck!Need a UX Design Agency?
Let us create a visually interesting contact page for your website! Contact the web designers at TheeDigital in Raleigh, NC at 919-341-8901 or schedule a consultation.
Tags: Web Design