7 hot design tips to give your “about us” page a second life
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

7 hot design tips to give your “about us” page a second life

on

  • 924 views

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 ...

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

Statistics

Views

Total Views
924
Views on SlideShare
922
Embed Views
2

Actions

Likes
1
Downloads
1
Comments
0

1 Embed 2

http://www.pinterest.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

7 hot design tips to give your “about us” page a second life Presentation Transcript

  • 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. 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!)
  • 8. #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.
  • 9. #2 One Common Picture Here is a great example by Oneblis:
  • 10. #2 One Common Picture and Kickstarter made it animated:
  • 11. #2 One Common Picture Such a single picture saves you page space and displays how united your team is.
  • 12. #3 Illustrate Your Team Then even the most shy people in your company will feel comfortable with their image on the page.
  • 13. #3 Illustrate Your Team For many reasons companies choose illustration and drawings instead of real photographs.
  • 14. #3 Illustrate Your Team Here's an example from Creative Spark:
  • 15. #3 One Common Picture #3 Illustrate Your Team Cool, isn’t it?
  • 16. #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.
  • 17. #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:
  • 18. #5 Add SomeCommon Picture Creative and Humorous #3 One Animations A significant number of modern team pages have added animated images to their designs.
  • 19. #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.
  • 20. #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 :
  • 21. #3 One Video Presentation #6 Add aCommon Picture Video is another popular format of telling your company's story.
  • 22. #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.
  • 23. #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:
  • 24. http://vimeo.com/72791445
  • 25. #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.
  • 26. #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.
  • 27. #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:
  • 28. http://whois.wildlife.la/
  • 29. #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.
  • 30. #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.
  • 31. For more details visit our blog: http://webmeup.com/blog/about-us-page-design.html