SlideShare a Scribd company logo
1 of 38
7 hot design tips to give your “About us”
page a second life
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
The truth is,

you have to change your approach
towards the "About us" pages.
And these 7 techniques will help you
get inspired.
#1. Minimalism of Shapes and Colors

One of the current trends, common
for the whole Web is
simplicity of form and color.
#1. Minimalism of Shapes and Colors

Clean lines and simple shapes help
get through the clutter and make a
good impression on users.
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.
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!)
#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.
#2 One Common Picture

Here is a great example by
Oneblis:
#2 One Common Picture

and Kickstarter made it
animated:
#2 One Common Picture

Such a single picture saves you page
space and displays how united your
team is.
#3 Illustrate Your Team

Then even the most shy people in
your company will feel comfortable
with their image on the page.
#3 Illustrate Your Team

For many reasons companies
choose illustration and drawings
instead of real photographs.
#3 Illustrate Your Team

Here's an example from
Creative Spark:
#3 One Common Picture
#3 Illustrate Your Team

Cool, isn’t it?
#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.
#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:
#5 Add SomeCommon Picture
Creative and Humorous
#3 One
Animations

A significant number of modern
team pages have added animated
images to their designs.
#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.
#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 :
#3 One Video Presentation
#6 Add aCommon Picture

Video is another popular format of
telling your company's story.
#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.
#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:
http://vimeo.com/72791445
#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.
#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.
#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:
http://whois.wildlife.la/
#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.
#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.
For more details visit our blog:

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

More Related Content

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 

Featured (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
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.
  • 17. #3 Illustrate Your Team Here's an example from Creative Spark:
  • 18.
  • 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