Photo illustration-How about Nanjing Andersen Illustration Exhibition

25 unique and thoughtful "About Us" page designs

Undoubtedly, you won't get a second chance to make a "first impression". Every website has the functions of introducing products, providing services and discussing from the front page to the sub-page. Only the "About Us" page is related to the creator of products and services-ourselves, which is why it is so important.

A successful "About Us" is more than just filling a page with brand, company and team information. You need to treat the team and brand as a whole, presenting a unique style and different personalities for users to remember.

it sounds like a particularly difficult thing, but it's not complicated after careful consideration. It's enough to choose the design skills of walking the kidney, choose a modern or simple style that matches your own brand, and show your team in the most thoughtful way.

it sounds mysterious, so it's better to look at other people's cases to be intuitive.

1. Eye-catching colors and bright color matching

Strict color matching and eye-catching tone selection make the design of Rook's About Us page look simple and prominent. Eye-catching gold runs through the whole design, from LOGO to image and typesetting.

In the processing of pictures and members' photos, the designer has adopted a monochrome color filter, which makes our page more strict and uniform in color, and the branded design can be seen at a glance here.

2. Hand-painted typesetting and simple pictures

The design of "About Us" page of p>Madebyband is quite different. Combining the characteristics of the brand, of course, it is also to express the personality. Their pages use many hand-painted fonts and typesetting, and cooperate with the pictures of handmade products to convey the brand's personality. The whole page design is concise, and a large number of blank spaces also balance the structure of the page.

Therefore, whether it's a custom font or a custom picture, it's a reliable means to show brand personality and express team differentiation.

3. Skillful illustrations and lively color matching

The most common information in the "About Us" page is the photos and locations of the team, so why should it be presented in a traditional and rigid way? PulpFingers didn't do this. The designer chose three colors to make sharp and very stylish illustrations, which are not only beautiful but also interesting, unique and attractive enough. As an enterprise, the "About Us" page is absolutely unique and unforgettable.

4. Professional team photo and put in order's typesetting

Do the photos of team members have to be individual? Not necessarily, a professional group photo is also a good choice (a group of people standing on the stairs at the entrance of a building to shoot at random, and there are too many such group photos in China, far from being professional, so it is usually very against the will to put them here). Many companies have done this kind of professional team member photography, and it is easy to do it too "business style". Not many of them have done it with style and just right. Interested students can look for a photo of the male god of the hammer technology team, and there is probably a Jam3 team photo style.

The JAM 3 team chose a uniform black dress, which is full of texture, mature and exquisite against a dark background, and is the absolute focus. The typesetting and background with this picture are very modern and refreshing, with clear priorities.

of course, the problem with this kind of group photo is that if the team members change, you have to take it again. If this is not a problem, let's send it.

5. Eye-catching headlines and interesting animations

If you want customers, future employees and colleagues to know exactly where your brand value lies, why not write these core contents directly and conspicuously? That's what Purple,Rock,Scissors did. This "About Us" page is also very intimate in two places. One is the short video background, which shows the working environment and the overall atmosphere well. The other is the design of team members' heads. When hovering the mouse, you can see the dynamic effect of the changes of characters' expressions, which is not only intimate but also interesting.

6. Two-color collocation and bold illustration

MikeKus's "About Us" page design adopts a unique two-color collocation, with the foreground color being yellow and the background color being red. The advantage of two-color collocation lies in its strong cohesion. This style is usually heavy and retro, and it can well enhance the feeling of brand color. Another fascinating place is the bold illustration-brain.

Of course, matching plays a decisive role in the whole design. It is not easy to make a reliable color matching. You might as well search for color matching in the search box on the excellent home page. It will be a surprise.

7. Clean graphics and information visualization

Would you prefer visually prominent graphics to whole text? Then take a look at Huge's About Us page. This company uses pioneering and bold pictures to present their uniqueness, and the huge and concise title words make these pictures more tense, and at the same time convey their corporate values.

if graphics is the core of design, the use of infographics is logical. The key information is represented by information graph, which not only fits the overall style of the website, but also allows users to accept the information transmitted by the website more easily.

8. Neat typesetting and warm tones

Frankly speaking, the place where grids are most used is traditional media, and the way in which online media use grids is still different from it. However, StudioAlto's web page proves that web page typesetting can be similar to the typesetting style of traditional screen printing industry with the help of grids. The use of warm colors in the page makes the whole page more stylized, and the color similar to kraft paper makes the whole page feel by going up one flight of stairs.

9. Simple layout and clean white space

When designing web pages, white space is an important tool and element, so it is necessary to master the skills of using white space. MadeByShape's "About Us" page design is such a case. Angular shapes and different blocks are clearly separated by blank spaces, and soft tones give the page a sense of fashion and vitality. If the content of the page you design is very informative, you might as well make good use of the blank space.

1. Visual timeline and attractive color matching

If you want to show the development of a product, nothing is more suitable than a timeline. Moz's page design about us makes full use of this element. Timeline is not a fixed picture, and the events and contents in it can interact with users. In this way, the whole timeline can tell the whole story to the user, so that the user can also feel the sense of participation. Another highlight of the whole design is its color matching.

11. Illustrative pictures and warm tone

Do you have a strong behind-the-scenes team? If so, you might as well show them on the "About Us" page. In fact, the design of this page of FoodStudio doesn't involve too complicated skills. They just change the heads of team members into illustration styles, and with the warm tone, the style of the whole page stands out. The most important point of this design is unity, and consistency is the basis of stylization.

12. bold colors and oversized team photos

if you want to make your design more prominent and influential, try to make some elements bigger and the color scheme more eye-catching. As Mixd designed, the high-definition big picture of team members highlights the presence of each member, and with high-contrast color matching, the whole design looks very good. It is worth noting that you should choose the right elements to enlarge, not all of them, so there is no center of gravity.

13. fashionable pictures and simple layout

the whole design of p>KingdomCoffeeandCycles can be said to be a model of modern wind design, with simple layout, fashionable pictures, clean and tidy, and bright colors. Pictures are the focus of the visual design of the whole page, and the mixed collocation of pictures, videos and maps dispels the monotony and simplicity of the page. Technically, the designer used the team's Instagram works to make a collage and put it at the bottom of the page, which also looked very fashionable and interesting.

14. Concise graphics and sharp lines

This type of web page design is fashionable and modern, with clean appearance, lightweight picture selection, a large number of blank spaces and neat typesetting, which is very professional and very eye-catching. It can be called a perfect framework to carry a variety of content. At the same time, the design case of this page also shows the importance of blank space.

15. Boldly brighten colors and highlight information

6tematik is very interesting about our page design. Black and white color matching will never be out of date, but in some cases, black and white is not enough to meet all the needs, so this page uses high saturation red to blue as a bright color, which is bold and effective. It should be noted that the more information you highlight, the worse the highlighting effect, because the more highlighted places, the more difficult it is for users to find the really important places. So, what you need to do is to mark the really important things.

16. Big white space and small elements

Big and small are contrasted in many cases. Margin usually refers to the edge, blank space and boundary around the main body. Smaller boundaries can make the main body more tense and cover a wider range. But Alfred's page about us didn't do this. A lot of blank spaces and wide edges made the whole page look full of literary flavor, simple and relaxed. Although this design is unconventional, it is this unconventional design that makes the whole page full of unique style and tonality.

17. Unique fonts and personalized files

Unique handwritten fonts give the pages of BigCartel an extraordinary tension. Although simple, it makes the design shine. Personalized employee files are as unique as the unique fonts above, and the jagged and polymorphic design keeps the whole page consistent in breath. When you click the play button of the employee's head, a video with personality will be played, which is unique.

18. Modular layout and warm colors

When you see this page, I think you will also notice its unique design: the blocks of the page are carefully divided, and the content of each block will connect the preceding with the following, just like a ladder. In this way, modular pages are also very organized, neat and free. The color matching and drawing of the page are also very particular. The black and white tone matches the warm brown to create a warm atmosphere.

19. Eye-catching colors and bold pictures

The color of p>Visionaire is a typical example of boldness. The use of red Banner is extremely eye-catching and echoes the brand color. Scattered typesetting and unique picture use make users not easily forget this unusual website. The use of infographics is also a feature of this page about us.

2. Strong contrast and retro illustration

WoahNellyCatering's About Us page does not follow the most popular design techniques, but uses warm and nostalgic colors and design elements to create an atmosphere. Bright and beautiful illustrations not only make the page full of vitality, but also simple and intuitive. The subtlety of retro illustration lies in the addition of texture, which makes it feel very good, which also makes the elements with black characters on white background more conspicuous and stand out, forming a contrast.

21. Neat color matching and balanced typesetting

Beautiful sans-serif fonts, balanced typesetting and even and smooth color matching make EBPearls' About Us page look very professional. Reasonable use of white space and light color pictures gives people an elegant feeling.

22. Soft colors and simple illustrations

In many cases, the more complicated the design is, the better. EVABlackDesign's simple design about our page is more likely to create a fashionable and modern feeling. Simple warm-tone pictures combined with black, white and gray give people a soft feeling, embellished with simple illustrations, which makes the whole page have a little personality under put in order's design.

23. Dynamic and impactful typesetting

Want to make your design vivid and full of vitality? Then let them move! Replacing pictures with short videos or using GIF pictures are also popular design techniques at present. The use of pure black text and red elements makes the whole page full of personality and typography full of impact.

24. Creative typesetting and attractive pictures

The unique typesetting with the picture in the center is the interesting thing about our page, and the photos of team members are just in this position, which makes the typesetting of file information on both sides need to be aligned to the middle. The use of retro elements and color matching supports the design of the whole page, which is worth learning.

25. bold layout and color filter

bold use of unique and avant-garde layout is an unforgettable and important means, combined with personalized color matching, the effect is absolutely good. The choice of clean sans serif and the pictures under the color filter are the highlights of this page about us.

address of this article: thinking materials 4 excellent cases of web design

It is not difficult to design our page, but it is not easy to design a perfect version. It usually depends on your starting point, whether it is personalized design or brand operation. Do you want to provide your own contact information or get the user's contact information? The following excellent cases will tell you about how to design our pages.

1. Friendly interface

A friendly contact interface always makes people feel friendly. If it has some functionality and is easy to read, users will feel more comfortable. "Whatcanwehelpyouwith" can guide users to click "Join us", "Hire us" and participate in mail subscription.

2. Showing offices around the world

In the About Us page of p>Tool, the designer marked the addresses and contact information of the team's offices in

L.A.

, new york and French in bold fonts. Isn't that what the users who clicked on the About Us page wanted to know? Correct contact information, simple and direct design, that's how it is done.

3. Simplify the communication process

The contact page of p>ProductiongLocation also adopts bold and visual page design, but different from other similar pages, it simplifies the communication process, divides the content that users may pay attention to and the specific parts that need to communicate, so that users with different needs can be directly guided to specific pages and parts, thus achieving the purpose of simplification and diversion.

4. Avatar and personalized information

Put pictures of designers and team members to let users know you. The most important thing is not whether your avatar is beautiful enough, but to let users know that there is a real and ordinary designer like you and me behind this beautiful website, which is the result of his or her hard work. Avatar can make the page more personalized, but also make it more real and close.

5. Encourage users to communicate

About our page.