Building a powerful "About us" page (or "Meet our team," "About the company," etc.) is not a trivial task anymore. As users are getting more demanding on the Web, they don't want to read average corporate blah-blah-blah about how awesome your company is.
The truth is, you have to change your approach towards the "About us" pages and the 7 techniques below will help you get inspired.
http://webmeup.com/blog/about-us-page-design.html
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
7 hot design tips to give your “about us” page a second life
1. 7 hot design tips to give your “About us”
page a second life
2. The Fact
Building a powerful
"About us" page (or "Meet our
team," "About the company," etc.)
is not a trivial task anymore.
For more info visit: http://webmeup.com/blog/about-us-page-design.html
3. The truth is,
you have to change your approach
towards the "About us" pages.
And these 7 techniques will help you
get inspired.
4. #1. Minimalism of Shapes and Colors
One of the current trends, common
for the whole Web is
simplicity of form and color.
5. #1. Minimalism of Shapes and Colors
Clean lines and simple shapes help
get through the clutter and make a
good impression on users.
6. Studiompls
has designed their team page in a
minimalistic way.
It includes big photos (of highquality) and bio text. The page is
well-structured and looks neat.
7.
8. 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!)
9. #2 One Common Picture
If your company is only developing
and you are just 2-5 people,
you can make
one common picture in your working
environment.
10. #2 One Common Picture
Here is a great example by
Oneblis:
11.
12. #2 One Common Picture
and Kickstarter made it
animated:
13.
14. #2 One Common Picture
Such a single picture saves you page
space and displays how united your
team is.
15. #3 Illustrate Your Team
Then even the most shy people in
your company will feel comfortable
with their image on the page.
16. #3 Illustrate Your Team
For many reasons companies
choose illustration and drawings
instead of real photographs.
19. #3 One Common Picture
#3 Illustrate Your Team
Cool, isn’t it?
20. #3#4 Add Informal Details
One Common Picture
Reading about people and their hobbies
helps users better understand their
mindset and
(which is even more important)
makes feel closer.
21. #3#4 Add Informal Details
#3One Common Picture
Illustrate Your Team
Greensplash has used this
approach for their team page –
they've placed
quite detailed bios with the pictures
of their hobbies:
22.
23. #5 Add SomeCommon Picture
Creative and Humorous
#3 One
Animations
A significant number of modern
team pages have added animated
images to their designs.
24. #5 Add SomeCommon Picture
Creative and Humorous
#3 One
Animations
This makes pages look a bit more
humorous and signals users that
you are a creative team that's not
afraid to look different.
25. #5 Add SomeCommon Picture
Creative and Humorous
#3 One
Animations
You can animate employees'
photos/avatars or even
the whole page.
Check the example by Tribal and
Olainteractive :
26.
27.
28. #3 One Video Presentation
#6 Add aCommon Picture
Video is another popular format of
telling your company's story.
29. #3 One Video Presentation
#6 Add aCommon Picture
Producing a video is a good way of
showing people, working
environment, as well as telling about
how it all started.
30. #5 Add SomeCommon Picture
Creative and Humorous
#3 One
#6 Add a Video Presentation
Animations
Ugmonk, the design company, has a
very touching video, introducing
their team:
32. #7 Use #3 One Common Picture
Infographics and Data Visualization
Infographics are a powerful tool to
represent a huge amount of data
(sometimes pretty boring)
in the eye-catching form.
33. #7 Use #3 One Common Picture
Infographics and Data Visualization
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.
34. #7 Use #3 One Common Picture
Infographics and Data Visualization
Here's an outstanding example of
page visualization – Wildlife.la has
incorporated (!) animated
infographics to tell their story:
36. #3 One Common Picture
Final thoughts
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.
37. #3 One Common Picture
Final thoughts
Take a look at your company’s page
and see how it may be changed to
make a better impression.
38. For more details visit our blog:
http://webmeup.com/blog/about-us-page-design.html