Along with FAQ and Contact pages, the About Us page is one of the first supporting pages you'll likely create for your website, regardless of the industry you're in. In contrast to a landing pageyour About Us page is the ideal place to accommodate a number of objectives:. Is your website content costing you sales? Learn how to improve your website copy with our free, curated list of high-impact articles. We'll also send you updates on new educational guides and success stories from the Shopify newsletter.

We hate SPAM and promise to keep your email address safe. Get started. Every story needs a protagonist, and so does every About Us page. In some cases, that might be you or your founding team.

In others, you might treat your business as its own character with a distinct story. Either way, stories are all about representing change —starting in one place and ending up in another—which is something your About Us page should also do as visitors scroll through it. Hit these points and you should have the structure for a story not necessarily the copy you'll use that you can incorporate into your About Us page narrative.

However, a story is just the start. If transparency might strengthen your brand, your About Us page is a good opportunity to summarize your supply chain, how your business works, and relate that back to the mission that drives you.

This is often accomplished with an illustration that presents your business model in an easy-to-digest manner, like this one used by Taaluma Totes that explains how they source materials for their products and how donations help support the country of origin. Source: Taaluma Totes. There are a variety of ways to integrate social proof into your About Us page, from embedding Instagram galleries of customer content to featuring the logos of publications that have covered you to highlighting a quote you lifted from a customer review.

Press mentions, awards, and other wins are common examples of milestones that can be used to help tell the middle of your story. Source: Cotopaxi. Consider the stats you can use to make a point about your company mission or quantify your impact as a business to include on your About Us page. Source: Merit. Putting a face to your brand helps to humanize it, communicate your company culture, and shine a light on the people who power your business.

Even if you only highlight the founders, your About Us page can be a chance to build your personal brand and share how your story and experience makes you and your company a good fit to serve your market. Source: Death Wish Coffee. If you can, you should mix up the media on your About Us page to add variety and break up the text in your page design.

about us page design codepen

At the very least, you can include high quality behind-the-scenes photos that pull back the curtain and give visitors a glimpse into your business. Source: MVMT. The following are examples of different ways you can tackle your About Us page design. Conveyed in the form of a letter to customers, it uses formatting and font sizes strategically to create variety with text instead of relying on other media types. What it does best, however, is state its place in the furniture industry against bigger competitors and tell a story about small business experience and passion going up against the status quo that was built by bigger chains.

The MVMT storyon the other hand, makes use of sections to tell different parts of it. Marie Forleo structures her About page like a long-form letter to the reader. For entrepreneurs who have a personal brand that goes with their business, this style of an About Us page might be better. The essence of a brand can be found in the feelings and meaning its name evokes. So another good place to start your story is with why your business bears a certain name.It's one of the most important elements on a company's website and also one of the most undervalued: the ubiquitous "About Us" page—that section on your site that has been collecting virtual dust because you haven't bothered to read it since, well, you first wrote it.

You may not be paying it much attention, but visitors to your site are. And considering that your About Us page is where the world clicks to learn about your company and the services you offer, which can mean the potential loss or gain of a customer, it deserves a little more consideration and a lot more respect.

about us page design codepen

We've worked with both small businesses and Fortune companies, and we spend more time consulting clients on the About Us page than any other. Companies are so focused on the design of their site, their products, and how they're going to market them that they simply overlook it.

about us page design codepen

It's an afterthought. Don't forget to include your address. And if your company has multiple locations or does business globally, this is the perfect place to mention that information, or at least link to a page on your site that does, such as your Contact Us page. But don't stop there, which is a mistake a lot of businesses make. What results is a stale, unoriginal, and downright boring About page. Fortunately, spicing it up is easier than you think.

By incorporating a few strategic components, you can go beyond the yawn-inducing jargon. Simple tactics can make your About Us page a more exciting read and your company seem more accessible, says Lorrie Thomas, aka The Marketing Therapista marketing strategist, educator, writer, web marketing expert and speaker, and that can ultimately drive business and increase sales.

Avoid writing a soliloquy too much text is a turnoff and focus on connecting with your site visitors. For example, Thomas, who just returned from a day speaking tour on better Web marketing, told her dozen or so employees to write their own bios for her company's About Us page.

Her only mandate was that in addition to providing a snapshot of their professional history, they include personal information, such as hobbies or their favorite activities. Some even set up links to their blogs and personal websites. This might also be a good place to include e-mail addresses for your staff. Readily available contact information shows customers that you want to hear from them and that you have nothing to hide.

Is the CEO an avid skier? Or a yoga guru? We're no longer in the world of B to B, or business to business; we're in a world of what I call P to P, people to people. Relationships are the name of the game. Your clients want to know you, like you, and trust you. How to Design a Great "About Us" Page: Show, Tell, and Brag A Little If it's all about trust and relationships, there's no better way to build both than by posting testimonials or listing big-name clients you've partnered with.

That will lend your business a good amount of credibility.

How to create Our Team Section Using HTML and CSS

You might consider incorporating your clients' logos somewhere on your page as an added visual element. Mentioning awards and recognitions your company received, as well as community service work, green initiatives, and interesting facts, will also make your business more appealing.

And timelines, company history, and major milestones are attention-grabbing. Harpointner said he once worked with a Philadelphia-based business looking to undergo a media makeover. When he went to the company offices and talked to the owners, he found out that the establishment had been around since the Great Depression, a fact that he says demonstrated its staying power and loyal customer base. Harpointner says he became adamant about publicizing the company's long history not just on its About Us page but also on all its promotional material.

They think it's not graceful to brag about themselves, but your About Us page is the one place where you should be tooting your own horn. For small or new companies, this is especially important, because consumers are just becoming familiar with their business.

And if the About page comes up short, then the company looks like it doesn't have much to say about itself. It's really a missed opportunity. Using your About page to post videos of you and your company, link to your blog, and place share buttons to your Twitter feed or Facebook page is not only a good business practice, it's a smart one. Social networking sites basically provide free advertising, and they can help attract customers you might otherwise not have had access to.

It fulfills a need to connect with you and your company.At CodePen. You can then display those pens on your profile, take feedback, and continue to edit those pens at any time.

25 Creative & Engaging Examples of About Us Pages

Like many live code playgrounds, CodePen lets you learn in an open-source environment, displaying a live preview of the code changes, and even letting you embed your CodePen demos on any web page, like the one below.

CodePen includes some awesome features to write CSS faster. You can select to include Normalize.

about us page design codepen

You can also choose to use -prefix-free or Autoprefixer as well. This way there is no need to take the time to link to an external file which is also possible, if you wanted to. There is also a drop-down menu where you can have the latest version of things like jQuery and AngularJS.

CodePen is all about faster and smoother development. Both of these tools together can help to create a faster workflow. You can add tags to your pens, which then become searchable.

If you want, you can even create collections of pens relating to a certain topic. Editor View — This is the default view for editing pens. You can adjust the size of the code previewer and select which languages to display. This contains most of the social features for CodePen. Full Page View — This is pretty self-explanatory.

It makes your pen full-screen within an iframe, leaving only a CodePen footer. Debug View — Debug View is a full-screen view, although with extra features. It removes the iframe and CodePen footer for easier JavaScript console access. This is great for testing code that you think CodePen might be interfering with. If you are a CodePen Pro user, you have access to more views:.

Presentation Mode — This mode is made especially for overhead projectors. It removes the header to give you more room and allows you to quickly change the font size and colors of the code editor. You can also change the size of the previewer without changing code. As you edit that pen, it will automatically update as you type. This is often used when testing on multiple devices. Professor Mode — This mode allows people to watch you code in real-time.

There is also a chat window where the professor and students can chat. Collab Mode — Collab mode allows more than one programmer to make edits to a pen at the same time. There is also a chat window, just like in professor mode. Blogging is a new feature on CodePenallowing you to easily write about code just like on a regular blog.

You can write with Markdown, and use a special embedding tool to embed your pen when you need to. You can add custom CSS to your posts, and there is a super simple preview to test out your post. This is what sets CodePen ahead of the competition by a long shot. Community has been a huge part of CodePen since the beginning. Through comments and sharing, people can give and receive constructive criticism, and learn together. Groups such as 4ae9b8 and Bullgit have started from conversations through CodePen.

El dragon season 1

Impressive pens are always displayed on the homepage, as well as great articles and collections. Pens pose as both inspiration, and a fun way to learn.

Sospendiamo lo shock

Ultimately, utilizing CodePen can help you learn faster and become part of a large community.Customers who view your About Us page will spend And, according to Blue Acornthose who view it are 5x more likely to make a purchase. Trust and respect are things that have to be earned.

Systeme gagnant turf

Awareness comes from being top of mind. These should all be the end goals of your marketing strategy, from SEO and content marketing to social media and email. While creating an innovative page is hard work and can be time consuming, it can build the trust and respect of a potential customer, thus tipping the scale greatly tipped in your favor. We have taken a look at 50 different pages that excel. Each have features you can learn and modify for your own site.

In addition, we also put together an infographic that breaks down the science behind a great About Us page. Click here to jump to it. Tell a Great Story — Telling a great story with words, video productionor even a timeline helps evoke an emotional response in the customer, which is proven to increase their intent to buy.

Build Trust Through Photos — Showing photos of the founders or team members helps convey that the company is full of real, relatable people that you can trust with your business. Establish Credibility — To appear credible in the eyes of your customers, you can show off reviews, testimonials, or if you are a web design site, showcase your skills on the page itself.

Clear Call-to-Action — Always tell the customer what to do next. This can be with an actual button, or by providing your contact information so they know how to get in touch. And for some industries it is harder than others. But, you should at least be aware of what makes a page successful and why.

Inspired by the great examples on this list, we recently reworked our own About Us page. They also have a small section describing what a normal day in the office is like. This helps entice prospective employees while also putting a face to the company and making it more relatable. Brian Dean is a master storyteller when it comes to his SEO content, and his page proves no different.

The conversational tone, the two call to action buttons for email signup, and some friendly photos all make this a great About Us page.An About Us page helps your company make a good first impression, and is critical for building customer trust and loyalty.

Which is why we've created this free, easy-to-use tool that lets you instantly generate a custom About Us page for your store. Create yours now! Every online store and website is different and will require a unique about us page. While we are providing you with a starting point, we cannot guarantee you that this is appropriate or adequate for your needs.

We are not licensed attorneys and cannot provide you with legal advice. By using this form, you acknowledge that we are not providing legal advice to you. Having a Privacy Policy is an easy way to protect both your store and your customers.

50 Inspiring ‘About Us’ Page Examples

Ready to start your online business? Get started today with flexible plans and pricing for every business. Get Started Now. Email Address.

How to eat kalonji seeds in islam

Street Address. Website URL. See Your Page Now! X Every online store and website is different and will require a unique about us page. View More Free Tools. Start Selling Today Ready to start your online business? Start for Free. Try our award-winning ecommerce software to build your online store and sell more!

FREE day trial, no credit card required.Learn foundational programming concepts e. By the end of the course, will create a web page where others can upload their images and apply image filters that you create. After completing this course, you will be able to: 1. Think critically about how to solve a problem using programming; 2.

Write JavaScript programs using functions, for loops, and conditional statements; 3. Use HTML to construct a web page with paragraphs, divs, images, links, and lists; 4.

Make a web page interactive with JavaScript commands like alert, onClick, onChange, adding input features like an image canvas, button, and slider. Very insightful and helped me learn about the basics of computer science.

Now I'm able to better understand the jargon of computer science and can discuss with others or even review codes. Thank you! My first Coursera course I've ever done and I was very impressed with the platform on which it was presented.

My experience was a positive one and I will definitely continue to pursue other courses. Loupe Copy. Enroll for Free. From the lesson. Over the course of the module you will build your first web page! Using CodePen Metadata and Sectioning Elements Formatting Text and Nesting Tags Adding Images and Links Images and Storage We are all very different.

We were born in different cities, at different times, we love different music, food, movies. But we have something that unites us all. It is our company. We are its heart. We are not just a team, we are a family. It's the ability to think outside the box. We make decisions, create something new and generate a lot of ideas.

All sites you make with Mobirise are mobile-friendly. You don't have to create a special mobile version of your site. Mobirise offers many site blocks in several themes, and though these blocks are pre-made, they are flexible.

Good afternoon. I am very pleased with the quality of the work of your employee representing your wonderful company. All issues are resolved promptly. In communication, the employees are pleasant, helpful. Always offer new ideas, new ways to develop, improve our project. Excellent client manager. He is always accurate, all promises are fulfilled, all questions get answers, the company presents very attentive and positive approach.

Creativity It's the ability to think outside the box. Worldwide All sites you make with Mobirise are mobile-friendly.

2015 duramax burning oil

Unique Styles Mobirise offers many site blocks in several themes, and though these blocks are pre-made, they are flexible. Previous Next. Our Clients Thank you for choosing us! Thanks for filling out the form!

Best Bootstrap Templates. Bootstrap Basic Template. Bootstrap eCommerce Template. Bootstrap Landing Page Template. Bootstrap Layout Templates. Bootstrap Login Form Template. Bootstrap One Page Template. Bootstrap Page Templates. Bootstrap Portfolio Template.

Bootstrap Responsive Website Templates. Bootstrap Sample Template. Bootstrap Single Page Template. Bootstrap Starter Template.