The “about me”-page is one of the most overlooked pages in development and one of the highest ranked pages on many websites. In a world that’s becoming increasingly connected through the Web, it’s important that you engage your audience in a personal and friendly way, otherwise you risk just being another faceless web designer among a sea of websites.
We had to go through hundreds of sites to come up with the following list. It seems most designers and developers run out of steam by the time they got around to developing their about pages. Most designers we came across simply threw up a few hastily written words about themselves instead of treating the page as an important asset. Others, however, have truly taken the time to treat their about page as if it were important as the home page. In fact, some went as far as using their about pages as their home page.
We present 60 beautiful and effective about pages that engage users and neatly present their designers. We also examine the growing trend of Business Card Websites (BCW’s).
Unique “About”-Pages Link
A great way to distinguish yourself from the crowd is to have a truly unique about page.
Dustin Curtis has taken a truly unique approach to the about page. What he has created is a death clock of sorts; a timeline of his life up until now and to beyond. It’s an about page that truly speaks to the designer’s capabilities and creativity. It accomplishes the most important thing about a website and a great about page – it’s something you won’t soon forget.
Mark has put his face on Mount Rushmore.
Big Photograph Link
A large photograph of yourself can leave a lasting impression in your users minds if it’s done well.
The more we use computers to communicate, the less face-to-face interaction we get. This is why David DeSandro’s about page is so effective. His headshot is as big as any I’ve seen on an about page makes you really feel as thought you’re meeting a real person rather than some web designer on some website. Once the introduction is made, you can easily connect up with David via his social networking presence or the handy contact form below his picture. It’s worth noting his about page is well organized as well.
Subtraction.com11, in addition to being one of the coolest domain names ever, is a picture perfect study in minimalism. Khoi chose an incredible picture for his about page and organized his biography into an easily digested format. It doesn’t hurt that he threw his adorable black lab in there for good measure.
Well Organized Link
The best about pages we found were the ones that had a lot of information but were excellently organized, making them easily digestible. When faced with the task of creating an about page, it’s easy to get overwhelmed and put it off indefinitely because the subject you are dealing with is yourself. It is a subject we know more about than anything else and it can be difficult to know just how much and how little we should tell the world about ourselves. A good about page must be informative without being too wordy.
Jason15 is Creative Director for A List Apart16 and it’s clear why. He has pioneered the idea of the “fast design direction” approach to updating websites, a method where instead of doing a major re-design of a site after a long period of time, each article or update gets its own unique design. David and Dustin from above use the same sort of system. Jason’s about page is clean, organized, and personable. We can see at a glance what he has written elsewhere, what he’s about, and what he’s capable of.
The 2-column layout used by Travis neatly encapsulates everything about who he is and what he does. You can easily scan for the information you need.
Jon Tangerine22 is a master of typography. The first time I visited his site I was amazed at what he was able to accomplish without the help of sIFR or other font rendering engines. His about page is a joy to view. Every section is deliberate, informative, and attractive.
Douglas Bowman24 is a creative director for Twitter and has been working on the web for as long as its been around. His about page is succinct and entertaining. We as graphic designers get exactly what we want in the section devoted to previous design iterations of his website over the years. Check out his footer when you’re on the about page, too, for a bit of cleverness.
Front and Center Link
Some designers have gone as far as making their about pages their home pages.
Toby’s about page32 is actually his home page, which for a personal website (and formal name as his domain name) is a great idea. After all, if we’re visitng Toby’s site for the first time it’d be nice to know who the designer is. He also flips the large portrait concept on its head by giving us a large silhouette where it’s supposed to be.
Jason Reed uses an excellent hand drawn illustration portrait as his about page centerpiece, and his about page in turn is his website’s centerpiece and the first thing you see when you land on jasonreedwebdesign.com. His professional details are neatly organized into a horizontal accordian and there’s no fluff – just the most important information one might want to know when considering Jason for a freelance project.
A few of the about pages had very deliberate goals.
Jonny gets straight to the point with a mission statement and a brief summary of who he is.
Suzy sums up herself up well in one sentence, goes into depth for those who are interested, and gives straightforward information about her capabilities and availability.
A minimalist approach can be a great way to convey important information about yourself without distracting the user.
A few of the about pages we found were actually accessible not from a traditional page but an ajax driven drop-down modal. It’s a great way to make the information about yourself easily accessible to anyone from any page without forcing users to navigate away from the page their currently reading.
Business Card Websites (BCW) Link
Made By Elephant’s55 Tim Van Damme recently started a trend he coined Business Card Websites (BCW), or specialized contact/about pages for individuals that are heavy on ajax and great design. Once Tim got his BCW online other designers started following suit. BCW’s are a great place to send people if they want to get an overview of your social networking presence, portfolio and capabilities, contact information, etc. We have a feeling we’re going to start seeing more of these pop up in the near future. Here are a few of the best we’ve found so far:
There you have it: 60 beautiful and effective about pages from personal websites, blogs, and portfolios. Hopefully this will inspire you to revisit their about pages and come up with some unique and innovative ways of representing yourself on the web.
- 1 http://designspasm.net/#me_link
- 2 http://designspasm.net/#me_link
- 3 http://www.quomo.org/
- 4 http://www.quomo.org/
- 5 http://www.jaredigital.com/about/
- 6 http://www.jaredigital.com/about/
- 7 http://www.gummisig.com/about
- 8 http://www.gummisig.com/about
- 9 http://www.dreamerlines.lv/
- 10 http://www.dreamerlines.lv/
- 11 http://www.subtraction.com/about/
- 12 http://www.subtraction.com/about/
- 13 http://unstoppablerobotninja.com/about/
- 14 http://unstoppablerobotninja.com/about/
- 15 http://jasonsantamaria.com/about/
- 16 http://alistapart.com
- 17 http://jasonsantamaria.com/about/
- 18 http://designhippy.com/aboutMe.shtml
- 19 http://designhippy.com/aboutMe.shtml
- 20 http://simplebits.com/about/
- 21 http://simplebits.com/about/
- 22 http://jontangerine.com/about/
- 23 http://jontangerine.com/about/
- 24 http://stopdesign.com/about
- 25 http://stopdesign.com/about
- 26 http://www.komodomedia.com/about/
- 27 http://www.osvaldas.info/
- 28 http://bubblessoc.net/about/
- 29 http://bubblessoc.net/about/
- 30 http://www.branded07.com/about-me/
- 31 http://daveharrison.net/about-me
- 32 http://www.toby-powell.co.uk/
- 33 http://www.toby-powell.co.uk/
- 34 http://frieze.dk/
- 35 http://frieze.dk/
- 36 http://vladgeorgescu.com/
- 37 http://vladgeorgescu.com/
- 38 http://www.kylestanding.com/
- 39 http://www.kylestanding.com/
- 40 http://www.nickfinck.com/about/
- 41 http://www.nickfinck.com/about/
- 42 http://www.iamdan.net/about.html
- 43 http://www.iamdan.net/about.html
- 44 http://ftdesigner.net/
- 45 http://www.matthamm.com/
- 46 http://www.nicholaspatten.com/about/
- 47 http://www.getfinch.com/about/
- 48 http://kinosport.tv/information/
- 49 http://garrettdimon.com/pages/about
- 50 http://garrettdimon.com/pages/about
- 51 http://www.minning.de/#about
- 52 http://www.brynnshepherd.com/
- 53 http://www.brynnshepherd.com/
- 54 http://selfconclusion.co.uk/
- 55 http://madebyelephant.com/
- 56 http://timvandamme.com/
- 57 http://timvandamme.com/
- 58 http://rogieking.com/
- 59 http://rogieking.com/
- 60 http://www.michaelvillar.com/
- 61 http://www.michaelvillar.com/
- 62 http://matthiaskretschmann.com/
- 63 http://matthiaskretschmann.com/
- 64 http://www.danielgenser.com/
- 65 http://www.danielgenser.com/
- 66 http://www.johnphillips.me/
- 67 http://cdharrison.info/
- 68 http://www.tylergalpin.com/
- 69 http://www.maykelloomans.com/
- 70 http://twitter.com/marknutter
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.