{"id":163534,"date":"2017-04-03T13:00:30","date_gmt":"2017-04-03T13:00:30","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=163534"},"modified":"2022-04-06T02:37:03","modified_gmt":"2022-04-06T02:37:03","slug":"tips-about-pages","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/tips-about-pages\/","title":{"rendered":"10 Creative and Engaging About Pages to Inspire You"},"content":{"rendered":"<p>Can we talk about the About page for a minute? I know it doesn\u2019t usually merit as much attention because it\u2019s not selling your product or service, but it\u2019s still an important part of your site\u2019s identity.<\/p>\n<p>While I can\u2019t give you a tried-and-true formula for how to make an About page shine (because it\u2019s going to be different for everyone), I can provide you with general tips on what you can or can\u2019t do. I\u2019d also like to share 10 About page examples from around the web that make excellent use of modern design trends. Who knows? You may be inspired to revamp your own WordPress About page after seeing these.<\/p>\n<p>In this post:<\/p>\n<ul>\n<li><a href=\"#about-page-dos-donts\">WordPress About Page Dos and Don&#8217;ts<\/a><\/li>\n<li><a href=\"#inspiring-about-pages\">Inspiring About Pages You Need to Check Out<\/a>\n<ul>\n<li><a href=\"#adham-dannaway\">Adham Dannaway<\/a><\/li>\n<li><a href=\"#airbnb\">Airbnb<\/a><\/li>\n<li><a href=\"#bluecadet\">Bluecadet<\/a><\/li>\n<li><a href=\"#canva\">Canva<\/a><\/li>\n<li><a href=\"#clorox\">Clorox<\/a><\/li>\n<li><a href=\"#creative-market\">Creative Market<\/a><\/li>\n<li><a href=\"#doubledutch\">DoubleDutch (cVent)<\/a><\/li>\n<li><a href=\"#ghost-horses\">Ghost Horses<\/a><\/li>\n<li><a href=\"#grain-mortar\">Grain &amp; Mortar<\/a><\/li>\n<li><a href=\"#kittys-cakes\">Kitty&#8217;s Cakes<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 id=\"about-page-dos-donts\">WordPress About Page Dos and Don\u2019ts<\/h2>\n<p>Although the About page may not get as much play as, say, the homepage, it\u2019s still deserving of as much attention and care (from you) as any other page on your site.<\/p>\n<h3>Rule #1: Location, Location, Location<\/h3>\n<p>Include it in the header and\/or footer. There\u2019s no reason to hide the location of your About page. If it\u2019s something you don\u2019t want people to find, then don\u2019t create one. If it is, then put it right where they know to look.<\/p>\n<h3>Rule #2: Style Consistency<\/h3>\n<p>However you\u2019ve styled the rest of your site\u2019s content, the About page should follow suit. Company About pages, much like the rest of a website, should be uniquely designed and written to align with your brand. In addition, if you\u2019ve used shorter sentences and paragraphs, stylized headers and subheaders, and bullet points to break up text everywhere else, plan on doing so here, too.<\/p>\n<h3>Rule #3: Do More with Less<\/h3>\n<p>Don\u2019t overdo it. If you there isn\u2019t much to say because your company is new, there\u2019s no need to push it. Write as much or as little as you need to. As you\u2019ll see in the examples below, sometimes you can communicate a lot more about who your company is with minimal copy.<\/p>\n<h3>Rule #4: Skip the Stock Photos<\/h3>\n<p>The About page is where you focus on <em>you<\/em>. Even if the rest of the site uses stock photography, you should consider skipping it here. Include real photos of your company in action and give visitors a reason to feel more connected to the people behind it.<\/p>\n<h3>Rule #5: Don\u2019t Be Boring<\/h3>\n<p>Every company has <a href=\"https:\/\/wpmudev.com\/blog\/powerful-storytelling\/\" target=\"_blank\">a story to tell<\/a>. This is the place to share yours. Put your unique voice to use and demonstrate how passionate you are about your company\u2019s values and mission.<\/p>\n<h3>Rule #6: Be Honest<\/h3>\n<p>This rule really should apply to any page on your website, but it\u2019s worth repeating: be honest. Be honest about who you are, where you come from, what you do, and what you can promise your customers.<\/p>\n<p>This means sharing information about your company that\u2019s positive, inspiring, and yes, 100% true. Avoid the superlatives, but don\u2019t be afraid to show how awesome you are by highlighting impressive facts (like the 500 customers you had in your first year of business or the unique patent your company filed when the CEO was 13 years old).<\/p>\n<h3>Rule #7: Shine a Light<\/h3>\n<p>No man is an island, and the same goes for every business. Do you have an awesome team running things behind the scenes? Show them off. Do you have rave-worthy partnerships that helped you get to where you are today? Give them a shout-out. Are you proud of what your customers have achieved with the help of your product or service? Give them some airtime here.<\/p>\n<h3>Rule #8: Keep in Contact<\/h3>\n<p>Even though this page is meant to tell your story and give visitors a better idea of what\u2019s going on behind the company, that doesn\u2019t mean it should be devoid of the contact points you include everywhere else. While you\u2019re talking to your visitors here, remind them as to how they can reach you\u2014especially if you have an active presence on social media. Include contact forms for newsletter or blog sign-ups, too.<\/p>\n<h2 id=\"inspiring-about-pages\">10 Inspiring About Pages You Need to Check Out<\/h2>\n<p>Now, let\u2019s see how others have taken these About page dos and don\u2019ts and made them all their own in unique, creative, and inspiring ways.<\/p>\n<h3 id=\"adham-dannaway\">1. Adham Dannaway<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/04\/adam-dannaway.jpg\" alt=\"Designer Adam Dannaway About page features a graph of his skills.\" width=\"1050\" height=\"443\" \/><figcaption class=\"wp-caption-text\">Designer Adam Dannaway About page features a graph of his skills.<\/figcaption><\/figure>\n<\/div>\n<p><a href=\"http:\/\/www.adhamdannaway.com\/about\" target=\"_blank\">Adham Dannaway<\/a> is a well-known UX\/UI designer, so it\u2019s interesting to see what he\u2019s chosen to do with his own About page. For starters, it\u2019s really simple; nothing too crazy in terms of imagery and it\u2019s light on text. However, if you take a closer look at what he\u2019s actually written, you\u2019ll get a good sense for his voice and personality through the subtle touches of humor and pop culture references he infuses throughout.<\/p>\n<h3 id=\"airbnb\">2. Airbnb<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper has-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/Airbnb.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"556\" \/><figcaption class=\"wp-caption-text\">Airbnb&#8217;s About page.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>Here\u2019s another example of an About page that takes the simple route. There\u2019s a short intro up top that explains when <a href=\"https:\/\/www.airbnb.com\/about\/about-us\" target=\"_blank\">Airbnb<\/a> was founded and what they do. The big draw of this page, however, is the section that calls out their impressive statistics. Rather than talk about how they\u2019re the \u201cmost popular\u201d or \u201cthe first\u201d or \u201cthe biggest\u201d, they just lay the numbers right out there for visitors to see. Those are impressive enough without all the hyperbolic fanfare.<\/p>\n<h3 id=\"bluecadet\">3. Bluecadet<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper no-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/Bluecadet.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"585\" \/><figcaption class=\"wp-caption-text\">Bluecadet&#8217;s About page is simple and engaging.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p><a href=\"http:\/\/www.bluecadet.com\/about\/\" target=\"_blank\">Bluecadet<\/a>, an East Coast-based digital agency, has executed a number of About page &#8220;dos&#8221; really well. They use parallax scrolling with sharp bursts of color to keep visitors engaged as they read through the information on their page. They\u2019ve also broken the content up into bite-sized chunks, so it\u2019s easier to tackle than one large, intimidating block of text.<\/p>\n<h3 id=\"canva\">4. Canva<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper has-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/Canva.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"584\" \/><figcaption class=\"wp-caption-text\">Canva&#8217;s About page is sparse on details about the company.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>Aside from a brief explanation up top about what <a href=\"https:\/\/about.canva.com\/\" target=\"_blank\">Canva<\/a> offers, there isn\u2019t much on this About page about who they are as a company and where they come from. For a company like Canva that seeks to empower users to create their own designs, this approach makes sense. They use the bulk of the page to demonstrate their offering through strong visuals and let their customers speak on their behalf.<\/p>\n<h3 id=\"clorox\">5. Clorox<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper has-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/Clorox.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"584\" \/><figcaption class=\"wp-caption-text\">Clorox&#8217;s About page features interesting facts about the product.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>Everyone\u2019s familiar with the <a href=\"https:\/\/www.clorox.com\/our-story\/\" target=\"_blank\">Clorox<\/a> brand; they\u2019re the ones responsible for keeping our whites white. That\u2019s probably why they\u2019ve chosen to dedicate their About page to something else entirely. They trade off between highlighting the charitable organizations they\u2019re involved with (which are related to their mission) and providing interesting educational tidbits about bleach.<\/p>\n<h3 id=\"creative-market\">6. Creative Market<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper has-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/Creative-Market-1.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"512\" \/><figcaption class=\"wp-caption-text\">The Creative Market About page features information about its community of creators.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p><a href=\"https:\/\/creativemarket.com\/about\" target=\"_blank\">Creative Market<\/a> could use their About page to talk about why they started their site and how proud they are of the community of web designers <em>they\u2019ve<\/em> amassed, but they know the site isn\u2019t about them. That\u2019s why, after a brief introductory statement, they leave the rest of the page up to the people who power their website\u2014from their internal team members to the community of designers who fuel the creative content found within the site.<\/p>\n<h3 id=\"doubledutch\">7. DoubleDutch (now Cvent)<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper has-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/DoubleDutch.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"428\" \/><figcaption class=\"wp-caption-text\">The DoubleDutch About page.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>The <a href=\"https:\/\/www.cvent.com\/en\/company-overview\" target=\"_blank\">DoubleDutch<\/a> About page is sparse on details about the company, though they\u2019ve done a good job in hitting the key highlights of an About page. They showcase their trust builders, provide snapshots of their team, and break down their company history into a basic timeline. The best part about this page is that they bring their story full circle, connecting the idea of &#8220;energy&#8221; that appears in the first section with the animated contact banner at the bottom of the page.<\/p>\n<h3 id=\"ghost-horses\">8. Ghost Horses<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper has-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/GhostHorses.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"583\" \/><figcaption class=\"wp-caption-text\">Strong visuals and succinct copy on the Ghost Horses About page.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>With one quick scroll through the Ghost Horses About page, you\u2019ll have a good idea of who they are. They\u2019re a design agency that understands the power of strong visuals and succinct copy. Each section of the page is animated, too, which probably goes a long way in keeping visitors engaged (especially helpful since non-tech-savvy visitors probably don\u2019t know the industry jargon they include here).<\/p>\n<h3 id=\"grain-mortar\">9. Grain &amp; Mortar<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper no-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/Grain-Mortar.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"584\" \/><figcaption class=\"wp-caption-text\">Grain &amp; Mortar&#8217;s About page.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>There are only two paragraphs of text on <a href=\"http:\/\/grainandmortar.com\/about\/\" target=\"_blank\">Grain &amp; Mortar&#8217;s<\/a> About page and they should tell you everything you need to know about this company. Take this line, for instance: \u201cDoing what we love hinges on finding the right client partners, so we\u2019re dedicated to finding the ideal people to work with \u2013 those who value their craft, value design, value our input, and also happen to be nice, genuine humans.\u201d<\/p>\n<p>Then take a look at their page. It\u2019s covered in well-framed, high-resolution photos and videos of their team in action. It looks fantastic and it supports the story they\u2019re trying to share with their audience.<\/p>\n<h3 id=\"kitties-cakes\">10. Kittie\u2019s Cakes<\/h3>\n<div  class=\"wpdui-pic-large   \" >\n<div class=\"img-wrapper has-caption\">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-1050x1050 size-1050x1050\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2017\/03\/Kitties-Cakes.png\" alt=\"Post image\" aria-hidden=\"true\" width=\"1050\" height=\"584\" \/><figcaption class=\"wp-caption-text\">The Kitties Cakes About page.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<p>I\u2019d have to say my favorite thing about this About page for <a href=\"http:\/\/www.kittiescakes.com\/story\" target=\"_blank\">Kitties Cakes<\/a> is the choice of <a href=\"https:\/\/wpmudev.com\/blog\/font-choices-wordpress-web-design\/\" target=\"_blank\">typography<\/a>. As you know, a poorly selected font or font pairing can wreak havoc on your site\u2019s design and completely turn visitors off from wanting to explore further. The co-mingling of a cursive font with a basic serif font looks fantastic on this page and helps add to the personality that I believe the two owners are trying to convey.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>As you can see, the About page doesn\u2019t have to be some overdrawn page that talks about how your company was founded in 1999, changed ownership 20 times, and is now ready to start making customers happy. (Hopefully, that\u2019s not how your story goes, but you never know!)<\/p>\n<p>The About page is your time to really let the personality and unique story behind your company and its mission shine.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Can we talk about the About page for a minute? I know it doesn\u2019t usually merit as much attention because it\u2019s not selling your product or service, but it\u2019s still an important part of your site\u2019s identity. While I can\u2019t give you a tried-and-true formula for how to make an About page shine (because it\u2019s [&hellip;]<\/p>\n","protected":false},"author":344989,"featured_media":163743,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[10469],"tags":[38],"tutorials_categories":[],"class_list":["post-163534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-business-marketing","tag-design"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/163534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/344989"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=163534"}],"version-history":[{"count":7,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/163534\/revisions"}],"predecessor-version":[{"id":198732,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/163534\/revisions\/198732"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/163743"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=163534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=163534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=163534"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=163534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}