If they don’t need the information, they simply ignore it. 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. Jongde ; exclusively real images (no stock photos), used often throughout their branding. The information is displayed in the form of an animation with bold colors and a distinctive personality, which makes for an impressive page. We love retro design for its warm colors and fun illustrations, not to mention its compatibility with traditional layout techniques. Mockplus - Design Faster.   |  2020-09-27. It’s simple on the one hand, and super cutting-edge on the other hand. Pawel Nolbert’s About page is text-only and uses Circular Book font in each of the colorful paragraphs, each one a different color, along the page. GIPHY shows us web creators how to make a video background look awesome. 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. 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. Since they offer wedding photography services, this is a brilliant design match. She is a fruit lover and visionary person. 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. This applies to their font family as well; the standard Roboto font still looks original even though it’s such a commonly used typeface. 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. 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. Why… Mockplus is a simple and easy-to-learn web prototyping tool for creating web projects, free projects, custom projects, APP projects, and more. While designers, copywriters, and CEOs might spend weeks agonizing over what information and pictures are included on your homepage, they rarely consider what elements other than a short description should be included in the "about us" section of the agency's website. The information layout is done smoothly, sharing the company philosophy and how it operates. Great post. The best way to learn something is learning from the best! What Should an About Us Page Include? Hi Brandon, Pixelgrade actually used a cool CSS trickery, a sophisticated CSS technique that advances one keyframe at a time. The "about" page is typically an afterthought. We hope this article helps you design the best “about us” page possible to get you the results you want. Major points for originality. The latest recommended published posts are highlighted at the bottom of the page. Your About Us page should be a work in progress. You get a good community vibe from all the imagery they use of their team members, both as a group and as individuals. The uniqueness and creativity that we see in Drift’s About Us page makes their design work stand out on several fronts. This visitor wants to get to know you by listening to the story you have to tell. They’ve certainly mastered how to use motion effects in a real classy way. 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). An About page is a special web page on a site where your readers/visitors learn more about you and what you do. Then a 12-step animation takes place. Add location and data for more authenticity. I think you can agree that it doesn’t. Tumblr's "about us" page is standardized, with attention-grabbing rotating images behind a logo. Your About Us page is your perfect opportunity to tell a compelling story about your business. Writing your "About Us" page on your website can be fun and enjoyable. Save 70% to get an all-in-one online design tool. We were wowed by degordian’s About page when it loaded in our browser. Only then do they begin talking about numbers, such as how many paid customer accounts they have and where their customers are located. About Us Page Template We've created a sample About Us template designed to work well for virtually any online store, blog, or website. Because a lot of people go to his website… There is a good selection here: good job! 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. 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. 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. 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. Pawel Nolbert’s portfolio site is a vivid array of illustrations, each of which are different from each other, while following a theme of paintbrush strokes. Instead the story is told through a video, imagery, and sparse copy that summons the idea of resilience, exploration, and embracing the essential. 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. Human nature dictates that … Create a mesmerizing ‘About Us’ page today and not tomorrow! This is also true for their brand imagery; exclusively real images (no stock photos), used often throughout their branding. In terms of their storytelling, it’s pretty straightforward, just laid back and easy. You're not like everyone else -- so tell the world what makes you unique! The alternating hashtags is also a nice touch. If you really want to position your site as the authority in your industry, you have to set up an About page. Show the company’s accomplishments to enhance user trust. 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. Another important element of your … Feather and Stone relies heavily on these illustrations to express their uniqueness. Its “about us” page features a 2.5-minute video which provides company information and conveys the store’s excellent craftsmanship. It’s also a great way to add followers and turn casual supporters into raving fans. HUMAAN’s About page is all about their people. Etsy’s “About Us” page design gives web creators living proof that in web design, less is more. Their About page is built to look exactly like their publication pages. 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! What’s their pain? Best Prototyping Tool for Mobile, Web and Desktop Apps. #1: Overview of About pages. 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. 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. 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. Sulzer does this by using a clever typesetting method which makes use of picture text links to present company information. About Us Page Design: Form & Function. 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’s definitely worth learning about. Rand Fishkin once tweeted, “Best way to sell … Here are 6 points to remember when creating your "About Us" page so that you'll make the … create an authentic, effective about us page, create CSS text animations with Elementor, Monthly Template Kits #16: The Travel Blog Template Kit, Elementor Team Writes: How To Write an About Us Page That Defines Your Brand and Drives Leads. 2. Code properly with H1 as the main title, then H2 as the next sub-heading and H3 as the sub-sub-heading. By entering your email, you agree to our Terms of Service and Privacy Policy. An About Us page helps your company make a good first impression, and is critical for building customer trust and loyalty. The about page of Thoughtworks page definitely does this. Yes, we’re talking about your website’s About Us page. And did you notice that the last team member they show is their dog? This brushstroke effect is highly unique and creative, and each project’s color scheme matches the brush strokes around it perfectly. Your About Us page is one of the most important pages on your site. Furthermore, the blue CTA stands out as you scroll down the page. Make a good impression with stylish design. We were very impressed by that, finding it to be really unique among the many many websites we’ve seen. She spends a lot of time practicing her design skills and steeping cold brew coffee. About Us Sample Template Comprehensive Solutions Provider The service specialists at (Your Company Name) know what a challenging task it can be to identify and solve even the simplest of electrical concerns. Similar to dribbble, Medium’s About page showcases real articles (instead of artwork, like on dribbble’s site) written by real Medium users. It’s a few things, really. I love the Pixelgrade page. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about. 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. For additional credibility, photos of the company’s leadership is displayed. The page is a space for you to get creative, personal, and basically initiate a personal introduction with your customers.. Starbucks. This is why your About Us page is one of the most important pages on your site. We love their subtle tactic of using a bright color for specific snippets within text paragraphs whose main color is black. They do the same when communicating to the user what they’re brand is about and what they believe in. If you notice, their page doesn’t spend time telling a descriptive story about themselves. There are many elements that we could point to on GONG’s About page which represent just how creative their page design is. Keep tweaking it to make it better. 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. We have a lot of fun while browsing around Zendesk’s About page. They have a way of fusing the principles of their brand values with the product’s concrete added value into a single sentence. Why should people choose you over your competitors? It’s easy to start writing before … Update Regularly. Using your key terms and linking to a few product pages in an about us section provides a small boost for ecommerce store owners and takes … 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. Use obvious CTAs to make it easy for users to use your products. 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. Atlassian’s About page, or as they call it, their “Company” page, is built around telling the story of their brand values. Next up is pixelgrade, which was built with none other than Elementor . This is true for a few reasons. The best example of Shopify e-Commerce "About Us" page template. Now that you’ve seen these works of art, it’s time to get cracking on your About pages. After all, it is a sheer representation of your brand identity. It opens the discussion by sharing what its company culture is like, conveying a community-oriented vibe. © 2014-2020 Mockplus Software Co.,Ltd. We are all very different. Below the image is specific website data: the current total number of blogs and posts. Show your accomplishments but don’t go overboard. An About Us page gives online shoppers insight into your brand and the people behind it. If there’s such a thing as the best way to demonstrate your user experience, Medium has nailed it. You only need a simple and easy-to-use prototyping tool to help you get it done. 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. There’s no room for confusion. The authentic photographs breed originality, and the color scheme is simple yet pronounced and engaging all the same. It must provide useful information succinctly and contain no fluff. In- house content editor, specialize in SEO content writing. Include keywords in content in … The GIF of logos in the second section is truly creative and delicate, a fine combination. And, according to Blue Acorn, those who view it are 5x more likely to make a purchase. Look at the flow, whether that is having sub-pages within your “About” section, or simply scrolling through. Designing the best user experience. Who doesn’t like a bit of irony to make things interesting? 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. Once you then scroll to the photos of the company offices, you get a visual representation of their brand’s personality as a business. And good, unique design with strong visuals doesn’t hurt (to say the least)! 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." By entering your email, you agree to our Terms & Conditions and Privacy Policy. And of course, the large typeface and crisp design is interesting, sparking curiosity among us all. 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. What brought your company together? Kittie’s Cakes' "about us" page is filled with simple but extremely cheerful and interesting illustrations. So don’t hesitate to post those social media links and call attention to them in your About Us content. First impressions matter and your website needs to dress to impress. The color scheme is powerful, paired with the Sailec Bold typeface. Here are some things you should … WP Standard’s About Us page is almost like a lookbook with a minimal amount of copy or details about its origin. Handoff Designs with Accurate Specs, Assets, Code Snippets Automatically. The bold color scheme (we love it) is minimalistic in its own way, with brief yet concise short paragraphs as you scroll down. Most of all, keep it … Responsive Bootstrap About Us Page Template MEET OUR TEAM. The alternating color of the hero text is synchronized with the background color of the next section, and timed perfectly. They use a counterbalance effect to illustrate their ‘no ads’ policy to the user. Brand storytelling, both in words and in design, is such a powerful tool for business and community prosperity. The messaging here, both visually (design scheme and photo choices) is people-centered. 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. 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. Another ‘built with Elementor’ masterpiece, ShakeDesign uses a slideshow gallery as their hero image. In terms of its content, Zendesk introduces itself as a real conversation starter. The About Us page plays a large part in the impression you leave … Do not include lengthy information which does not add practical value. Not terrible, but I don’t like the “urban” elements too much BUT I am sure other people do. What caught our attention about Stripes’ About page? Instead, they illustrate their company culture with vector drawings that align with their branding and general design theme. However, extended content often helps generate high rankings for targeted … The fire-like font color set on the white background represents a brand that is forthcoming, and curious, as they say themselves. 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. Every "about us" page exists to let users know about the company and what they do. It is, after all, a sheer representation of your brand identity. This is the most basic. Pixelgrade and Etsy are my favorite! 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. 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. Starbucks' "about us" page is very simple. Pawel’s page is a great example of a creative way to find the right balance between text and images on a website. Their philosophy taps into human emotions: "We make sure everything we do … We were excited by his creative way of designing a text-only page that is by no means boring in any way. The way they present their team is uber creative, too. Your business ‘About Us’ page is your story. We party together, work together, hang out together, and so on. Anton & Irene is a design agency based in Manhattan. How to write your "About Us" page. 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. This "about us" page of Feather and Stone stands out from the others due to hand-drawn illustrations. The latest news at the bottom of the page helps keep readers on site. Join 2,630,128 Elementors, and get a weekly roundup of our best skill-enhancing content. Once again, the “About Us” 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 “Ping Pong champ.”. Offer your visitors informati… Figure Out Everything Your Page Will Include. The vivid video clips of their team members on their “About Us” that subtly transition from one video to the next. Here’s how to write an ‘About Me’ page you can be proud of. 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. All rights reserved. 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. Finally, their interactive technique of using a hover effect to show each team member’s bio is truly one-of-a-kind. We love the way they integrate their logo into an uplifting, brightly colored illustration that inspires visitors to want to learn more. 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. In the end, it’s our approach to telling a compelling and human story about our inner-why.”. Nolbert creates a personal brand with this signature design technique, as each project he showcases has a type of brushstroke representing it. Their page design is informal and people-focused, with a fun, informal vibe that spreads like wildfire. Etsy uses the concept of white space and minimalist design in a phenomenal way. 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. 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 the spirit of minimalism, the red color choice for the hamburger menu, hero text, the scroll bar and the ‘contact us’ icon let them be bold, yet unassuming and subtle at the same time…. A slideshow features ten members of the catering firm. This is a major success for their brand storytelling. 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. Required fields are marked *. Salsa is an online clothing store. 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. Ahhhh yes…the about page– assumed to be one of the most visited pages on a blog (or website for that matter) at least according to the good folks over at Copyblogger.. For the longest time, I thought that I was doing an excellent job of writing my about pages. use the value of emphasis wisely. support@jongde.com, 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. Learn UI/UX design, get latest design trends and inspiration. The brand messaging is all about their community of creatives, and they even show artwork done by their community members as the site imagery. Furthermore, clicking on the link on the right will showcase specific company information and culture. And that’s exactly what they do so well. This might be the most distinctive website we’ve come across. The benefit is that you save hours of time writing content, but still provide valuable information for your clients and Web site visitors. It feels authentic, with seamless transitioning between locations and people without getting overwhelmed. 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. Starbucks' "about us" page is very simple. Mockplus does it all! We are its heart. The 'About Us' page: one of the most important pages on your website, yet also one of the most commonly overlooked.. A remarkable 'About Us' page will clearly communicate your company's unique identity in a compelling way, but that's much easier said than done. Display real photos of the team and individual members. To see details, users simply have to click. The dramatic costumes and photo backdrop gives each teammate character and artistic value. You need to think of the team and the product as a whole in order to present a unique style imbued with personality that will make your design stand out in a user’s mind. 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. This is definitely a great way to illustrate your brand personality and your outlook on how to connect to clients. Instead, all of the content is subtly weaved into their design, answering questions (but without stating the questions themselves) such as: ‘What can I do with Twitter?’, ‘What’s the added value?’, ‘What will I gain by using Twitter?’ And of course, ‘What’s the product experience like?’. Your About Us page is one of the most important pages on your site. Structuring and Labeling About Us Content. We were born in different cities, at different times, we love different music, food, movies. What do you see as its future? Save my name, email, and website in this browser for the next time I comment. By giving users a choice, Sulzer’s “about page” becomes more effective. Can you share how to replicate the image hover effect they have applied on each team members photo? This is highly effective in keeping users on the site. Once your content is generated, you’ll be able to tweak … Everything about it is eye-catching in its uniqueness. MSN particularly likes page headings rendered in h1 and h2 tags. 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. Customers who view your About Us page will spend 22.5% more than those that don't. And ironically, their UI reminds us so much of an old-fashioned, standard newspaper, yet newspapers are also always full of ads. Firstly, the page’s hero image is a full-width, relatively close up photograph of their team in costumes. Use the H tags on the web page but de fine their style in your external style sheet (CSS) for precise control of the look. Your email address will not be published. To get the latest and most quality design resources! Before even delving into what they do, what they sell, what they make, etc., they focus solely on their community of humans. Or at least, it should be. All in all, we were quite impressed, to say the least. However, creating an “About Us” page that accurately describes your company can be easier said than done. Just fill in the brackets with your company's information and you'll have a professional About Us page written in minutes. Here are 16 of our favorite About Us pages, whose design and content strategy are worth writing home about. As an extra note, I really like when the “about” is centered on the team rather than the company or their mission statement. Made for designers by designers, it’s no surprise to us that each page dribbble designs on their company website is going to be a first-class piece of design work. Writing this page isn’t the easiest thing to master, … If you want to leave a good impression on users, you need to take it very seriously. The "about us" page of Sulzer must be easy to navigate. Join 2,630,128 subscribers who stay ahead of the pack. The “about us” page can make or break a business website. Writing an ‘About Me’ page or section for yourself is never easy. 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. Although the entire page doesn’t have a lot of text, the product is effectively embedded into people’s consciousness. With few words alone, they represent what their product is and what their brand values are. The page’s design is so image-based, but so sleek at the same time. The team photo tells visitors that real people - not machines - are the driving force behind the company. From a search engine optimization perspective, longer content is always best. 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.
2020 about us page content sample