7 hot design tips to give your “about us” page a second life
description
Transcript of 7 hot design tips to give your “about us” page a second life
![Page 1: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/1.jpg)
7 hot design tips to give your “About us” page a second life
![Page 2: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/2.jpg)
Building a powerful "About us" page (or "Meet our team," "About the company,"
etc.) is not a trivial task anymore.
The Fact
For more info visit: http://webmeup.com/blog/about-us-page-design.html
![Page 3: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/3.jpg)
The truth is,
you have to change your approach towards the "About us" pages.
And these 7 techniques will help you get inspired.
![Page 4: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/4.jpg)
#1. Minimalism of Shapes and Colors
One of the current trends,
common for the whole Web is simplicity of form and color.
![Page 5: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/5.jpg)
#1. Minimalism of Shapes and Colors
Clean lines and simple shapes help get through the clutter and
make a good impression on users.
![Page 6: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/6.jpg)
Studiompls
has designed their team page in a minimalistic way.
It includes big photos (of high-quality) and bio text. The page is
well-structured and looks neat.
![Page 7: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/7.jpg)
![Page 8: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/8.jpg)
In addition to this, they've added a banner with office pictures at the top of the page (including the
photo of the office doggy!)
![Page 9: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/9.jpg)
If your company is only developing and you are just 2-5 people,
you can make one common picture in your
working environment.
#2 One Common Picture
![Page 10: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/10.jpg)
Here is a great example by Oneblis:
#2 One Common Picture
![Page 11: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/11.jpg)
![Page 12: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/12.jpg)
#2 One Common Picture
and Kickstarter made it animated:
![Page 13: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/13.jpg)
![Page 14: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/14.jpg)
Such a single picture saves you page space and displays how
united your team is.
#2 One Common Picture
![Page 15: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/15.jpg)
Then even the most shy people in your company will feel
comfortable with their image on the page.
#3 Illustrate Your Team
![Page 16: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/16.jpg)
For many reasons companies choose illustration and drawings instead of real
photographs.
#3 Illustrate Your Team
![Page 17: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/17.jpg)
Here's an example from Creative Spark:
#3 Illustrate Your Team
![Page 18: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/18.jpg)
![Page 19: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/19.jpg)
#3 One Common Picture
Cool, isn’t it?
#3 Illustrate Your Team
![Page 20: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/20.jpg)
Reading about people and their hobbies helps users better
understand their mindset and (which is even more important)
makes feel closer.
#3 One Common Picture #4 Add Informal Details
![Page 21: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/21.jpg)
Greensplash has used this approach for their team page –
they've placed quite detailed bios with the
pictures of their hobbies:
#3 One Common Picture #3 Illustrate Your Team #4 Add Informal Details
![Page 22: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/22.jpg)
![Page 23: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/23.jpg)
A significant number of modern team pages have added
animated images to their designs.
#3 One Common Picture #5 Add Some Creative and Humorous
Animations#5 Add Some Creative and Humorous
Animations
![Page 24: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/24.jpg)
This makes pages look a bit more humorous and signals users that you are a creative team that's
not afraid to look different.
#3 One Common Picture #5 Add Some Creative and Humorous
Animations#5 Add Some Creative and Humorous
Animations
![Page 25: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/25.jpg)
You can animate employees' photos/avatars or even
the whole page.
Check the example by Tribal and Olainteractive :
#3 One Common Picture #5 Add Some Creative and Humorous
Animations#5 Add Some Creative and Humorous
Animations
![Page 26: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/26.jpg)
![Page 27: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/27.jpg)
![Page 28: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/28.jpg)
Video is another popular format of telling your company's story.
#3 One Common Picture #6 Add a Video Presentation
![Page 29: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/29.jpg)
Producing a video is a good way of showing people, working
environment, as well as telling about
how it all started.
#3 One Common Picture #6 Add a Video Presentation
![Page 30: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/30.jpg)
#3 One Common Picture #5 Add Some Creative and Humorous
Animations#6 Add a Video Presentation
Ugmonk, the design company, has a very touching video, introducing their team:
![Page 32: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/32.jpg)
Infographics are a powerful tool to represent a huge amount of
data (sometimes pretty boring) in the eye-catching form.
#3 One Common Picture #7 Use Infographics and Data Visualization
![Page 33: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/33.jpg)
First of all, the page will stand out and attract user's attention.
Secondly, your page may get listed by top design bloggers reviewing
infographics, which will bring good traffic links to your site.
#3 One Common Picture #7 Use Infographics and Data Visualization
![Page 34: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/34.jpg)
Here's an outstanding example of page visualization – Wildlife.la has incorporated (!) animated
infographics to tell their story:
#3 One Common Picture #7 Use Infographics and Data Visualization
![Page 36: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/36.jpg)
Be creative and think out of the box, but don't overdo – always
think about site's visitors and how they will perceive the information
you publish.
#3 One Common Picture Final thoughts
![Page 37: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/37.jpg)
Take a look at your company’s page and see how it may be changed to make a better
impression.
#3 One Common Picture Final thoughts
![Page 38: 7 hot design tips to give your “about us” page a second life](https://reader035.fdocuments.us/reader035/viewer/2022081512/554cfe46b4c905ae138b55c2/html5/thumbnails/38.jpg)
For more details visit our blog:
http://webmeup.com/blog/about-us-page-design.html