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

38
7 hot design tips to give your About us” page a second life

Upload: webmeup

Post on 09-May-2015

1.084 views

Category:

Documents


0 download

DESCRIPTION

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

TRANSCRIPT

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

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

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

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

#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

#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

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
Page 8: 7 hot design tips to give your “about us” page a second life

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

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

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
Page 12: 7 hot design tips to give your “about us” page a second life

#2 One Common Picture

and Kickstarter made it animated:

Page 13: 7 hot design tips to give your “about us” page a second life
Page 14: 7 hot design tips to give your “about us” page a second life

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

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

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

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
Page 19: 7 hot design tips to give your “about us” page a second life

#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

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

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
Page 23: 7 hot design tips to give your “about us” page a second life

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

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

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
Page 27: 7 hot design tips to give your “about us” page a second life
Page 28: 7 hot design tips to give your “about us” page a second life

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

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

#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 31: 7 hot design tips to give your “about us” page a second life

http://vimeo.com/72791445

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

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

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

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 35: 7 hot design tips to give your “about us” page a second life

http://whois.wildlife.la/

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

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

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

For more details visit our blog:

http://webmeup.com/blog/about-us-page-design.html