Most teams treat the About page as an afterthought: a headshot, three paragraphs of history and a stock photo of people shaking hands. That is a mistake. For service businesses and agencies, the About page is usually the second or third most visited page on the site, and it is the page prospects open right before they decide whether to send an enquiry.
Good about page design is not decoration. It is a sales conversation, laid out in sections, with a clear path to the next step. This guide breaks down the exact sections an effective About page needs, the layout patterns you can reuse, and the details that separate a page people scroll past from one that books calls.
Why the About Page Converts (When It Is Built Correctly)
Visitors arrive on your About page with one question in mind: can I trust these people with my money and my deadline? They are not there for your company history. They are there to reduce risk.
That means every section should answer one of four silent questions:
- Who are you? Clarity on what you do and for whom.
- Why should I believe you? Proof, numbers, names, faces.
- What is it like to work with you? Process, values, personality.
- What happens next? A single, obvious call to action.
If a section on your About page does not serve one of those four jobs, it is taking up scroll depth for nothing.
The 9-Section Anatomy of a High-Converting About Page
Here is the structure we use at The Hangline for agency and service business sites. You do not need all nine sections on every project, but the order matters: trust is built from the top down.
1. The Opening Statement (Above the Fold)
The first screen should not say “About Us”. It should say what you do, for whom, and what changes as a result. One sentence, large type, nothing else competing with it.
A reliable formula:
We help [specific audience] achieve [specific outcome] through [your discipline].
Layout pattern: full-width statement set in 40 to 64px type, generous white space, a short supporting line underneath, and one subtle scroll cue. Resist the urge to add a hero slider. Resist the urge to add three CTAs.
Design notes
- Keep the headline under 15 words so it reads in one glance on mobile.
- Left-aligned text usually outperforms centered text for anything longer than a few words.
- If you use a background image, make sure the contrast ratio stays above 4.5:1 for body copy.
2. The Positioning Paragraph
Directly under the opening statement, add 60 to 100 words that name the problem your clients have before they find you. This is where the visitor thinks “that is exactly my situation”. The reasoning is set out in this piece.
Write it in their language, not yours. Replace “holistic digital transformation solutions” with “your site looks fine but nobody fills in the contact form”.
Layout pattern: a two-column split. Left column holds a short subheading, right column holds the paragraph. This creates rhythm and stops the page from reading like a wall of text.
3. The Founder Story
This is the section everyone gets wrong. A founder story is not a CV and it is not a timeline of office moves. It is a short narrative that explains why you do this work in a particular way.
Structure it in three beats:
- The trigger: what you saw or experienced that made you start.
- The conviction: the belief that came out of it.
- The practice: how that belief shows up in the work today.
Three short paragraphs is plenty. Anything longer and you are writing a memoir, not a sales page.
Layout pattern: asymmetric split with a real photograph of the founder at work on one side and the text on the other. Add a handwritten-style signature at the end of the story. It is a small touch that consistently makes the section feel human.
4. Team Photos and Bios
Faces reduce perceived risk. A prospect who has seen the four people who will work on their project feels far safer than one who has seen a logo.
Rules that matter more than the grid you choose:
- Use consistent photography. Same lighting, same background, same crop. Mixed selfies destroy the credibility of an otherwise polished page.
- Keep bios to two lines. Role, one specialism, one human detail. Long bios go on individual pages, not the grid.
- Show the real team size. A confident three-person studio beats a fake “team” of stock models every time.
- Add a hover state that swaps the formal photo for a candid one. It is cheap personality.
Layout pattern: a 3 or 4 column grid on desktop, 2 columns on tablet, horizontal scroll carousel on mobile. Keep all portraits at the same aspect ratio, typically 4:5.
5. Proof Points and Numbers
This is the conversion engine of the page. After the story, the visitor needs evidence. Give them a block of hard proof they can scan in five seconds.
Options, roughly in order of persuasive power:
- Named client results with a number (“cut their cost per lead by 38%”)
- Client logos, especially recognisable ones
- Years in business, projects delivered, clients served, retention rate
- Awards, certifications, partner badges
- Press or podcast mentions
Layout pattern: a full-width band in a contrasting background colour, containing 3 or 4 large numbers with short labels underneath. Follow it immediately with a logo row. The colour change signals “this is a different kind of information” and stops proof from blending into the story.
6. Testimonials With Faces
One strong testimonial placed after the proof band will outperform six generic quotes scattered across the site. Choose the quote that handles your biggest objection, whether that is price, timeline or reliability.
Include the person’s photo, full name, role and company. An anonymous quote is worth close to nothing.
Layout pattern: a single large pull-quote in oversized type, portrait to the left, attribution underneath. If you have a video testimonial, this is where it belongs. The piece Best Practices For Effective Design Of “About me”-Pages makes a good next read.
7. How We Work (Process)
Buyers of services are buying a process they cannot see yet. Making it visible removes anxiety and reduces the number of “what happens after I sign?” emails you receive.
Three to five steps is the sweet spot. Name each step, add one sentence, add a rough timeframe.
Layout pattern: a horizontal numbered track on desktop with connecting lines, stacking into a vertical timeline on mobile. Icons are optional. Clear numbering is not.
8. Values, Stated as Behaviour
“Integrity. Innovation. Excellence.” means nothing. Values only convert when they are written as things you actually do or refuse to do.
Compare:
| Generic value | Behavioural version that converts |
|---|---|
| Transparency | You get the estimate before we start, and we never invoice above it without written approval. |
| Partnership | One senior contact from kickoff to launch. No account manager relay. |
| Quality | Every build ships with a 90+ performance score or we fix it free. |
Layout pattern: two or three column card grid, or a simple accordion if you have more than four values and want to protect scroll depth.
9. The Closing Call to Action
The single biggest leak in about page design is a page that simply stops. The visitor has just finished getting convinced, and then hits the footer.
Your closing block should contain:
- A short headline that restates the outcome, not the action (“Let’s make your site earn its keep” beats “Contact us”)
- One primary button, high contrast, with a low-commitment label such as “Book a 20 minute call”
- One secondary, lower-commitment link for people who are not ready, such as “See our work”
- A friction reducer underneath: response time, no obligation, or the name of the person who will reply
Layout pattern: full-width band with a contrasting background, centered text, plenty of vertical padding. If your page is long, repeat a slim inline CTA after the proof section as well.
Reusable Layout Patterns for Service Businesses and Agencies
Not every business needs the same About page. Here are three structures we reuse depending on where the trust needs to be built.
| Pattern | Best for | Section order |
|---|---|---|
| Founder-led | Consultants, solo designers, coaches, boutique studios | Statement, story, proof, process, testimonial, CTA |
| Team-led | Agencies of 5 to 50 people | Statement, positioning, proof band, team grid, values, process, CTA |
| Credibility-first | Legal, financial, medical, B2B enterprise services | Statement, proof and credentials, team with qualifications, story, compliance info, CTA |
Design Details That Quietly Affect Conversion
Visual hierarchy
Alternate section backgrounds between white, off-white and one brand colour. This gives the eye a rhythm and makes a long page feel navigable. Never place more than two consecutive sections with identical backgrounds and identical layouts.
Photography
- Real photography beats illustration for trust-building sections.
- If you cannot afford a shoot yet, use tightly cropped detail shots of your actual workspace instead of stock.
- Serve modern formats, size images correctly, and lazy load everything below the fold.
Typography and readability
- Body copy at 17 to 19px with a line height around 1.6.
- Measure of 60 to 75 characters per line for story sections.
- Short paragraphs. Two or three sentences maximum.
Technical and SEO basics
- Label the navigation item clearly. “About” works. Clever labels lose clicks.
- Write a unique title tag and meta description. Do not let it default to “About | Company Name”.
- Add Organization or Person schema, plus sameAs links to your social profiles.
- Include internal links to your services and case studies inside the story copy, not just in the footer.
- Do not stuff keywords into the About page. It is a trust page, and readability wins.
Accessibility
- Alt text that describes people and context, not “team photo 3”.
- Keyboard-accessible accordions and carousels.
- Avoid text baked into images, especially for your opening statement.
Common About Page Mistakes to Avoid
- Starting with “Founded in 2011…” Nobody cares about your history before they care about their problem.
- Writing in third person. “We” and “you” always read warmer than “The company provides”.
- Stock photos of strangers. They actively reduce trust because visitors recognise them.
- No CTA. Or worse, five competing CTAs.
- A wall of text with no visual break. Nobody reads 900 uninterrupted words on a phone.
- Vague values with no behaviour attached.
- Outdated team grids. Showing people who left two years ago is a credibility problem.
A Quick Build Checklist
- Write the copy before you open the design tool.
- Draft the one-sentence opening statement and test it on someone outside your industry.
- Collect proof: numbers, logos, two testimonials with photos.
- Book the team photography, even if it is one hour with a local photographer.
- Wireframe the section order using one of the three patterns above.
- Design mobile first. Most About page traffic is mobile.
- Place the primary CTA twice: mid-page and at the end.
- Add schema, alt text and internal links before publishing.
- Set up scroll depth and CTA click tracking so you can improve it later.
How to Measure If Your About Page Actually Converts
Pretty is not a metric. Track these instead:
- Scroll depth: what percentage of visitors reach the closing CTA?
- CTA click rate: clicks on the primary button divided by page views.
- Assisted conversions: how many enquiries included the About page in their path.
- Exit rate: a high exit rate on About usually signals a missing or weak CTA.
Review these every quarter, then change one section at a time. Moving the proof band above the founder story is the single most common change that lifts CTA clicks on agency sites.
FAQ: About Page Design
How do you design an about page?
Start with the copy, then structure it in this order: a one-sentence opening statement, a positioning paragraph naming the client’s problem, a short founder story, team photos, proof points and numbers, a testimonial, your process, behavioural values, and one clear closing call to action. Design the page mobile first and alternate section backgrounds to create visual rhythm.
How long should an about page be?
Between 500 and 1,200 words for most service businesses, split across six to nine visual sections. Length matters less than structure. A scannable 1,000-word page with clear sections outperforms a dense 400-word paragraph block.
What does a good about page look like?
It opens with a clear statement of who you help, shows real faces, backs claims with specific numbers or named clients, explains the process of working together, and ends with a single low-friction call to action. It reads like a conversation, not a corporate brochure. Related reading: 10 About Us Page Examples.
Should the about page be one page or a section?
One page is enough for teams under roughly 30 people. Larger organisations often benefit from an About section with child pages for team, careers, story and press, linked from a main hub page that carries the opening statement and the CTA.
Do I need a separate team page?
Only if you have more than about 12 people or if individual bios are a genuine selling point, as with law firms or medical practices. Otherwise, keep the team grid on the About page so visitors do not have to click away from the trust journey.
Should the about page target keywords?
Lightly. Include your service and location naturally in the copy and metadata, but the About page’s main job is conversion, not ranking. Your service and case study pages should carry the heavier keyword work.
Final Thought
Treat your About page as the last objection-handling step before the enquiry form. Build it section by section, give every block a job, and finish with one clear ask. Done properly, it becomes one of the highest performing pages on your entire site.
If you want a second opinion on your current About page structure, the team at The Hangline reviews layouts and conversion paths for service businesses and agencies every week.