Designing an About Us page isn't hard, but designing the perfect version isn't easy. It usually depends on your starting point; is it going to be a personalized design, or a branded operation? Is it to provide your own contact information, or to get the user's contact information? The following great examples will show you what goes into the design of a great About Us page.

1. Friendly interface

Friendly contact interface will always make people feel friendly, if it also has some functionality, and easy to read, users will feel more comfortable. "What can we help you with" directs users to click "join us", "hire us", and participate in email subscriptions.

2. Showcase offices around the world

On Tool's About page, the designers used a bold font to show the addresses and contact information for the team's offices in Los Angeles, New York, and France - which is what users clicking on the About page want to know. The right contact information, in a simple, straightforward design, does just that.

3. Simplify the communication process

Productiong Location's Contact Us page also uses a bold and visual page design, but unlike other similar pages, it simplifies the communication process by dividing up the content that users are likely to be interested in and the specific parts of the page that need to be communicated. It simplifies and streamlines the communication process by dividing up the content that users may be interested in and the specific sections they need to communicate with, so that users with different needs are directed directly to specific pages and sections.

4. Avatars and personalized messages

Put pictures of your designers and team members so that users can get to know you. The key is not whether your avatar is beautiful enough, but to let users know that behind this beautiful website is a real and ordinary designer like you and me, and it is the result of his or her hard work after designing. Avatars can make a page more personal, and they can make it more real and approachable.

5. Encourage communication

The core design purpose of an About page is usually to communicate, and Hello Innovation's page was designed to do just that: try to encourage users to communicate with the site. With a friendly and approachable design, leaving contact information encourages users from the copy to leaving an email address. How hard can it be to have a conversation?

6. Use images to convey metaphors

The Design Museum has a lot of design-related artifacts, and the phone number on the About Us page is not only an artifact of the site, but also serves as an important metaphor for conveying communication imagery to users.

About Us is a design pun.

7. Create memorable design

Quirky design and interesting copy are always memorable, and with the amount of information we receive every day, people only remember the ones that stand out. However, quirky design doesn't necessarily work for any brand or website, but for those that are quirky, a unique brainchild will always do the trick.

8. Show the brand's character

For websites, it makes sense to show the brand's character on the About page, and that's how Boone Selections elegantly and professionally incorporated the brand's color palette and related design elements into the About page. As a professional wine importer, Boone Selections' About Us page has a unique typography and scrolling page design that creates a branded look and feel.

9. Show contact information

This Also's About Us page design is reliable and on-point, with a map of the page marking out the location of the company, and even if it's not, when you scroll down the page, you can also see the detailed address, subway rides along the line, and the email address and phone number for communication, and so on and so forth. And so on and so forth.

10. Give a hint

Instead of providing a traditional way to communicate, the About page on the website Deux Huit Huit is designed as an intuitive and simple dialog box. The "Say hello" dialog at the top is a very straightforward way of prompting the user to simply type in the content, which will be visible to the site's developers.

11. Open/working hours

For websites of organizations that have specific hours of operation, such as restaurants, museums, and stores, marking the About Us page with the hours that the store is open and the hours that they accept phone inquiries allows the user to receive services more efficiently.

12. Use an eye-catching font

Panache's About page uses a very eye-catching headline font called "Travaillons Ensemble," which is a lighter, unique, but highly recognizable font. unique but highly recognizable.

13. Use a bold color scheme

The classic black, white, and yellow color scheme was used on Sponge's About page, and the contrasting colors combined with the meticulous attention to detail make the page look sharp and textured. The designers applied bright colors to the most critical information, making it easier for users to notice them.

14. Use visual illustrations

Illustrations can always be used to capture the user's attention in a more visual way, especially if they are stylized and personalized enough.Legwork Studio's about us page includes a wolf-headed man illustration with handwritten fonts to create a personalized atmosphere.

15. Use minimalist graphics

Instead of using complex design techniques, Giampiero Bodini's about us page puts a simple rectangle on a sketchy, busy background, where the contact information and related information is placed. The contrast between complexity and simplicity, between hand-drawn and graphic, is striking.

16, communicate with the help of a form

Communication is mutual, you can send a message to the site, or you can leave contact information, so that the operator of the site to send you a message. QED Group directly in the contact us page to leave a form, you can leave contact information through this form.

17, using a monochrome color scheme

Simple elegance and easy to read is the design style of Joseph A Avoue's website contact us page, there is no flashy design or fancy features, a slim ring with the most basic contact information in the middle, it's just so straightforward.

18. Humor

Humorous designers don't miss an opportunity to be funny, and Bio-Bak's designers have been known to make a splash even on the contact page. The graffiti fonts and playful copy are so funny you can't help but feel the humor in every detail.

19. Fill out a form

Anakin's about us page also lets users fill out contact information, but the design of the form is even more unique - there's no dedicated form, and instead, it uses placeholders to prompt the user for what they need to fill out in each location, which is thoughtful, intuitive, and very heartfelt.

20, personalized office display

Similar to the second case, CPB Group has offices around the world, but in the design of the style is more unique, the content of the offices around the world and personalized backgrounds into one, the information has been consolidated, the way to show the personality of the full.

21. Introduce your business

It's not uncommon to introduce yourself on your About page, but there's a lot more that can be done, such as introducing your business, showcasing your brand, and enticing users to come in and talk to you - that's what Hello Monday does on their About page. Hello Monday's About Us page does just that.

22. Video backgrounds

Adding a video background to a website is a very popular way to do this, and Moodboard, a movie production studio, used a video background on their About page that not only fit the nature of their team's work, but also brought the About page to life.

23. Use a grid layout

Grids are always your best friend when it comes to designing a structured page, and Urban Influence's about us page uses a grid to organize information throughout the page, with the content to be displayed, the sections that allow for user input, the decorative sections, and the maps for display all clearly delineated on the page. are distributed across the page with clear boundaries.

24. Make the interface more user-friendly

Designers have a lot of work to do if they want to make the interface more user-friendly. Clear and easy to read interface design is the most basic, the information should be able to be clearly transmitted, no aggressive color scheme, let people feel familiar, friendly presentation, easy to operate the interaction, this is the designer to do a good job.

25, step-by-step guidance

Getting in touch involves a series of operations, and if the entire interaction process is split into a number of steps, guiding the user step by step to the operation, adding kinetic effects and micro-interactions, it's definitely a different experience.

26, add contact shortcuts

The people in charge of different parts of the team are usually different, and users usually have a clear goal when they open the contact page, so how do you add a FAQ section and add contact information for specific contacts so that users can communicate more directly with different people? How can we add an FAQ section and add contact information for specific people so that users can communicate more directly with the different people in charge?

27. Integrate with the rest of the site

Robby Leonardi's site seems to have been designed as a flat computer game, where you navigate through the pages and the main character goes to different pages and does different things, and going to the About page is one of those "scenes". A "scene". It's a way of integrating the page that's worth learning.

28, team photo

Behind many websites is a whole team of developers and designers working together, and it makes sense to use a team photo as the background image for the About Us page.

29. Use white space

Often white space reinforces a sense of space and structure on a page, and Beta Tataki placed a well-designed phone number on the About page, which reinforces the presence of contact information and other content.

30. Use typography

Well-designed typography is not only decorative, but it can also carry content, and Pauline Osmont's contact us page uses black, silver, and gold to build an appealing typographic masterpiece. As you scroll down the page, you can see the form is easy to read with the typography in place.

31. Hands-on display

This is one of the more common ways of presenting content in recent years, with the designer holding up a display board to show off the design. If you use it on your contact us page, it's a great way to show off your work. On Mark Jaworkski's page, the designer's skills, profile, and message form are all neatly displayed on a whiteboard held up flat.

32. List social media contacts

What website doesn't have a few social media accounts these days? Posting links to your site's social media accounts on your about us page makes it easier for many users to connect.

33. Borrow from traditional methods of communication

Retro style is great, but using traditional methods of communication seems to be more heartfelt and interesting, as Lionway's contact us page is designed as a postcard, and some of the regular information is simply listed on a printed bill.

Lionway's contact us page is designed as a postcard, and some of the regular information is simply listed on a printed bill.

34, playful copy

Copywriting is also an important part of the contact us page, and while friendly, humorous copywriting will make users feel close, playful, witty copywriting will be just as memorable.

35. Show your personality

Design studio Resn's contact page design is definitely one of the most personalized pages in the group, with 80s-inspired design elements and images of team members in animal headgear making up the bulk of the page.

36. Use infographics

Infographics have been on the rise in recent years, and if you have the right content to show, it's a good idea to use them on your about page. quicksprout's about page uses infographics to present the content in a way that's easy to read and accurate. It's clear, easy to read, and accurate.

37. Animation and cartoons

Using cartoons and anime-style images of the designers and design team on the contact us page is a very common and effective way to present the designers and design team, and Melonfree's about page puts a cartoon of the designers and developers on display.

38. Use translucent graphics

The human eye always recognizes what it wants to monumentalize, so even if the translucent elements are loaded together, it doesn't affect the reading experience particularly badly. Indofolio makes great use of translucent elements by placing the core contact information on a semi-transparent rectangle, so that the user can still see the details of the background through the graphic, but can't lose sight of the key contact information.

39. Hand-drawn effects

Hand-drawn contact pages, especially the ones that are still very eye-catching, always make users feel the designer's thoughtfulness, and Mario Petrone's page design is very playful and fun.

40. Use only a dropdown box

Spokes Pedicabs' Contact Us page is not really a full page, but uses a dropdown box instead, and when you click on a link in the navigation, the dropdown box appears in a bright orange color.

Web design color palette case study

Orange is also known as orange or tangerine, and its penetrating power is second only to red, and the color sense is warmer than red. Orange is a very lively color in web design, giving people a feeling of flamboyance and warmth, excitement and enthusiasm, joy and vitality, as well as an uplifting color.

Orange in the web page is used in a very wide range, you can change the hue to create a different atmosphere, not only to show youthful vitality, but also to achieve a stable effect. The wavelength of orange resides between red and yellow, and has the symbolism of health, vitality, courage and freedom, etc. In order to let everyone have a better understanding of orange, the following are different types of web pages to analyze.

I. Food and Diet Web Design Case Study

Recommended Case: Orange + Yellow + Deep Orange

The whole page is dominated by the color orange, through the different brightness and purity of the "yellow" to reconcile, the page is very harmonious and does not appear monotonous. Very good to highlight the picture, food pictures are similar in color, so it will not be very abrupt. And the use of white will be the page layered, there is a sense of hierarchy.

II. Entertainment web page case study

Recommended case: dark orange + earthy yellow + yellow

The whole page is the use of dark orange and light yellow collocation to show, so that the page looks more warm, dark padding, yellow text, to achieve a prominent but not abrupt visual effect, gives the site vitality.

Three. E-commerce website case study

Recommended case: orange + khaki + green

This case uses relatively more colors, and the orange navigation supplemented by higher brightness khaki, does not look very messy, but more distinctive, very lively. Coupled with the use of some green buttons to embellish the page, the page appears less monotonous, there is a little bit of green in the orange visual effect.

IV. Science and Technology Development Agency website case study

The page is relatively colorful, but it makes people feel that there is order in the chaos. You can notice that the page are using crimson as the text, and orange appears in the vicinity of the red text, for example, the top of the orange background of the red text, the big title red subheading orange, these elements make the page in order in the chaos.

Summary: the use of orange is very much, adjust the saturation, purity can achieve a very good visual effect, of course, in the visual impact at the same time, it can be appropriate to use a small amount of contrasting colors and moderate in the visual, thus weakening the visual fatigue.