Tips To Create A Clean Structured About Page
Posted on 28. Aug, 2009 by Web Design in Web Development
When it comes to an about page, think outside the box. Try to think of something new and creative that’s different form the rest of your site. Of course display images of you / your staff, and descriptions of each, but try to lay it out in a very fun way, whistle keeping it clean and readable. Title image by 0at.org (thanks!).
Put An Image of Yourself Up
Put an avatar at least on your about page. It shows the client who they are paying to do their work, and that it is a real person. If you feel really creative, try making something like below.
Organize Your Page Into Sections
Put your about page into sections, such as What we do, who we are, who we work with, etc.
Sell Yourself / Your Company
Add a few sentences to sell your company, and even add little icons like studio 7 designs (below).
Space Out Text With Images
Sometimes when you have lots of text it can be hard to continue if you loose your place. Try and insert relevant images to space out some text. It will also improve the overall look of your about page.
Display Your Team
If there are more than one of you that work for your company, why not display an avatar along with a description of each staff member? Many companies do it, and it looks really good!
Use Fonts, Colours, Headings and Backgrounds
Spice up your about page with world class fonts, delicious backgrounds, beautiful headings and a nice palette of colours.
Maybe Display A Testimonial Or Two
If you have client testimonials, you can always display them on your about page.
Make Your Main Title Stand Out
Sell your about page. Make your main title stand out. Making it large and centered is a good idea.
Display Your Skillset Beautifully
Instead of listing your skills within your text, like “Skilled in: Photoshop, PHP, HTML” etc, why not approach it creatively. I love what Rob Palmer has done.
Just Be Creative
Last but not least, just be creative. Think on the wild side of the box, and approach your about page layout like its a design for a high paying client.





















Robertino
28. Aug, 2009
Photos with the person looking up are always nice.
I’ve got one like that of my son with a Disney Dalmation cap on when he was roundabout 2 years old or so.
This is always pretty difficult. It is “about us/you”, but you can not get too personal.
But if you don’t tell enough, visitors start asking questions.
Karl should have been scaled a bit smaller. It looks like he is not really holding the window.
Love Desgin Disease ( Double D ) :p
Wicked fast loading WP themes with ueber layouts.
Daquan Wright
29. Aug, 2009
Nice article, good reminders for what this page should contain. I’ll have to mess around with my camera sometime. =P
Developers Paradise
29. Aug, 2009
Really Quite Effective! thanks for sharing.
Alexandru Pitea
29. Aug, 2009
Some really nice tips! Thanks!
Umer Hayat
30. Aug, 2009
You have some really nice tips and tricks in your wallet, that you often share with others time after time…:)
Thanks Micheal
Karol Zielinski
30. Aug, 2009
Nice tips.
However I don’t agree with ‘Display Your Skillset Beautifully’. It’s important to show your skills, that’s true. However sometimes… if you have too many skills – simple text and some kind of ‘bio’ would be much better than huge fonts and icons.
Andy
30. Aug, 2009
I wasn’t trying to say display your skillset in huge fonts etc. I used that one as an example. Even if you have a lot of skills, display them different to everything else and make them stand out.
Fuad Ahasan Chowdhury
01. Sep, 2009
@Karol: people like graphics rather than text
an image is more readable in mind than text.. So I agree with Andy.
Lauren B
02. Sep, 2009
Excellent advice. I will definitely be using the skill set idea on my page. I like the idea of the icon too for recognition. Thanks for the post Andy!
MarinTailor
03. Sep, 2009
Thanks a lot! I really need to change my About page! =)
Business
31. Oct, 2009
Web design” is a much more complicated profession than it was ten years ago.Thank you.