The color scheme is powerful, paired with the Sailec Bold typeface. And ironically, their UI reminds us so much of an old-fashioned, standard newspaper, yet newspapers are also always full of ads. Anton & Irene is a design agency based in Manhattan. You can probably think of hundreds of things you want people to know, from your history to your successes to your values, but cramming all of that information on one page is overwhelming for you and your visitors. Create a mesmerizing ‘About Us’ page today and not tomorrow! It creates a conversational dynamic between visitor and team member, making the section an ‘image-only’ design which relies on user activity to deliver the information the user expects. An About Us page gives online shoppers insight into your brand and the people behind it. Since they offer wedding photography services, this is a brilliant design match. An about me page should give a general ideas of who you really are. Pre-writing questions: Before starting any given page, you really need to wrap your heads around the primary goal of the page and to whom this page is targeted. It’s a few things, really. Lastly, the real unique selling point of this page is the example of a tweet tweeted by Twitter’s support team, with a large, clear photograph as its background that illustrates the topic of the tweet. The About Us page of this Austin, Texas, caterer captures the personality of the team with the following phrases: “We’re a talented bunch,” and “We’re Awesome.” The page includes content that is passionate and conveys the company’s attitude. 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. Why should people choose you over your competitors? Their value proposition (which they refer to as their “mission”) 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. It’s also a great way to add followers and turn casual supporters into raving fans. This is not a contact us page. We also made room for each teammate to be on stage in an authentic and meaningful way. 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. This is why your About Us page is one of the most important pages on your site. It goes without saying that Medium has aced the art of white space. A clean layout and simple design appeals more to users. To get the latest and most quality design resources! The imagery in the photos of their employees, specifically their facial expressions, shows personality and dedication to their work. MSN particularly likes page headings rendered in h1 and h2 tags. What Should an About Us Page Include? Jongde Twitter does a fine job using the About page’s hero text as a means for giving a precise definition of their brand objective: “Twitter is what’s happening in the world and what people are talking about right now.” This sums up exactly what their product is about and what they’re brand represents. In this article, I will analyse the most outstanding eCommerce About Us page examples to help you learn the lesson behind: How Shopify About Us pages really increase eCommerce conversion rates. We can’t wait to see what you come up with for your About Us pages and how you continue to design them later on! If they don’t need the information, they simply ignore it. About Us Page Design: Form & Function. Code properly with H1 as the main title, then H2 as the next sub-heading and H3 as the sub-sub-heading. However, extended content often helps generate high rankings for targeted … The benefit is that you save hours of time writing content, but still provide valuable information for your clients and Web site visitors. Streamline collaboration between design and development, The best desktop prototyping tool trusted by millions of users, Best remote work solution for design teams, One platform for design, prototype, hand-off and design systems - Plans that scale with your team, Desktop prototyping tool - Simple plans for everyone. The two lists in the next section, “What we do” vs “What we don’t”, is another creative, atypical way to express their company values and culture. Boston's Mei Mei Street Kitchen does a great job of this - including information about their restaurant and food truck, content about their local and sustainable approach, as well as links to recent press. Medium explains who their brand personas are, and who their persona is not. 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. Who doesn’t like a bit of irony to make things interesting? If you really want to position your site as the authority in your industry, you have to set up an About page. GIPHY shows us web creators how to make a video background look awesome. This “about us” page is dominated by grey tones, it clearly shows us the company's brand story, value, and real data support. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about. First as a background overlay for its cover image, then as a solid text background, and finally as a cut-out overlay over their team images. This is true for a few reasons. Their philosophy taps into human emotions: "We make sure everything we do honors that connection – from our commitment to the highest quality coffee in the world." Human nature dictates that … I think Drift’s overall design is the one I have liked the least—I used to have their chat on my site so I know their website design. Do you want their trust? There’s no room for confusion. The dramatic costumes and photo backdrop gives each teammate character and artistic value. Do you want users to know more about your company? They’ve certainly mastered how to use motion effects in a real classy way. I think you can agree that it doesn’t. Here’s how to write an ‘About Me’ page you can be proud of. Your business ‘About Us’ page is your story. Great post. What touched our design soft spot on this page is the way they use their color scheme as their secret weapon. G2’s About G2 page finds a way to use traditional black on white design with colorful components that’s still part of a really unique and unusual design scheme. By entering your email, you agree to our Terms & Conditions and Privacy Policy. After reading and exploring yours, each visitor will fully understand your brand values, mission statement, added value, and so on. Collaborate Better. It feels authentic, with seamless transitioning between locations and people without getting overwhelmed. The clearer your brand’s messaging and content is, the bigger your impact on visitors will be, even if you keep your content on the short side. We also love the hover effects over each employee’s photo, it gives a sense of individuality and significance to what we can learn about each person. Personalize your About Us page Many Web site developers for the accounting profession provide Web sites that are loaded with prewritten content, ranging from IRS forms to financial calculators. If you notice, their page doesn’t spend time telling a descriptive story about themselves. Include keywords in content in … Since video appeals more to humans, this “about page” design is more likely to keep users on site and increase conversions. This "about us" page of Feather and Stone stands out from the others due to hand-drawn illustrations. Add location and data for more authenticity. Instead, they illustrate their company culture with vector drawings that align with their branding and general design theme. Because a lot of people go to his website… Your About Us page is your perfect opportunity to tell a compelling story about your business. #1: Overview of About pages. Below the image is specific website data: the current total number of blogs and posts. 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. This comes to play with the motion effects they use such as the googly eyes above the ‘Contact Us’ section, and the interactive avatars that represent each of their employees. Major points for originality. Oana Filip, Chief People Officer at Pixelgrade, shared with us the design thinking and strategy her team used when designing the page: “Pixelgrade’s about page reflects a manifesto that reinforces what kind of experience we are shaping for our visitors. By giving users a choice, Sulzer’s “about page” becomes more effective. Next up is pixelgrade, which was built with none other than Elementor . Kittie’s Cakes' "about us" page is filled with simple but extremely cheerful and interesting illustrations. Make a good impression with stylish design. We party together, work together, hang out together, and so on. So don’t hesitate to post those social media links and call attention to them in your About Us content. The information layout is done smoothly, sharing the company philosophy and how it operates., Handoff PS designs with accurate specs, assets & code snippets, Export wireframes and prorotypes from Axure, Handoff Sketch designs with accurate specs, assets & code snippets, Handoff XD designs with accurate specs, assets & code snippets, Gather & Manage All Related PRDs, Hi-Fi Designs & Prototypes in One Project, 6 Free Quick Wireframe Tools For UI/UX Designers in 2019, Top 6 Free Website Mockup Tools for Your Next Design Project, 20 Best Login Page Examples and Responsive Templates [FREE DOWNLOAD], Top 22 Free Online Portfolio Websites to Create Perfect UX/UI Design Portfolios, Top 15 Android UI Design Tools That Designers Should Not Miss, Top 22 Free Dashboard Design Examples, Templates & UI Kits for You, Learn design and collaboration in 3 minutes, Get the basics to start prototyping Web and Apps, This "about us" page of Feather and Stone. Please share below your experiences with creating ‘About Us’ pages and how they have helped you generate business. Join 2,630,128 subscribers who stay ahead of the pack. Best Prototyping Tool for Mobile, Web and Desktop Apps. Although the entire page doesn’t have a lot of text, the product is effectively embedded into people’s consciousness. Your About Us page is one of the most important pages on your site. The alternating color of the hero text is synchronized with the background color of the next section, and timed perfectly. HUMAAN’s About page is all about their people. If you are unsure on how to design an effective “about us” page, take a look at these 18 examples and find out what makes them tick. People more than often like to meet and connect with new people, for that exact reason you should at least provide an about the author box, or and about me about us page that lists the people who write the content. Zendesk’s About page, similar to Twitter’s, goes to show how effective motion effects can be for brand storytelling. The reader really experiences what the brand stands for, and what experience they provide to its users. The GIF of logos in the second section is truly creative and delicate, a fine combination. Your email address will not be published. And this is exactly what Odoo has done with its “about us” page. 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 Testimonial widget). Yet at the same time, their brand story is so rich and present everywhere on their site, no matter what content you encounter. 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. The page is a space for you to get creative, personal, and basically initiate a personal introduction with your customers.. It opens the discussion by sharing what its company culture is like, conveying a community-oriented vibe. The way they present their team is uber creative, too. Prototype, design, collaborate, and design systems all in Mockplus. Only once you scroll down, then do you learn that they’re a design firm with an upbeat, laid back voice and tone (“shake it up”). If you want to see more precise details about the animation, you can always click ‘Inspect’ on your browser and see the exact CSS coding that’s being used. Each section, which talks about their brand values shows a different section of their office (and each section is designed immaculately, obviously.). 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 is a major success for their brand storytelling. You want to make sure that your About Us page is attractive and compelling—a nice balance of graphics/photos and text. Not terrible, but I don’t like the “urban” elements too much BUT I am sure other people do. Its “about us” page features a 2.5-minute video which provides company information and conveys the store’s excellent craftsmanship. Most of all, keep it … Look at the flow, whether that is having sub-pages within your “About” section, or simply scrolling through. We recommend that sites always include at least a main About Us page, but depending on the amount of content you have, your users’ information needs, the size, and tenure of your organization, you may decide to include subcategory pages underneath About Us. First impressions matter and your website needs to dress to impress. For additional credibility, photos of the company’s leadership is displayed. Why? Why the "About Me" Page Rocks: It's confident, creative, and easy … As you scroll down, HUMAAN takes a spin on your typical ‘Our Team’ section design as each employee’s photo is a GIF of them doing something recreational, be it blowing bubbles or playing with a Rubik’s cube. In the end, it’s our approach to telling a compelling and human story about our inner-why.”. 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. And what keywords or phrases would they most likely use to search for your solution? Mockplus Black Friday Deal, take 50% OFF everything! Darren Rowse has one of the most popular About Us pages on the internet. Atlassian’s About page, or as they call it, their “Company” page, is built around telling the story of their brand values. The About Us page plays a large part in the impression you leave … Start by talking about your audience, not yourself. And did you notice that the last team member they show is their dog? We were born in different cities, at different times, we love different music, food, movies. The latest recommended published posts are highlighted at the bottom of the page. Joe Payton. Firstly, the page’s hero image is a full-width, relatively close up photograph of their team in costumes. Within their simplistic, minimalist design, their content covers the key topics that visitors want to know about: What they believe as a brand, what they’ve achieved, what their team likes to do, and of course, their work samples. Since red exudes a warm vibe and signifies important content, this color scheme works perfectly. What we mean is, hone down on the essence of your brand values and make that the focal point of the page (and don’t forget you can create CSS text animations with Elementor). Structuring and Labeling About Us Content. Then a 12-step animation takes place. And that’s exactly what they do so well. Stand out with an "About Us" page that shows off who your company is and strongly conveys your brand's voice. Finally, our favorite design element on the page is the way they illustrate their solution to the “financial complexity” point, visualizing how they simplify financial management for businesses. They do the same when communicating to the user what they’re brand is about and what they believe in. 2. 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. From a search engine optimization perspective, longer content is always best. This is why having a text-only About page is a wonderful way to complement such an image-focused website. This is the most basic. An effective “about us” page is not just about filling a page with the brand logo, company, and team information, or sharing the company's philosophy. Every "about us" page exists to let users know about the company and what they do. Here are some things you should … A website, for example, can get by with shorter pieces if it becomes authoritative through its age, the number of pages, inbound links, and more. In- house content editor, specialize in SEO content writing. 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. In terms of their storytelling, it’s pretty straightforward, just laid back and easy. Pixelgrade takes one single color and uses it in a different way for each section of the page. However, the good news is if you follow the formula and tips below, you should be able to generate an engaging ‘About Me’ statement without too much of a struggle. Just fill in the brackets with your company's information and you'll have a professional About Us page written in minutes. I love the Pixelgrade page. What brought your company together? She spends a lot of time practicing her design skills and steeping cold brew coffee. And good, unique design with strong visuals doesn’t hurt (to say the least)! This design for Rook keeps things super … A slideshow features ten members of the catering firm. The best way to learn something is learning from the best! There’s absolutely no way to leave this About page being confused or unsure of what Medium’s brand is all about. It is our company. 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. What’s in it for them? We have a lot more where that came from! Writing this page isn’t the easiest thing to master, … © 2014-2020 Mockplus Software Co.,Ltd. User guides, training, and support articles. Use obvious CTAs to make it easy for users to use your products. There is a good selection here: good job! ; exclusively real images (no stock photos), used often throughout their branding. After all, it is a sheer representation of your brand identity. We hope this article helps you design the best “about us” page possible to get you the results you want. This directs the visitor’s attention to the company’s team in an informal, artistic setting focusing on their leisurely activities rather than more formal pictures of team meetings and working at the office. This “about us” page is dominated by grey tones, it clearly shows us the company's brand story, value, and real data support. Starbucks' "about us" page is very simple. 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. Let us count the ways. Open the email on your desktop, download Elementor and start working, The uniqueness and creativity that we see in Drift’s, makes their design work stand out on several fronts. Drift’s 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. Mockplus does it all! This applies to their font family as well; the standard Roboto font still looks original even though it’s such a commonly used typeface. You're not like everyone else -- so tell the world what makes you unique! What’s their pain? About Us Page. Designing the best user experience. How to write your "About Us" page. In other words, killing two birds with one stone. Join 2,630,128 Elementors, and get a weekly roundup of our best skill-enhancing content. Offer your visitors informati… This might be the most distinctive website we’ve come across. Let’s take a look at 16 of our favorite About Us pages, whose design and content strategy are worth writing home about. Update Regularly. All in all, we were quite impressed, to say the least. We were very impressed by that, finding it to be really unique among the many many websites we’ve seen. Yes, we’re talking about your website’s About Us page. Medium is the exact opposite: No ads. Their About page is built to look exactly like their publication pages. OverviewEditorDesignMarketingDevelopmentTheme BuilderExpertsPopup BuilderWidgetsIntegrations, BlogCommunityShowcaseHostingAdd-onsHello ThemeTemplate LibraryAffiliate ProgramWebsite TutorialsFree WordPress Themes, About UsPricingCareersTrademarkTerms & ConditionsPrivacy Policy, Join our 2,630,128 newsletter subscribers and get the latest news and articles sent straight to your inbox weekly. Instead the story is told through a video, imagery, and sparse copy that summons the idea of resilience, exploration, and embracing the essential. Customers who view your About Us page will spend 22.5% more than those that don't. To recap, these are some takeaways we’ve learned from our personal favorite design examples: As with most things in web design, trends chosen and loved by web creators are constantly changing and evolving. Now, it's time for you to design a stylish and effective "about us" page. That is such a nice touch, which we’ve never seen before on a company website! These statistics considered – are you paying enough attention to your About Us page? First off, it’s about what they highlight. Starbucks' "about us" page is very simple. Or at least, it should be. Orlee is a Content Creator at Elementor who's enamored by UX/UI Design and UX Writing. She is a fruit lover and visionary person. Save 70% to get an all-in-one online design tool. In general, we’re big fans of adding motion effects to take your website design to the next level. Writing an ‘About Me’ page or section for yourself is never easy. But the community feel doesn’t stop there. User Agreement Sulzer does this by using a clever typesetting method which makes use of picture text links to present company information. Responsive Bootstrap About Us Page Template MEET OUR TEAM. 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. The bold color scheme (we love it) is minimalistic in its own way, with brief yet concise short paragraphs as you scroll down. This is highly effective in keeping users on the site. It must provide useful information succinctly and contain no fluff. WP Standard’s About Us page is almost like a lookbook with a minimal amount of copy or details about its origin. Display real photos of the team and individual members. With regards to their copy, the hero text, “Welcome to Medium, where words matter” states their brand core value, followed by a description that elaborates further. They use a counterbalance effect to illustrate their ‘no ads’ policy to the user. We attribute this to the design of each room clearly sync together in their design schemes, but it’s also the selection of photos they use for their images. Feather and Stone relies heavily on these illustrations to express their uniqueness. Rand Fishkin once tweeted, “Best way to sell … ‘We’re not advertisers, we’re people, we’re about quality, not quantity…’. Brand storytelling, both in words and in design, is such a powerful tool for business and community prosperity. Next off, the way Medium illustrates their brand values (after they’ve made it clear that their entire product is built around their community of readers and writers) is a creative masterpiece. With five brief statements alone, Twitter’s brand objective is crystal clear: Twitter is the place where people around the world learn and discuss what’s happening everywhere, as soon as it happens. Go check the About Us page of Dropbox now. All rights reserved. Keep tweaking it to make it better. In terms of its content, Zendesk introduces itself as a real conversation starter. Whether you need help in layout design or page scrolling, you’ll find it easy to create an interactive page with Mockplus’ 200 built-in components. Similar to dribbble, Medium’s About page showcases real articles (instead of artwork, like on dribbble’s site) written by real Medium users. This can include: How you started your brand; What makes you and your brand unique; What are your brand values and beliefs ; Why customers should choose you ; Take a look at About Us page by the yoga mat company Form. Figure Out Everything Your Page Will Include. Another important element of your … There are many elements that we could point to on GONG’s About page which represent just how creative their page design is. We love how they highlight their features as you scroll down the page. Hi Brandon, Pixelgrade actually used a cool CSS trickery, a sophisticated CSS technique that advances one keyframe at a time. Oh Twitter, how do we love thee? 7 Examples of Well Written About Pages for Blogs and Websites. And, according to Blue Acorn, those who view it are 5x more likely to make a purchase. Finally, their interactive technique of using a hover effect to show each team member’s bio is truly one-of-a-kind. After all, it is a sheer representation of your brand identity. It is important not to overlook the marketing potential that lies within the content of your website’s About Us page. This brushstroke effect is highly unique and creative, and each project’s color scheme matches the brush strokes around it perfectly. A Sharp Palette and Striking Colors. This is also true for their. As an extra note, I really like when the “about” is centered on the team rather than the company or their mission statement. The first step to create an authentic, effective about us page that really communicates who you are and what you’re about is perfecting every design detail. The "about us" page of Sulzer must be easy to navigate. We love the way they integrate their logo into an uplifting, brightly colored illustration that inspires visitors to want to learn more. The latest news at the bottom of the page helps keep readers on site. While search-engine optimization isn't the only motivating factor for an about us page, the page presents an opportunity to include common search keywords among the other content. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about. The brand messaging is all about their community of creatives, and they even show artwork done by their community members as the site imagery. The "about" page is typically an afterthought. Not only is it important to have an about us page for e-commerce, it's important to have a GREAT about us page. 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. The uniqueness of Atlassian’s Company 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. Once your content is generated, you’ll be able to tweak … Privacy Policy Having an about us page will increase the profitability of the business as it builds a level of trust between the company and the customer, increasing conversions on products in return.
2020 about us page content sample