About us page design is not difficult, but it is not easy to design a perfect version. It usually depends on your starting point; is it going to be a personalized design, or a branded operation? Is it about providing your own contact information, or getting 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, the user will feel more comfortable. "Whatcanwehelpyouwith" can guide users to click on "join us", "hire us" and participate in email subscription.
2. Showcasing offices around the world
Tool's About page shows the addresses and contact information for the team's offices in Los Angeles, New York, and France in a bold font, and that's 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
ProductiongLocation's Contact Us page also uses a bold and visual page design, but unlike other pages of its kind, it simplifies the communication process by dividing up the content that users are likely to be interested in and the specific parts of the site that need to be communicated with, so that users with different needs are directed directly to specific pages and sections. to specific pages and sections, thus achieving the purpose of simplification and triage.
4. Avatars and personalized messages
Put up pictures of your designers and team members so that users can get to know you. The key is not whether your avatar is pretty enough or not, 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 efforts after the design. Avatars can make a page more personalized, as well as make it more real and approachable.
5. Encouraging users to communicate
The core design purpose of an About page is usually to communicate, and HelloInnovation's page design fully implements this idea: it tries to encourage users to actively communicate with the site. Using 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, with pictures to convey the metaphor
Design Museum in the collection of many design-related collectibles, and about us page in the phone is not only the site's collection, but also as an important metaphor to the user to convey the "communication" of the imagery, which is also considered a kind of design on the This is also a kind of design "pun".
7. Creating memorable design
Wacky design and interesting copy are always memorable, and with the vast amount of information that is ingested every day, people will only remember the ones that stand out. However, quirky design doesn't necessarily work for any brand on any website, but for the quirky ones, those unique brainstorms always work.
8. Show the brand's character
It's only natural for a website to show its own brand's character on its About page, and that's how BooneSelections elegantly and professionally incorporated the brand's color palette and related design elements into its About page. As a professional wine importer, BooneSelections' About Us page has a unique typography and scrolling page design that creates a branded look and feel.
9, show contact
ThisAlso's about us page design can be said to be reliable and in place, the page map marked out the company's location, even if, when you scroll down the page, you can also see the detailed address of the description, along the way the subway ride, the communication of the e-mail address, phone number, and so on and so forth, and so on.
10, give a hint
Website DeuxHuitHuit's about us page does not provide a traditional sense of communication, but is designed as an intuitive and simple dialog box. The "Sayhello" dialog at the top is a very straightforward way to prompt the user to enter content that the site's developers can see.
11. Open/working hours
For the official websites of organizations with specific opening hours, such as restaurants, museums, and stores, marking the opening hours of the store and the time for telephone inquiries on the About Us page allows users to receive services more efficiently.
12, use eye-catching fonts
Panache's about us page title font using a very eye-catching "TravaillonsEnsemble", this font is more lightweight, although unique but has a very high degree of recognition.
13. Bold color scheme
The classic black, white, and yellow color scheme is used on Sponge's About page, and the contrasting colors combined with the meticulous detailing 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 figurative illustrations
Illustrations can always be used to attract users' attention in a more visual way, especially if they are stylized and personalized enough. LegworkStudio's About Us page includes a wolf-headed man illustration with handwritten fonts to create a personalized atmosphere.
15. Use minimalist graphics
GiampieroBodini's about us page doesn't use complex design techniques, but instead puts a simple rectangle on a sketchy, busy background, placing contact information and related information within it. The contrast between complexity and simplicity, between hand-drawn and graphic, is striking.
16, with the help of the form to communicate
Communication is mutual, you can send information to the site, you can also leave contact information, so that the site operator to send you information. QEDGroup directly in the contact us page to leave a form, you can leave contact information through this form.
17, the use of monochrome color scheme
Simple elegance and easy to read is the design style of JosephAAvoue's website contact us page, there is no flashy design, there is no fancy features, a slim ring, in the middle of the most basic contact information, it's just so straightforward.
18, humor
Humorous designers will not let go of any opportunity to make fun of Bio-Bak's designers even in the contact us page will be a claptrap. The graffiti fonts and playful copy make you laugh, and you can feel the designer's sense of 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, but rather a placeholder that prompts the user to fill out the form in each location, which is thoughtful, intuitive, and very heartfelt.
20, personalized office display
and the second case is similar, CPB Group has offices around the world, but in the design of the style is also more unique, the content of the offices around the personalized background into one, the information has been integrated, the way to show the personality of the full.
21. Introduce your business
It's not uncommon to introduce yourself on an about page, but there's a lot more you can do than that, such as introducing your business, showcasing your brand, and enticing users to come in for a chat, which is what HelloMonday's about page does.
22, video background
Inside the site to add a video background has been a very popular means, and as a movie production studio and the existence of Moodboard in the about us page in the use of video background is not only in line with the nature of their team's work, but also to make the whole about us page more vivid.
23. Use a grid layout
To design a structured page, a grid is always your best friend, and UrbanInfluence's About page uses a grid to organize the information on the page, the content to be displayed, the user input, the decorative parts, and the maps for the displays, all clearly delineated and spread out on the page.
24, make the interface more friendly
If you make the interface more friendly, the designer has to do not a lot of work. Clear and easy to read interface design is the most basic, the information should be able to clearly convey, no aggressive color scheme, let a person feel familiar, friendly presentation, easy to operate the interaction, this is the place where the designer has to do a good job.
25, step-by-step guidance
Getting in touch contains a series of operations, if the entire interactive process is split into a number of steps, step by step to guide the user to operate, adding dynamic effects and micro-interaction, this is definitely a different experience.
26, add contact shortcuts
The people in charge of different parts of the team are usually not the same, and users usually have a clear goal when they open the contact us page, so how to add the FAQ section to it, and add the contact information of specific contacts, so that users can communicate with the people in charge of different parts of the team more directly.
27. Integration with the rest of the site
Robby Leonardi's site seems to have been designed as a flat computer game, where the main character goes to different pages to do different things as you browse the pages, and the About page is one of those "scenes". A "scene". It's a way of integrating the page that is worth learning.
28, team photo
Many sites are a whole development and design team behind the operation, with team members as the background image of the About Us page is also very reasonable and personalized approach.
29. Use white space
White space is often used to emphasize a sense of space and structure on a page, and BetaTataki's about us page has a well-designed phone number, which reinforces the presence of contact information and other content through white space.
30. Use typography
Well-designed typography is not only decorative, but also carries certain content.PaulineOsmont's contact us page uses black, silver and gold to build an appealing typographic master visual design. As you scroll down the page, you can see the easy-to-read form with the typography in place.
31, hands-on display
This is also a relatively common way of presenting content in recent years, with the designer holding up a display board to show off the design work. If used in the contact us page, this designer approach is also quite appropriate it. On Mark Jaworkski's page, the designer's skills, profile, and form for leaving a comment are all neatly displayed on a flat whiteboard.
32. List social media contacts
What website doesn't have a few social media accounts these days? Posting links to each of your site's social media accounts on your about us page will make it easier for many users to get in touch.
33. Borrowing from traditional communication methods
Retro style is great, but using traditional contact information seems to be a lot more thoughtful and interesting, as Lionway's contact us page is designed to look like a postcard, and some of the regular information is simply listed on a printable bill.
34, playful copy
Copywriting is also an important part of the contact us page. Kind, humorous copywriting will make users feel close to the site, but similarly, playful, witty copywriting will be just as memorable.
35. Show your personality
Design studio Resn's Contact Us page design is definitely one of the most personalized pages in the group, with 80s-inspired design elements and pictures of team members in animal headgear making up the main body of the page.
36. Use of infographics
Infographics have been on the rise in recent years, and it's a good idea to use them on an about page if you have the right content to show. quicksprout's about page uses infographics to present its content in a way that's clear and easy to read, and accurate to the point.
37, animation and cartoon
The use of cartoon and anime-style images to present designers and design teams on a contact us page is a fairly common and effective tactic, and Melonfree's about us page puts cartoon images of designers and developers on display.
38, the use of semi-transparent graphics
The human eye will always consciously recognize the content of the monument, so even if the semi-transparent elements are loaded together, it will not be a particularly serious impact on the reading experience. Indofolio's page design makes full use of the semi-transparent elements of the core contact information on the semi-transparent rectangle, through the graphics users can still see the background details, but does not affect the reading experience. The graphical user can still see the details of the background, but will not be unable to see the key contact information.
39, hand-drawn effect
Hand-drawn contact us page, especially those who draw quite eye-catching page, always let the user feel the designer's thoughtfulness. marioPetrone's page design is quite playful and interesting.
40, only a drop-down box
SpokesPedicabs contact us page can not talk about a complete page, but a drop-down box instead, when you click on the link in the navigation, there will be this eye-catching orange drop-down box.
Web design color case study
Orange is also known as orangish or tangerine, its penetrating power is second only to red, 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. Orange wavelength resides between red and yellow, has a healthy, energetic, brave and free symbolism, in order to let you 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 not monotonous. Very well highlighted pictures, food pictures are also similar in color, so it will not be very abrupt. And the use of white will be layered web page, 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 that the page looks warmer, dark color 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 will appear less monotonous, there is a little bit of green in the middle of the orange visual effect.
Four. Science and Technology Development Agency website case study
The colors used on the page are relatively mixed, but it makes people feel that there is order in the chaos. You can notice that the page are using deep red as text, and orange appears near the red text, for example, the top of the red text on an orange background, the big title red subheading orange, these elements make the page orderly in chaos.
Summary: the use of orange is very much, adjust the saturation, purity can achieve a very good visual effect, of course, at the same time as the visual impact, it can be appropriate to use a small amount of contrasting colors to moderate in the visual, thus weakening the visual fatigue.
How to show the application of illustration in packaging design?Illustration, also known as illustration, as an important form of visual communication in modern design, has been widely used in many fields of modern design, and has become one of the important forms of packaging and product design. With its unique artistic charm and rich expressive language, illustration has been increasingly attracted the attention of designers, and also because of its unique stylized performance, it has brought a refreshing experience to the packaging market, which is y loved by the public. Illustration has a variety of expression methods, different brushes, different designers to show the style is completely different. It is based on the versatility of its style can draw on the creative style of illustration, based on the analysis of the attributes and qualities of the commodity itself, to create a strong visual appeal of the packaging works, as shown below.
Illustration can express a completely different feeling from photography, creating a dazzling diversity of forms, the combination of illustration and packaging design gives designers a great deal of creative freedom, designers can boldly try a variety of styles of design: exaggerated style can highlight the characteristics of the packaging, add interest to the packaging, suitable for creative product packaging, as shown in Figure 2.1 below; black and white sketch lines are Reflects the simplicity and nature of the packaging, giving people a quiet, friendly feeling, used in the humanistic atmosphere of the packaging of goods, such as Figure 2.2; small fresh style, healing style illustration, gives people a pleasing, warm feeling, loved by women, mostly used in cosmetics, paper towels and other commodities, such as packaging, as shown in Figure 2.3 below; illustration with ethnic style, affected by the region, customs, commonly used in tea and other characteristics of the packaging of the product
The rich artistic modeling language of illustration itself, aesthetic, realistic, retro and many other styles can be integrated into clothing, cosmetics, food packaging design, not only to meet the different emotional needs of different consumers, while obtaining good design and communication effects. Illustration packaging design gives people a sense of reverie through beautiful modeling, and guides consumers' associative feelings to convey information. The application of illustration in packaging has given packaging a new form of decoration and visual communication concepts, bringing packaging design a new means of packaging and visual effects, and adding artistic charm and cultural connotation.
What kind of textbook illustrations do we need?The book forest clear words: I said that the ancients to books and said, where there are books there must be a picture
Pictures not only explain and illustrate the role of the text, but also able to expand the idea, cultivate the sense of beauty
. So text illustrations are of great importance. But such an intention has been tainted by children's textbook illustrations of characters with strange eyes and bizarre expressions, devoid of any sense of beauty, once on seven hot searches.How to make the illustrations both authentic and able to attract the attention of students, which is very worthy of our serious thinking speculation.
The illustrations are consistent with the text
Research has shown that appropriate illustrations are conducive to children's understanding of the text,
improving their reading comprehension, shortening their reading time, and helping them to better grasp the content of the textbooks they are studying.
When the illustrations are not consistent with the text, they do not fulfill their own significance, and cannot play a role in promoting learning. A case in point is the Humanistic version of the math textbook, which is a case in point of error!
Correctly communicating beauty and ugliness
Illustrations have a great appeal to children, and we need to create a positive and optimistic picture for them
. Instead of today's pictures of wide eye spacing, collapsed noses, strange eyes, tongues out, etc., which not only bring down children's aesthetics, but also create psychological shadows.We learned from our interviews that children also agree that the illustrations in the text are strange and unattractive, and even fearful. So we need to spread the word about beauty and ugliness, and build up the children's sense of aesthetics.
Memorizing the martyrs and forgetting the national shame
It's hard to tell without seeing it, but it's hard to tell without seeing it. From the textbooks for elementary school students, we can see that the boys are samurai hairstyles, dressed in stars and stripes, wearing the Captain America logo headphones, and even the illustration of the aircraft is the invasion of the Japanese Navy Kawasaki water fighter strong wind "N33K".
We have to miss when the textbooks on the Wolf Tooth Mountain Five Heroes, Junior Leapfrog, Cao Chong weighed elephant ...... Once a wonderful illustration to remember.
Aesthetic education is not a specialized education, but should be carried out in a subtle
For children, it is the age of love to play and good action, boring courses, their attention will be more focused on the illustrations. So the content of the illustrations is very important!We need to listen to the views of a wide range of people and strive for excellence,
to help children recognize the true beauty of the instillation of knowledge at the same time, to cultivate their recognition of "elegance"
. We will kill the vulgarity in the cradle and work hard to build a positive, cheerful and sound personality for them!