Skip to main contentSkip to main content
idataweb
WEB DESIGN / PAGE PATTERNS

About Pages That Build Trust and Tell Your Story

The about page is the second most visited page on most websites — but it's usually the most neglected. We design about pages that transform your company history, team, mission, and values into a compelling narrative. Scroll-driven storytelling, animated timelines, and team sections that humanize your brand.

See Our Work
#2
Most visited page on most websites
52%
Of visitors check "About Us" first
65%
Feel emotional connection from origin stories
5x
More trust with real team photos vs stock

ABOUT PAGE SECTIONS

6 About Page Components We Design

1

Origin Story / Brand Narrative

Full-width scrolling narrative that tells the founding story. Rich typography, full-bleed images, pull quotes.

Best for: Companies with a compelling founding story or unique mission.
Key detail: Scroll-driven storytelling with milestone markers. The narrative IS the design.
2

Team Grid

Cards with photos, names, roles, and optional bios or social links. Consistent photo treatment throughout.

Best for: Every about page. People connect with people, not logos.
Key detail: Same background, same lighting, same crop for all photos. Hover reveals additional info.
3

Interactive Timeline

Company milestones along a vertical or horizontal axis. Year markers, descriptions, and images.

Best for: Established companies with significant milestones. Product evolution pages.
Key detail: Scroll-triggered progressive reveal. SVG line-drawing animation connects milestones.
4

Mission / Values Section

Statement cards presenting 3-5 core values. Icons or illustrations per value with brief descriptions.

Best for: Companies that lead with purpose. Recruitment pages. B-corp and sustainable brands.
Key detail: Each value connects to a specific action or outcome, not just an abstract concept.
5

Stats & Achievements Counter

Animated numbers: years in business, projects completed, team size, countries served. CountUp on scroll.

Best for: Any about page. Quick credibility builder between narrative sections.
Key detail: GSAP + CountUp.js with stagger between numbers for cascade effect.
6

Awards & Certifications

Logo grid of recognitions, press mentions, and certifications. Links to external validation.

Best for: Agencies, SaaS companies, any business with third-party recognition.
Key detail: Similar pattern to client logo bar. External links add verifiable credibility.

ANIMATIONS & EFFECTS

Storytelling Animations

GSAP ScrollTrigger

Parallax Storytelling

Background images move at different speeds during scroll. Text layers in foreground. Cinematic depth.

When to use: Brand narrative sections. Full-width storytelling layouts.

GSAP DrawSVG / CSS

Timeline Draw-In

SVG timeline line draws itself as the user scrolls. Milestone nodes appear sequentially.

When to use: Company timeline sections. Product evolution. Career milestones.

CSS transitions

Team Card Hover

Photo shifts to a candid/fun alternate on hover. Or overlay reveals bio, social links, and contact button.

When to use: Team grid sections. Adds personality and interactivity.

GSAP + CountUp.js

Number Counter

Stats count from 0 to target on scroll enter. Stagger between numbers for cascade effect.

When to use: Stats sections, achievement counters, milestone displays.

BEST PRACTICES

Rules We Follow for Every Project

Use real photos, not stock. Authenticity is the #1 trust driver on about pages.
Lead with your story, not your services. The about page is for connection and trust.
Show faces. Companies with team photos are perceived as 65% more trustworthy.
Include a CTA. Even the about page should drive action at the bottom.
Keep the timeline honest. 5-10 significant moments are more impactful than 30 minor ones.
Consistent team photo treatment. Same background, same lighting, same crop for all.

AWARD-WINNING EXAMPLES

Sites That Set the Standard

Basecamp About Page

Unfiltered, personality-driven. Real photos, real opinions, no corporate speak. Shows the humans behind the product.

Vercel About Page

Clean, minimal. Team grid with role badges, office photos, and a clear mission statement. Lets the work speak.

Patagonia

Brand story inseparable from company values. Environmental mission IS the about page. Every design choice reinforces purpose.

OUR PROCESS

How We Build It

1

Story Discovery

Interview stakeholders. Identify the founding story, key milestones, mission, values, and team.

2

Content Architecture

Structure the narrative: what order, what emphasis, what to include/exclude.

3

Design

Full about page design at all breakpoints. Team grid, timeline, stats, values, CTA.

4

Development & Animation

Build with scroll-triggered animations, parallax storytelling, and responsive team grid.

Timeline: 2-3 weeks
Tech stack: CSS Grid, GSAP ScrollTrigger, Lottie, CountUp.js, Payload CMS (team management)

FAQ

Common Questions

What should an about page include?+

At minimum: your story (who you are and why you exist), team section (real photos and names), key achievements or milestones, and a CTA. For companies with a strong mission, values and impact metrics are also important.

How important are team photos?+

Extremely important. Companies with real team photos are perceived as 65% more trustworthy. Invest in consistent, professional photography for your team. Stock photos on about pages destroy credibility.

Ready to Tell Your Brand Story?

We'll design an about page that humanizes your brand and builds the trust that converts visitors into clients.

See Our Portfolio