{"id":38279,"date":"2020-05-13T13:18:47","date_gmt":"2020-05-13T13:18:47","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=38279"},"modified":"2025-12-29T17:57:51","modified_gmt":"2025-12-29T15:57:51","slug":"about-us-page-examples","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/about-us-page-examples\/","title":{"rendered":"16 Creative About Us Page Examples That We Love"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"38279\" class=\"elementor elementor-38279\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75fb863 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"75fb863\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ec5d2a\" data-id=\"5ec5d2a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d87531e elementor-widget elementor-widget-text-editor\" data-id=\"d87531e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>What seems to be just another page in your sitemap, probably accessible through your header and\/or footer, is actually one of your most compelling pieces of content. Or at least, it should be.<\/p><p>Yes, we\u2019re talking about your website\u2019s About Us page.<\/p><p>In some ways, it\u2019s actually more appropriate to refer to this type of page as \u201cOur Brand Story,\u201d or if you want another alternative, \u201cOur Identity.\u201d We like the first one better, but they\u2019re both pretty accurate.<\/p><p>This is why your About Us page is one of the most important pages on your site. It is, after all, a sheer representation of your brand identity. After reading and exploring yours, each visitor will fully understand your brand values, mission statement, added value, and so on.<\/p><p>This visitor wants to get to know you by listening to the story you have to tell.<\/p><p>The first step to <a href=\"https:\/\/elementor.com\/blog\/how-to-write-about-us-page\/\">create an authentic, effective about us page<\/a> that really communicates who you are and what you\u2019re about is perfecting every design detail. First impressions matter and your website needs to dress to impress.<\/p><p>Let\u2019s take a look at 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69152d5 blog-toc elementor-widget elementor-widget-heading\" data-id=\"69152d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table of Contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87ddc0b blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"87ddc0b\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#about-us-page-examples\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">16 About Us Page Examples\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#stripe\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">1. Stripe: The Animated About Us\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#twitter\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">2. Twitter: Brand Identity Loud and Clear\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#degordian\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">3. Degordian: A Refined Color Palette\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#zendesk\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">4. Zendesk: Unique Scrolling Effects\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#pixelgrade\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">5. Pixelgrade: A Background Overlay Done Beautifully\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#dribbble\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">6. Dribbble: Telling the Stories of Real Designers \u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#medium\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">7. Medium: Brand Storytelling Through User Experience\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#pawel-nolbert\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">8. Pawel Nolbert: A Vivid Personal Portfolio \u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#shakedesign\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">9. ShakeDesign: Showing Their Brand Through Architecture\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#atlassian\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">10. Atlassian: Illustrating Brand Values With Vector Drawings\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#drift\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">11. Drift: An Upbeat, Authentic Vibe\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#g2\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">12. G2: Traditional Design Elements Become Unique\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#humaan\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">13. HUMAAN: About What We Love\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#gong\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">14. Gong.io: Making Sure to Stand Out\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#etsy\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">15. Etsy: Clear, Concise Brand Messaging\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#giphy\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">16. GIPHY: Focusing on Motion Effects\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc9f500 elementor-widget elementor-widget-menu-anchor\" data-id=\"bc9f500\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"about-us-page-examples\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52b0f32 elementor-widget elementor-widget-heading\" data-id=\"52b0f32\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">16 Inspiring 'About Us' Page Examples<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8312791 elementor-widget elementor-widget-menu-anchor\" data-id=\"8312791\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"stripe\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db9a01c elementor-widget elementor-widget-heading\" data-id=\"db9a01c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Stripe: The Animated About Us<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e473ddb elementor-widget elementor-widget-video\" data-id=\"e473ddb\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2020\/05\/stripe-silenced-visual.mov\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-233b429 elementor-widget elementor-widget-text-editor\" data-id=\"233b429\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>What caught our attention about Stripes\u2019 <a href=\"https:\/\/stripe.com\/about\" target=\"_blank\" rel=\"noopener\">About<\/a> page?&nbsp;<\/p>\n<p>It\u2019s a few things, really. First off, it\u2019s about what they highlight. We love how they highlight their features as you scroll down the page. But not only that, they dive right into the UI of each feature, so the visitor already gets a taste of what the product experience is about.&nbsp;<\/p>\n<p>Their value proposition (which they refer to as their \u201cmission\u201d) is stated right at the top of the page, so their impact as a company is made known from the start of the browsing experience.&nbsp;<\/p>\n<p>Stripe also manages to strike a fine balance between their traditional (and well-known for its design expertise, by the way) brand language while keeping the content original. This is a major success for their brand storytelling.<\/p>\n<p>Finally, our favorite design element on the page is the way they illustrate their solution to the \u201cfinancial complexity\u201d point, visualizing how they simplify financial management for businesses.&nbsp;<\/p>\n<p>So, next time you design or tweak your About Us page, we suggest keeping in mind some of the great things Stripe has done with theirs: think carefully about what you emphasize most. use the value of emphasis wisely. What we mean is, hone down on the essence of your brand values and make that the focal point of the page (and don&#8217;t forget you can <a href=\"https:\/\/elementor.com\/widgets\/animated-headline\/\">create CSS text animations with Elementor<\/a>).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09bec26 elementor-widget elementor-widget-menu-anchor\" data-id=\"09bec26\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"twitter\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4498e0a elementor-widget elementor-widget-heading\" data-id=\"4498e0a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Twitter: Brand Identity Loud and Clear<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbec706 elementor-widget elementor-widget-image\" data-id=\"cbec706\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Screen-Shot-2020-05-11-at-16.33.48-r4q71ba82mt5umn6jgyjtxe5j1nsanjaek1108s4ay.png\" title=\"twitter about us image\" alt=\"twitter about us image\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c39db74 elementor-widget elementor-widget-text-editor\" data-id=\"c39db74\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Oh Twitter, how do we love thee? Let us count the ways. Twitter <a href=\"https:\/\/about.twitter.com\/\" target=\"_blank\" rel=\"noopener\">does a fine job<\/a> using the About page&#8217;s hero text as a means for giving a precise definition of their brand objective:<\/p><p>\u201cTwitter is what&#8217;s happening in the world and what people are talking about right now.\u201d This sums up exactly what their product is about and what they&#8217;re brand represents.<\/p><p>With five brief statements alone, Twitter&#8217;s brand objective is crystal clear: Twitter is the place where people around the world learn and discuss what&#8217;s happening everywhere, as soon as it happens.\u00a0<\/p><p>And of course, the large typeface and crisp design is interesting, sparking curiosity among us all. The bold <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/website-color-schemes\/\"   title=\"7 Rules for Choosing A Website Color Scheme\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26015\">color scheme<\/a> (we love it) is minimalistic in its own way, with brief yet concise short paragraphs as you scroll down. The alternating hashtags is also a nice touch.\u00a0<\/p><p>Lastly, the real unique selling point of this page is the example of a tweet tweeted by Twitter&#8217;s support team, with a large, clear photograph as its background that illustrates the topic of the tweet.\u00a0<\/p><p>The reader really experiences what the brand stands for, and what experience they provide to its users.\u00a0<\/p><p>If you notice, their page doesn&#8217;t spend time telling a descriptive story about themselves. Instead, all of the content is subtly weaved into their design, answering questions (but without stating the questions themselves) such as: \u2018What can I do with Twitter?&#8217;, \u2018What&#8217;s the added value?&#8217;, \u2018What will I gain by using Twitter?&#8217; And of course, \u2018What&#8217;s the product experience like?&#8217;.<\/p><p>We see this as a great tactic: Think of the questions your visitors want answered and preempt their questions with the answers. And good, unique design with strong visuals doesn&#8217;t hurt (to say the least)!<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1725073 elementor-widget elementor-widget-menu-anchor\" data-id=\"1725073\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"degordian\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52ef6dc elementor-widget elementor-widget-heading\" data-id=\"52ef6dc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Degordian: A Refined Color Palette<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36ec3dd elementor-widget elementor-widget-image\" data-id=\"36ec3dd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/degordian-screenshot-r4q75uu53t11ys1m0fnmvs4cw39nhzkl11jiie1mz8.png\" title=\"degordian screenshot\" alt=\"degordian screenshot\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49f8d5b elementor-widget elementor-widget-text-editor\" data-id=\"49f8d5b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We were wowed by degordian&#8217;s <a href=\"https:\/\/www.degordian.com\/about\/\" target=\"_blank\">About<\/a> page when it loaded in our browser. Everything about it is eye-catching in its uniqueness. The way they present their team is uber creative, too. The authentic photographs breed originality, and the color scheme is simple yet pronounced and engaging all the same.<\/p>\n<p>In the spirit of minimalism, the red color choice for the hamburger menu, hero text, the scroll bar and the \u2018contact us\u2019 icon let them be <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/text-bold\/\"   title=\"How to Make Text Bold in HTML &amp; CSS\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"31822\">bold<\/a>, yet unassuming and subtle at the same time&#8230;&nbsp;<\/p>\n<p>The color scheme is powerful, paired with the Sailec Bold typeface. The fire-like font color set on the white background represents a brand that is forthcoming, and curious, as they say themselves.&nbsp;<\/p>\n<p>The imagery in the photos of their employees, specifically their facial expressions, shows personality and dedication to their work.&nbsp;<\/p>\n<p>Within their simplistic, <a href=\"https:\/\/elementor.com\/blog\/minimalist-design\/\">minimalist design<\/a>, their content covers the key topics that visitors want to know about: What they believe as a brand, what they&#8217;ve achieved, what their team likes to do, and of course, their work samples. This is definitely a great way to illustrate your brand personality and your outlook on how to connect to clients.&nbsp;<\/p>\n<p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a1b20a elementor-widget elementor-widget-menu-anchor\" data-id=\"4a1b20a\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"zendesk\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a827641 elementor-widget elementor-widget-heading\" data-id=\"a827641\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Zendesk: Unique Scrolling Effects<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc13f1a elementor-widget elementor-widget-video\" data-id=\"cc13f1a\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2020\/05\/zendesk-about-us-shortened.mp4\" autoplay=\"\" loop=\"\" controls=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84b649c elementor-widget elementor-widget-text-editor\" data-id=\"84b649c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We have a lot of fun while browsing around Zendesk\u2019s <a href=\"https:\/\/www.zendesk.com\/about\/\" target=\"_blank\" rel=\"noopener\">About<\/a> page. And that\u2019s exactly what they do so well. Their page design is informal and people-focused, with a fun, informal vibe that spreads like wildfire.\u00a0<\/p><p>The alternating color of the hero text is synchronized with the background color of the next section, and timed perfectly. We were very impressed by that, finding it to be really unique among the many many websites we\u2019ve seen.\u00a0<\/p><p>Zendesk\u2019s About page, similar to Twitter\u2019s, goes to show how effective motion effects can be for brand storytelling. In general, we\u2019re big fans of <a href=\"https:\/\/elementor.com\/blog\/introducing-motion-effects\/\" target=\"_blank\" rel=\"noopener\">adding motion effects<\/a> to take your website design to the next level.<\/p><p>In terms of its content, Zendesk introduces itself as a real conversation starter. It opens the discussion by sharing what its company culture is like, conveying a community-oriented vibe. Only then do they begin talking about numbers, such as how many paid customer accounts they have and where their customers are located.\u00a0<\/p><p>They take a subject as simple as job openings and transform it into a visually-pleasing, original work of design, with a vivid imagery grid.\u00a0<\/p><p>To tie it all together, the final section of their page matches the interactive hero section at the beginning, same white background, same font, Sharp Sans No1 Bold. Yet, instead of alternating only the colors, they alternate the \u201cdefinitions\u201d they\u2019re providing for \u201cwhat Zendesk isn\u2019t\u201d. Major points for originality.\u00a0<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa65b94 elementor-widget elementor-widget-menu-anchor\" data-id=\"fa65b94\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"pixelgrade\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03af447 elementor-widget elementor-widget-heading\" data-id=\"03af447\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Pixelgrade: A Background Overlay Done Beautifully<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a385e1 elementor-widget elementor-widget-image\" data-id=\"7a385e1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/pixelgrade-r4q72iist0gcoowdizne0mhcurqo4qaxwi1d2z01a2.png\" title=\"pixelgrade\" alt=\"pixelgrade\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74536db elementor-widget elementor-widget-text-editor\" data-id=\"74536db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Next up is pixelgrade, which was built with none other than Elementor \ud83e\udd17. What touched our design soft spot on <a href=\"https:\/\/pixelgrade.com\/about\/\" target=\"_blank\" rel=\"noopener\">this page<\/a> is the way they use their color scheme as their secret weapon.\u00a0<\/p><p>What do we mean?<\/p><p>Pixelgrade takes one single color and uses it in a different way for each section of the page. First as a <a href=\"https:\/\/elementor.com\/blog\/website-background-images\/\" target=\"_blank\" rel=\"noopener\">background overlay<\/a> for its cover image, then as a solid text background, and finally as a cut-out overlay over their team images. It&#8217;s simple on the one hand, and super cutting-edge on the other hand.\u00a0<\/p><p>In terms of their storytelling, it&#8217;s pretty straightforward, just laid back and easy. The messaging here, both visually (design scheme and photo choices) is people-centered. You get a good community vibe from all the imagery they use of their team members, both as a group and as individuals.\u00a0<\/p><p>And did you notice that the last team member they show is their dog? That is such a nice touch, which we&#8217;ve never seen before on a company website!\u00a0<\/p><p>Oana Filip, Chief People Officer at Pixelgrade, shared with us the design thinking and strategy her team used when designing the page:\u00a0<\/p><p>\u201cPixelgrade&#8217;s about page reflects a manifesto that reinforces what kind of experience we are shaping for our visitors. It presents how the adventure began, it highlights the values we stand for, and it gives a glimpse of how we give back to the WordPress community.\u00a0<\/p><p>We also made room for each teammate to be on stage in an authentic and meaningful way. We like to believe that we succeed to start the narrative and a conversation that can lead us far. In the end, it&#8217;s our approach to telling a compelling and human story about our inner-why.\u201d<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-587d039 elementor-widget elementor-widget-menu-anchor\" data-id=\"587d039\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"dribbble\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-661753e elementor-widget elementor-widget-heading\" data-id=\"661753e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Dribbble: Telling the Stories of Real Designers <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cb34bf elementor-widget elementor-widget-video\" data-id=\"8cb34bf\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2020\/05\/dribbble-img-trimmed.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93a12bf elementor-widget elementor-widget-text-editor\" data-id=\"93a12bf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Made for designers by designers, it\u2019s no surprise to us that each page dribbble designs on <a href=\"https:\/\/dribbble.com\/about\" target=\"_blank\" rel=\"noopener\">their company website<\/a> is going to be a first-class piece of design work.&nbsp;&nbsp;<\/p>\n<p>The brand messaging is all about their community of creatives, and they even show artwork done by their community members as the site imagery.&nbsp;&nbsp;<\/p>\n<p>The GIF of logos in the second section is truly creative and delicate, a fine combination. They\u2019ve certainly mastered how to use motion effects in a real classy way.&nbsp;&nbsp;<\/p>\n<p>The next genius technique dribbble uses is showing a \u201cdesigner story\u201d, of famed designer Pablo Stanley. This illustrates just how much the dribbble brand embraces their community members, as they insert a testimonial after the story (something you can easily do with our <a href=\"https:\/\/elementor.com\/widgets\/testimonial-widget\/\">Testimonial widget<\/a>).<\/p>\n<p>Finally, their interactive technique of using a hover effect to show each team member\u2019s bio is truly one-of-a-kind. It creates a conversational dynamic between visitor and team member, making the section an \u2018image-only\u2019 design which relies on user activity to deliver the information the user expects.&nbsp;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ba2227 elementor-widget elementor-widget-menu-anchor\" data-id=\"0ba2227\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"medium\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52f4bb9 elementor-widget elementor-widget-heading\" data-id=\"52f4bb9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. Medium: Brand Storytelling Through User Experience<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e716653 elementor-widget elementor-widget-image\" data-id=\"e716653\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/medium_image-r4q78pajsqxb49wse5xyxk9ln38nszvbr4nftjtqm8.png\" title=\"medium_image\" alt=\"medium_image\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Medium\u2019s value proposition in list format<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-67cb5a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67cb5a9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2e71a6e\" data-id=\"2e71a6e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f6ad8a elementor-widget elementor-widget-text-editor\" data-id=\"1f6ad8a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>What Medium did <a href=\"https:\/\/medium.com\/about\" target=\"_blank\" rel=\"noopener\">here<\/a> is sheer genius. Their About page is built to look exactly like their publication pages.\u00a0<\/p><p>With regards to their copy, the hero text, \u201cWelcome to Medium, where words matter\u201d states their brand core value, followed by a description that elaborates further. Similar to dribbble, Medium\u2019s About page showcases real articles (instead of artwork, like on dribbble\u2019s site) written by real Medium users.\u00a0<\/p><p>If there\u2019s such a thing as the <strong>best<\/strong> way to demonstrate your user experience, Medium has nailed it.<\/p><p>Next off, the way Medium illustrates their brand values (after they\u2019ve made it clear that their entire product is built around their community of readers and writers) is a creative masterpiece.\u00a0\u00a0<\/p><p>Medium explains who their brand personas are, and who their persona <strong>is not.<\/strong> Usually, the first image we have in our head when thinking of online media sites is the overdose of ads that surround the articles themselves. Medium is the exact opposite: No ads. They use a counterbalance effect to illustrate their \u2018no ads\u2019 policy to the user.\u00a0<\/p><p>\u2018We\u2019re not advertisers, we\u2019re people, we\u2019re about quality, not quantity\u2026\u2019. There\u2019s absolutely no way to leave this About page being confused or unsure of what Medium\u2019s brand is all about.\u00a0<\/p><p>And ironically, their UI reminds us so much of an old-fashioned, standard newspaper, yet newspapers are also always full of ads. Who doesn\u2019t like a bit of irony to make things interesting?\u00a0<\/p><p>It goes without saying that Medium has aced the art of white space. Yet at the same time, their brand story is so rich and present everywhere on their site, no matter what content you encounter.\u00a0<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6ef85c elementor-widget elementor-widget-menu-anchor\" data-id=\"b6ef85c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"pawel-nolbert\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f78596 elementor-widget elementor-widget-heading\" data-id=\"4f78596\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8. Pawel Nolbert: A Vivid Personal Portfolio <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6cf7d elementor-widget elementor-widget-image\" data-id=\"9c6cf7d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/pawel-nolbert-img-r4q72fpa8ichpv0gzgfib56z2m4khmzqw42wn5484o.png\" title=\"pawel nolbert img\" alt=\"pawel nolbert img\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aaf09b elementor-widget elementor-widget-text-editor\" data-id=\"1aaf09b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pawel Nolbert\u2019s <a href=\"http:\/\/nolbert.com\/about\" target=\"_blank\" rel=\"noopener\">About<\/a> page is text-only and uses Circular Book font in each of the colorful paragraphs, each one a different color, along the page. We were excited by his creative way of designing a text-only page that is by no means boring in any way. His choice to not use any imagery for this page makes sense in the context of how he designed his site\u2019s homepage.\u00a0<\/p><p>Pawel Nolbert\u2019s portfolio site is a vivid array of illustrations, each of which are different from each other, while following a theme of paintbrush strokes. This brushstroke effect is highly unique and creative, and each project\u2019s color scheme matches the brush strokes around it perfectly.<\/p><p>Nolbert creates a personal brand with this signature design technique, as each project he showcases has a type of brushstroke representing it.\u00a0<\/p><p>This is why having a text-only About page is a wonderful way to complement such an image-focused website. Pawel&#8217;s page is a great example of a creative way to find the right balance between text and images on a website.\u00a0<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7614659 elementor-widget elementor-widget-menu-anchor\" data-id=\"7614659\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"shakedesign\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67d71f elementor-widget elementor-widget-heading\" data-id=\"a67d71f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">9. ShakeDesign: Showing Their Brand Through Architecture<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5e76ba elementor-widget elementor-widget-image\" data-id=\"f5e76ba\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/shakedesign-img-r4q6xqic2bwvo1u8ffanubw059ai04c28uni9c32vw.png\" title=\"shakedesign img\" alt=\"shakedesign img\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad39df elementor-widget elementor-widget-text-editor\" data-id=\"4ad39df\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Another \u2018built with Elementor\u2019 masterpiece, ShakeDesign uses a <a href=\"https:\/\/www.shakedesign.co.il\/about\/\" target=\"_blank\" rel=\"noopener\">slideshow gallery<\/a> as their hero image. The photographs vary, yet they all convey the same messaging: we are a community. We party together, work together, hang out together, and so on.\u00a0<\/p><p>Before even delving into what they do, what they sell, what they make, etc., they focus solely on their community of humans.\u00a0\u00a0<\/p><p>Only once you scroll down, then do you learn that they\u2019re a design firm with an upbeat, laid back voice and tone (\u201cshake it up\u201d).\u00a0<\/p><p>But the community feel doesn\u2019t stop there. Each section, which talks about their brand values shows a different section of their office (and each section is designed immaculately, obviously.)<\/p><p>The page\u2019s design is so image-based, but so sleek at the same time. Each section has a large photo, with most of the sections being full-width.\u00a0<\/p><p>How does this layout not overwhelm the eye? I think you can agree that it doesn\u2019t. We attribute this to the design of each room clearly sync together in their design schemes, but it\u2019s also the selection of photos they use for their images.<\/p><p>All in all, we were quite impressed, to say the least.<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a28352c elementor-widget elementor-widget-menu-anchor\" data-id=\"a28352c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"atlassian\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cff8fa elementor-widget elementor-widget-heading\" data-id=\"7cff8fa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">10. Atlassian: Illustrating Brand Values With Vector Drawings<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-147b3c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"147b3c7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c757da1\" data-id=\"c757da1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55a3118 elementor-widget elementor-widget-image\" data-id=\"55a3118\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/atlassian-img-r4q72b03ac623t7aqwedgodo3orqf5h37gth8rb6r6.png\" title=\"atlassian img\" alt=\"atlassian img\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a079f5 elementor-widget elementor-widget-text-editor\" data-id=\"0a079f5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The uniqueness of Atlassian\u2019s <a href=\"https:\/\/www.atlassian.com\/company\" target=\"_blank\" rel=\"noopener\">Company<\/a> page inspires us because it conveys a sense of confidence in their beliefs as an organization, proudly displaying the principles and the value proposition that their product (and company) is built on.<\/p><p>Atlassian\u2019s About page, or as they call it, their \u201cCompany\u201d page, is built around telling the story of their brand values. They have a way of fusing the principles of their brand values with the product\u2019s concrete added value into a single sentence. In other words, killing two birds with one stone.\u00a0<\/p><p>Unlike other company\u2019s About pages that show real images of their team members (both individual headshots and candid photos of team members working together), Atlassian shows very few of these imagery types. Instead, they illustrate their company culture with vector drawings that align with their branding and general design theme. We love the way they integrate their logo into an uplifting, brightly colored illustration that inspires visitors to want to learn more.<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-602ab56 elementor-widget elementor-widget-menu-anchor\" data-id=\"602ab56\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"drift\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e343e elementor-widget elementor-widget-heading\" data-id=\"c7e343e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">11. Drift: An Upbeat, Authentic Vibe<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d078e4 elementor-widget elementor-widget-image\" data-id=\"1d078e4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/drift-img-r4q74e76h30zwm62jswj05ejmih3ixrm5t0bmw7pbu.png\" title=\"drift img\" alt=\"drift img\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0dbfc1 elementor-widget elementor-widget-text-editor\" data-id=\"a0dbfc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">The uniqueness and creativity that we see in Drift\u2019s <\/span><span style=\"font-weight: 400\"><a href=\"https:\/\/www.drift.com\/about\/\" target=\"_blank\" rel=\"noopener\">About Us<\/a> page<\/span><span style=\"font-weight: 400\"> makes their design work stand out on several fronts. The bright pink background, including its low transparency pattern, makes an immediate \u2018statement\u2019 of \u201cwe\u2019re different, come get to know us.\u201d&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400\">Drift\u2019s varied usage of Proxima Nova font family accomplishes a level of simplicity that stays interesting thanks to the different font weights used for the titles and the body text. This is also true for their <\/span><span style=\"font-weight: 400\"><a href=\"https:\/\/elementor.com\/blog\/brand-imagery\/\">brand imagery<\/a><\/span><span style=\"font-weight: 400\">; exclusively real images (no stock photos), used often throughout their branding.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400\">The vivid video clips of their team members on their \u201cAbout Us\u201d that subtly transition from one video to the next. It feels authentic, with seamless transitioning between locations and people without getting overwhelmed.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400\">On a thematic level, their language and design elements used throughout the page (white space, and hints of color here and there), convey positivity and an upbeat vibe as the user scrolls down.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cc212b elementor-widget elementor-widget-menu-anchor\" data-id=\"9cc212b\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"g2\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f81b14d elementor-widget elementor-widget-heading\" data-id=\"f81b14d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">12. G2: Traditional Design Elements Become Unique<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae47d0b elementor-widget elementor-widget-video\" data-id=\"ae47d0b\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2020\/05\/g2-video-trimmed.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc9a00 elementor-widget elementor-widget-text-editor\" data-id=\"6dc9a00\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>G2\u2019s <a href=\"https:\/\/culture.g2.com\/about\" target=\"_blank\" rel=\"noopener\">About G2<\/a> page finds a way to use traditional black on white design with colorful components that\u2019s still part of a really unique and unusual design scheme. This applies to their font family as well; the standard Roboto font still looks original even though it\u2019s such a commonly used typeface.\u00a0<\/p><p>We love their subtle tactic of using a bright color for specific snippets within text paragraphs whose main color is black. This generates a sense of clarity throughout the user experience as the user learns that as a brand, G2 is very clear on which of the wording is most important to the user\u2019s understanding of the page content.\u00a0<\/p><p>The way G2 communicates their content is another strategic success, asking the visitor questions in the headings (that the text answers in the next paragraph), creating a passive dialogue with the reader as you scroll down the page.\u00a0<\/p><p><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c89bc66 elementor-widget elementor-widget-menu-anchor\" data-id=\"c89bc66\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"humaan\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a2a18d elementor-widget elementor-widget-heading\" data-id=\"8a2a18d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">13. HUMAAN: About What We Love<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad32a72 elementor-widget elementor-widget-image\" data-id=\"ad32a72\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/humaan-img-r4q78q8dzkylfvvf8ocli2128h410oz239axatsc2y.png\" title=\"humaan img\" alt=\"humaan img\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f386b24 elementor-widget elementor-widget-text-editor\" data-id=\"f386b24\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>HUMAAN&#8217;s <a href=\"https:\/\/humaan.com\/about\/\" target=\"_blank\" rel=\"noopener\">About<\/a> page is all about their people. This is true for a few reasons. Firstly, the page\u2019s hero image is a full-width, relatively close up photograph of their team in costumes. This directs the visitor\u2019s attention to the company\u2019s team in an informal, artistic setting focusing on their leisurely activities rather than more formal pictures of team meetings and working at the office.\u00a0<\/p><p>The dramatic costumes and photo backdrop gives each teammate character and artistic value. As you scroll down, HUMAAN takes a spin on your typical \u2018Our Team\u2019 section design as each employee\u2019s photo is a GIF of them doing something recreational, be it blowing bubbles or playing with a Rubik&#8217;s cube.\u00a0<\/p><p>The two lists in the next section, \u201cWhat we do\u201d vs \u201cWhat we don\u2019t\u201d, is another creative, atypical way to express their company values and culture. Once you then scroll to the photos of the company offices, you get a visual representation of their brand\u2019s personality as a business.\u00a0<\/p><p>Once again, the \u201cAbout Us\u201d page feels very people-first, showing books that the company has in their library and how many coffees they drink, what kind of jokes they make, and which employee is their \u201cPing Pong champ.\u201d\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d372bf0 elementor-widget elementor-widget-menu-anchor\" data-id=\"d372bf0\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"gong\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d87f74 elementor-widget elementor-widget-heading\" data-id=\"4d87f74\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">14. Gong.io: Making Sure to Stand Out<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33460bf elementor-widget elementor-widget-image\" data-id=\"33460bf\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/going.io_image-r4q78q8dzkylfvvf8ocli2128h410oz239axatscwy.png\" title=\"going.io_image\" alt=\"going.io_image\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\"><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a75c85a elementor-widget elementor-widget-text-editor\" data-id=\"a75c85a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There are many elements that we could point to on GONG\u2019s <a href=\"https:\/\/www.gong.io\/about\/\" target=\"_blank\" rel=\"noopener\">About<\/a> page which represent just how creative their page design is. Be it the gradient page background, the hero image which integrates and weaves graphic letters behind and in front of images of real humans, or the primary color of deep purple, there was evidently a lot of advanced thinking behind the look of this page.\u00a0<\/p><p>We also love the hover effects over each employee\u2019s photo, it gives a sense of individuality and significance to what we can learn about each person.\u00a0<\/p><p>The minimal amount of text is also a defining feature, as we see that the most dominant element on the page is the background color composed of different shades of purple, communicating the brand personality visually, rather than verbally.\u00a0<\/p><p>The first and last thought that any visitor will have when looking or exiting this page is: This is a bold, confident, and unique brand that\u2019s definitely worth learning about.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77fb54d elementor-widget elementor-widget-menu-anchor\" data-id=\"77fb54d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"etsy\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bc4140 elementor-widget elementor-widget-heading\" data-id=\"9bc4140\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">15. Etsy: Clear, Concise Brand Messaging<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3be387d elementor-widget elementor-widget-video\" data-id=\"3be387d\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2020\/05\/etsy-img.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ada849a elementor-widget elementor-widget-text-editor\" data-id=\"ada849a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.etsy.com\/about\" target=\"_blank\" rel=\"noopener\">Etsy<\/a> uses the concept of white space and minimalist design in a phenomenal way. All they needed to add to their vast white space with large black font is the colorful GIF illustrations that set a friendly casual tone for visitors.<\/p><p>With few words alone, they represent what their product is and what their brand values are. There\u2019s no room for confusion. They do the same when communicating to the user what they\u2019re brand is about and what they believe in.<\/p><p>Etsy\u2019s \u201cAbout Us\u201d page design gives web creators living proof that in web design, less is more. The clearer your brand\u2019s messaging and content is, the bigger your impact on visitors will be, even if you keep your content on the short side.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20c129f elementor-widget elementor-widget-heading\" data-id=\"20c129f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">16. GIPHY: Focusing on Motion Effects<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43c9b7d elementor-widget elementor-widget-video\" data-id=\"43c9b7d\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/sites\/9\/2020\/05\/giphy-mp4.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68fc242 elementor-widget elementor-widget-text-editor\" data-id=\"68fc242\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>GIPHY shows us web creators how to make a <a href=\"https:\/\/giphy.com\/about\" target=\"_blank\" rel=\"noopener\">video background<\/a> look awesome. They position their value proposition nicely under a short animation, and then dive into their virtual reality-like GIF that lets visitors feel like they\u2019re going on an adventure by scrolling down the page.\u00a0<\/p><p>It makes perfect sense that a site whose product is all about animation will use animation for every design element possible when designing their site. This comes to play with the motion effects they use such as the googly eyes above the \u2018Contact Us\u2019 section, and the interactive avatars that represent each of their employees.<\/p><p>Since their job is to prove their expertise in animated illustrations, GIPHY does a great job of telling their story by showing all sorts of animated effects that are sophisticated, playful, and creative all the same.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-752c054 elementor-widget elementor-widget-heading\" data-id=\"752c054\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">So, What Are You About?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fabe22e elementor-widget elementor-widget-text-editor\" data-id=\"fabe22e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As you can tell, we love the inspiring examples we&#8217;ve just listed above. Brand storytelling, both in words and in design, is such a powerful tool for business and community prosperity. Now that you&#8217;ve seen these works of art, it&#8217;s time to get cracking on your About pages.\u00a0<\/p><p>To recap, these are some takeaways we&#8217;ve learned from our personal favorite design examples:<\/p><ul><li style=\"list-style-type: none\"><ul><li><strong>Choose what to emphasize &#8211; <\/strong>Think carefully about what you want to emphasize, be it design elements, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\"   title=\"26 Best Fonts For Websites &amp; Web Design (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26014\">typography<\/a>, or messaging. Your visitors are taking the time to get to know you better, so be very clear about what you want to share and what&#8217;s most important to the conversation.<\/li><\/ul><\/li><\/ul><ul><li style=\"list-style-type: none\"><ul><li><strong>Find the right design language &#8211; <\/strong>Choose a design language that not only correlates directly to your branding (both visual and messaging), but really communicates what you want your About page to accomplish. If you&#8217;re looking to use it as an interpersonal gesture between you and your audience, for example, then choose imagery and content that focuses on community, human connections, social interactions, etc.\u00a0<\/li><\/ul><\/li><\/ul><ul><li style=\"list-style-type: none\"><ul><li><strong>Use trendy design features. <\/strong>Now is your time to plug in to motion effects, interesting layouts, minimalist design, and so on. You can even think of your About page as a way to test new design techniques that you&#8217;re considering adding on to your site, but aren&#8217;t sure if they&#8217;re the right fit.\u00a0<\/li><\/ul><\/li><\/ul><ul><li style=\"list-style-type: none\"><ul><li><strong>Be super creative.<\/strong> You want to leave a good impression on your audience, right? Think about how you can be different to your competitors, how you can stand out, and what innovative design you can leverage to create a unique identity.<\/li><\/ul><\/li><\/ul><ul><li style=\"list-style-type: none\"><ul><li><strong>Show your audience how much you appreciate them. <\/strong>Community is key to any business&#8217;s growth, so it&#8217;s time to put your community members at the center! Find ways to convey how important your team is to your company, and how significant your community members to your brand value.<\/li><\/ul><\/li><\/ul><ul><li style=\"list-style-type: none\"><ul><li><strong>Integrate your product&#8217;s actual UX. <\/strong>Whether it&#8217;s making the page look like your product&#8217;s UI, or alternative ways such as using a lot of the same imagery, symbols, typeface, etc.<\/li><\/ul><\/li><\/ul><p>As with most things in web design, trends chosen and loved by web creators are constantly changing and evolving. We can&#8217;t wait to see what you come up with for your About Us pages and how you continue to design them later on!\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your About Us page is one of the most important pages on your site. After all, it is a sheer representation of your brand identity. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.<\/p>\n","protected":false},"author":340600,"featured_media":38280,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17,32],"tags":[79],"marketing_persona":[47],"marketing_intent":[48],"class_list":["post-38279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-design","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>16 Creative About Us Pages to Inspire You | Elementor<\/title>\n<meta name=\"description\" content=\"Your About Us page is one of the most important pages on your site. After all, it is a sheer representation of your brand identity. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"16 Creative About Us Pages to Inspire You | Elementor\" \/>\n<meta property=\"og:description\" content=\"Your About Us page is one of the most important pages on your site. After all, it is a sheer representation of your brand identity. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-13T13:18:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T15:57:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Orlee Gillis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Orlee Gillis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\"},\"author\":{\"name\":\"Orlee Gillis\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6\"},\"headline\":\"16 Creative About Us Page Examples That We Love\",\"datePublished\":\"2020-05-13T13:18:47+00:00\",\"dateModified\":\"2025-12-29T15:57:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\"},\"wordCount\":4123,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png\",\"keywords\":[\"Build\"],\"articleSection\":[\"Inspiration\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\",\"url\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\",\"name\":\"16 Creative About Us Pages to Inspire You | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png\",\"datePublished\":\"2020-05-13T13:18:47+00:00\",\"dateModified\":\"2025-12-29T15:57:51+00:00\",\"description\":\"Your About Us page is one of the most important pages on your site. After all, it is a sheer representation of your brand identity. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/about-us-page-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png\",\"width\":1201,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/about-us-page-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/elementor.com\/blog\/category\/design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"16 Creative About Us Page Examples That We Love\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6\",\"name\":\"Orlee Gillis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g\",\"caption\":\"Orlee Gillis\"},\"description\":\"Orlee is a Content Creator at Elementor who's enamored by UX\/UI Design and UX Writing. She spends a lot of time practicing her design skills and steeping cold brew coffee.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/orlee\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"16 Creative About Us Pages to Inspire You | Elementor","description":"Your About Us page is one of the most important pages on your site. After all, it is a sheer representation of your brand identity. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/about-us-page-examples\/","og_locale":"en_US","og_type":"article","og_title":"16 Creative About Us Pages to Inspire You | Elementor","og_description":"Your About Us page is one of the most important pages on your site. After all, it is a sheer representation of your brand identity. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.","og_url":"https:\/\/elementor.com\/blog\/about-us-page-examples\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-05-13T13:18:47+00:00","article_modified_time":"2025-12-29T15:57:51+00:00","og_image":[{"width":1201,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png","type":"image\/png"}],"author":"Orlee Gillis","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Orlee Gillis","Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/"},"author":{"name":"Orlee Gillis","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6"},"headline":"16 Creative About Us Page Examples That We Love","datePublished":"2020-05-13T13:18:47+00:00","dateModified":"2025-12-29T15:57:51+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/"},"wordCount":4123,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png","keywords":["Build"],"articleSection":["Inspiration","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/about-us-page-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/","url":"https:\/\/elementor.com\/blog\/about-us-page-examples\/","name":"16 Creative About Us Pages to Inspire You | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png","datePublished":"2020-05-13T13:18:47+00:00","dateModified":"2025-12-29T15:57:51+00:00","description":"Your About Us page is one of the most important pages on your site. After all, it is a sheer representation of your brand identity. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/about-us-page-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/05\/Creative-About-Us-Examples-external.png","width":1201,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/about-us-page-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/elementor.com\/blog\/category\/design\/"},{"@type":"ListItem","position":3,"name":"16 Creative About Us Page Examples That We Love"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/328053c188caa983135122eb1f4c62f6","name":"Orlee Gillis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/42bbded5d63d5cb8af7896e256e70095f2254b7e6957471a74c9bf5cdf8cbd5d?s=96&d=mm&r=g","caption":"Orlee Gillis"},"description":"Orlee is a Content Creator at Elementor who's enamored by UX\/UI Design and UX Writing. She spends a lot of time practicing her design skills and steeping cold brew coffee.","url":"https:\/\/elementor.com\/blog\/author\/orlee\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/38279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/340600"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=38279"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/38279\/revisions"}],"predecessor-version":[{"id":149136,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/38279\/revisions\/149136"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/38280"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=38279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=38279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=38279"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=38279"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=38279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}