Contact us page: 20 creative examples to inspire you
Updated: Apr 20, 2022
The contact us pages are a bit underrated in web design. Some designers save all their creative energy for the website, store or portfolio. While these pages are definitely a priority, the humble contact page is also worthy of attention.
A contact page is the place where you enter information such as e-mail address, telephone number, postal address and location, created using a form builder. By using attractive and compelling design ideas, they attract customers and encourage website visitors to engage with the brand. The following sites have unique and engaging examples of contact pages.
When creating your own website, feel free to get inspiration from these examples when designing your contact us page.
01. Meria Ogawa
Meria Ogawa's contact page is not just a web design convenience; it is also a source of connection between herself and other creatives. To reflect on this idea, she uses a welcoming, empathetic language. The title is, for example, "Better together", instead of the usual "Contact us".
In addition, the light coral tone on the side comes as a pleasant surprise. This striking color draws visitors to the site with its playfulness and warmth, and encourages people to reach out.
02. Millions hit
Million Frames' contact us page is available via a separate contact button in the website's heading. This button is similar in function and appearance to an action-promoting button, and helps the contact page stand out and forces people to click.
The contact page itself is friendly and inviting, and reassures visitors with text such as "Let's chat. Tell me about your project "and" Let's create something together. "In addition to providing an email address, the site uses a contact form that allows customers to connect directly from the site.
03. Juliana Laface
Among the best sites is Juliana Laface's design services site. Like the rest of her page, her contact page does not leave us in any doubt about her design expertise. The page opens with a trendy light pink image on the first fold, overlaid with a large headline that reads "Contact".
As they scroll down, visitors are presented with a unique contact form design that asks for just the right amount of details. By requesting information such as budget and due date for projects, it is clear that Juliana intends to get started. For people who are not ready to fill in all the fields, she gives them an alternative - to book a free 15-minute consultation to discuss their projects. In this way, she is able to attract potential customers and guide them carefully through her sales funnel.
04. Dija Ouija
The Contact Us page on Dija Ouija's website contains an image of her product - in this case the artist's work - to capture the attention of site visitors. To the left of an image is a form marked "Contact me". Between the light pink, black and white used on both the image and the shape, the artist, Kahdija Murray, has adapted the contact page to suit her brand colors.
Interestingly, the contact us page not only includes standard names, emails and message fields, but it also includes several social media buttons. By clicking on these buttons, the user goes directly to Kahdija's social media pages, and provides another option to see her work and get in touch.
05. Sophie Westfall
Sophie Westfall gives her website for graphic design a dreamy feel by adding animated butterflies to her contact page. She replaces the usual "Contact Us" headline with a friendly "Hello!" Before asking people to contact her, she gives them a reason to contact her by explaining a little about her background and experience.
To make things convenient for visitors to her site, Sophie gives them more options to reach out. Her email address, LinkedIn profile and Instagram page are linked directly from the contact page. Below these links is a form that allows people to send her a message directly through the site.
Lumo's contact page is clear and minimalist, and uses text and spaces instead of images. The background is a soothing dark green, which helps it to pop even without the use of visual elements.
The contact page begins with the headline "Let's talk", followed by a short section that encourages people to get in touch. It also includes their email address and a link to their Instagram and Facebook pages. To the right of this is a contact form where visitors can submit their own name, e-mail address and message.
07. Lydia Hill Illustration
As a whole, Lydia Hill's artist website makes it easy to get in touch with her from any site. She includes a unique set of social share buttons in the headline, which helps potential customers find her on Facebook, Instagram, Dribble and more. These social buttons are complemented by a "Let's work together" tab in the navigation bar that takes users to her contact page.
The website's contact us page is simple and factual, and provides Lydia's e-mail address as well as a form that users can fill out to get in touch. The simplicity of the form is offset by the site's large, animated headline, which gives a feeling of cheerfulness and a color burst on each page of the page.
08. Teacup Bee
The artist Melissa Pagluica's website uses a contact us page that allows people to connect and at the same time highlight her design skills. The whole background on the page consists of Melissa's own illustrations, and gives a tempting glimpse of her talent that makes us want even more.
Above the illustration is a contact form, which is a little translucent so as not to distract from the drawings in the background. The fields are simple and straightforward, and help visitors get in touch while keeping their attention focused on the illustration instead of the contact process.
09. Rachel Lev
Artist Rachel Lev's contact page contains several important elements. First, there is a photograph of Rachel herself, which immediately makes the communication process feel more personal. In addition to including email, name, subject and message fields, she has also integrated Google maps with her website. This allows her to prominently show the location of her studio and invite visitors to drop by.
As a whole, the contact us page is simple and factual, with all important information about the visible part. The headline on the website shows her logo and one of her illustrations, and gives a happy impression on her contact page that can be seen on her entire page as well as the other websites.
10. AR design
It is clear that AR Designs is a gallery from the moment we enter their website. A large-scale abstract painting, with soothing shades of blue-green and gray, fills the background on the contact page. Above the painting is a text box that reads "Contact me", as well as a telephone number and a contact form where visitors can fill in their details and send a message.
For visitors looking for alternative communication methods, you will find more details at the bottom of the page. These include the owner, Ashleighs, email address, as well as social media buttons that link to her Facebook, Instagram and Houzz accounts.
11. Bodyrock Bootcamp
Bodyrock Bootcamp is a training program with a website that effectively reflects the brand. The contact us page uses strong shapes and bold text, and balances the seriousness of a black and white design with the subtle addition of energetic colors.
On the first part of the page is a contact form that asks for all standard details - name, email, phone number and message. Below that, they provide their own phone number and email address, combined with a tempting offer of a free one-on-one session. This offer, which seems too good to pass up, encourages people to get in touch, try out their services and become dedicated customers.
12. Transplant interface
Transplant Interface uses a consistent set of brand colors across the site, from a mint green and purple logo to the matching navigation bar. Your Contact Us page is no exception; they have customized it with a green and purple gradient stripe to ensure that every part of their site stays on the mark.
The page contains everything the most important: a contact form that asks visitors to leave details and send in a message, e-mail address and postal address. At the bottom of the page is a prominent, informative footer, which makes it easy for visitors to navigate the site and explore other pages.
MIGIZI is a youth education program that clearly shows the work and mission of all parts of their website - including the contact us page. This page is mainly divided into two parts, with their contact information on the left and a large image of the program on the right. The image not only makes the contact us page visually attractive, but it also emphasizes the program's benefits to interested partners and participants.
The contact page contains three unique elements: an interactive Google Maps image showing their location, a donate button, and an email signup button. This helps to accommodate every type of visitor - from people who want to donate to those who want to subscribe to their newsletter.
14. Evolve Clothing Gallery
The Contact Us page of Evolve Clothing Gallery is not only convenient; it is also very visual. The front and center of the page is an attractive image of their store, which builds interest and enthusiasm around their products.
Their contact page uses an inviting tone, giving readers a preview of the friendly service associated with their brand. Since they have both a physical store and an online store, they make sure to include opening hours and a map of their location next to the email address and phone number.
With a mission to provide healthy meal plans for night shift workers, Somni's website has a dark aesthetic that reflects late night hours. The contact us page is not only on the brand, but it is also trendy with a youthful sense of humor. The headline "Talk to me baby!" is a creative diversion from the standard "Contact Us" headline, making the brand instantly feel accessible and relatable.
The contact page includes all the necessities without overwhelming visitors: a contact form people can use to send a message, as well as social media buttons that link to the brand's Instagram and Facebook accounts.
16. Manetetic hairdresser
Mane Ethical Hairdressing's website has a user-friendly, easy-to-navigate contact us page with a fantastic layout. As a service company, she puts the most critical element at the top of the page: an "Order an appointment online" button that allows customers to schedule an appointment directly through the website.
Under the order button you will find the telephone number, e-mail address and physical address, as well as the company's opening hours and a box where people can send a personal message. To the right of this information is a large photograph showing an unclaimed cup of coffee and a cookie -