June 2026

How to Write an About Page That Actually Converts Visitors Into Customers Your about page is the second most visited page on most small business websites, right after the homepage. Yet most business owners treat it like a digital resume: a wall of self-congratulatory text that no one reads. If you want to learn how to write an about page that builds real trust and turns curious visitors into paying customers, you need a structure, not just inspiration. In this guide, we walk through the exact 8 elements your about page needs, with copy frameworks you can swipe and adapt today. No fluff, no generic advice, just what works in 2026. Why Most About Pages Fail (And What Visitors Actually Want) Before we dive into the framework, here is the brutal truth: visitors don’t land on your about page to read about you. They land there to figure out if you can solve their problem and whether you can be trusted with their money or attention. That means every line of copy needs to answer one of three silent questions: Do you understand my problem? Can I trust you to solve it? What makes you different from the 12 other tabs I have open? Keep these questions in mind as we walk through each section. The 8 Essential Elements of a High-Converting About Page 1. A Headline That Speaks to the Visitor, Not About You Skip “About Us” as your only headline. Add a benefit-driven subheadline that tells the visitor what they will get. Weak example: About Our Company Strong example: We help independent retailers double their online sales without hiring a marketing agency. Copy framework: We help [target customer] achieve [specific outcome] without [common pain point]. 2. The Hook: Open With Your Customer’s Problem The first paragraph should not start with “Founded in 2015…”. Start with the reader. Acknowledge the frustration that brought them to your site. Example opener: “You started your business to do work you love, not to spend Sunday nights wrestling with bookkeeping software. We get it, because we have been there too.” 3. Your Origin Story (Kept Short and Relevant) Yes, tell your story, but make it about why you started, not when you started. The best origin stories follow this arc: A problem you personally faced or witnessed The moment you decided to do something about it How that experience shapes the way you work today Three short paragraphs is plenty. If your story takes longer than 90 seconds to read, cut it in half. 4. Your Mission and Values (Written Like a Human) Drop the corporate jargon. Nobody connects with “synergizing innovative solutions.” Instead, write your mission and values as you would explain them to a friend at dinner. Corporate Speak (Bad) Human Voice (Good) We leverage best-in-class methodologies to deliver value. We build things that work, then we make them faster. Customer-centric excellence is our north star. If a client is unhappy, we fix it. No forms, no escalations. 5. Social Proof That Removes Doubt This is where small businesses leave money on the table. Sprinkle proof throughout the page, not just at the bottom. Effective social proof includes: A specific client testimonial with a real name and photo Logos of recognizable clients or partners Press mentions or awards Concrete numbers: years in business, clients served, projects completed Certifications or memberships relevant to your industry Pro tip: A single quote that addresses a specific objection (“I was worried about the price, but…”) outperforms five generic five-star reviews. 6. Meet the Team (Even If the Team Is Just You) People buy from people. Add a real photo, not a stock image. If you are a solo operator, show yourself. If you have a team, include short bios that mix professional credibility with one human detail. Example bio: “Sarah leads our design team. Before joining, she spent eight years at boutique agencies in Milan and London. Outside the studio, she is usually hiking with her two rescue dogs.” That last line is doing more work than her resume. It makes her real. 7. The Differentiator Section Tell visitors plainly why you are different. Don’t claim it, demonstrate it. Use a side-by-side comparison or a bulleted list with specifics. Framework: Most [competitors/alternatives] do X. We do Y because [reason that benefits the client]. Example: “Most accounting firms send you a report once a quarter. We send a 5-minute video walkthrough every month so you actually understand your numbers.” 8. A Clear Call to Action This is the section most about pages forget. A visitor who scrolls to the bottom is interested. Don’t leave them hanging. Offer one primary next step: Book a free 15-minute call Download a free guide See our services Get a custom quote One call to action, not five. Multiple choices kill conversions. A Quick Structural Template You Can Copy Here is the full structure laid out in order: Section Purpose Length Headline + subheadline Grab attention with a benefit 1 to 2 lines Hook (customer problem) Show empathy 1 paragraph Origin story Build connection 2 to 3 paragraphs Mission and values Show what you stand for 3 to 5 bullets Social proof Remove doubt Mixed throughout Team Add a human face Photos + short bios Differentiator Stand out from competitors 3 to 5 specific points Call to action Convert the interest 1 button + 1 line 5 Common Mistakes That Kill About Page Conversions Starting with your founding date. Nobody cares yet. Earn the right to talk about yourself by first showing you understand the reader. Using stock photos. Real photos, even imperfect ones, build more trust than glossy stock imagery. Hiding contact information. If someone reaches the bottom of your about page, make it easy to get in touch. Writing in third person when you are a small team. “We” and “I” feel honest. “Berardo Modern strives to…” feels distant. Forgetting to update it. A team photo from 5 years ago or a copyright date from a past year

Most buyer persona guides stop at demographics and a stock photo. That’s not enough when you’re trying to choose a brand color palette, write a homepage headline, or decide whether your website should feel premium or playful. At Berardo Modern, we build personas that actually inform visual and messaging choices, not just marketing slide decks. This guide walks you through how to create a buyer persona in 6 practical steps, with the exact questions, templates and outputs you need to brief a designer or copywriter. What Is a Buyer Persona (And Why Generic Templates Fail) A buyer persona is a semi-fictional profile of your ideal customer, built from real research. It should answer one core question: what does this person need to see, read and feel to trust our brand? Most templates fail because they collect data nobody uses. Knowing your persona is “Marketing Mary, age 34, drinks oat milk lattes” doesn’t help your designer pick a typeface. We focus on persona attributes that translate directly into design and copy decisions. The 6-Step Framework to Create a Buyer Persona Step 1: Define the Decisions Your Persona Must Inform Before you research anything, list the concrete decisions this persona will guide. For a small business, that usually means: Brand voice (formal, friendly, technical, bold) Visual style (minimal, vibrant, corporate, artisanal) Website structure and key pages Homepage hero message and CTA Pricing presentation and proof elements If a piece of data won’t influence one of these, skip it. This single shift is what separates a useful persona from a marketing artifact. Step 2: Pull Data From Sources You Already Have You don’t need an expensive research panel to start. Mine what you already own: Google Analytics 4: age ranges, devices, top landing pages, geographic data CRM and sales notes: objections, common questions, deal sizes Customer support tickets: friction points and vocabulary your customers actually use Social media DMs and comments: raw emotional language Reviews on Google, Trustpilot or competitor pages: what customers praise and criticize Pro tip: copy phrases verbatim from reviews and tickets. These become headline candidates later. Step 3: Interview 5 to 8 Real Customers Quantitative data tells you what. Interviews tell you why. Aim for 5 to 8 conversations of 25 to 30 minutes. If you have no customers yet, interview people who fit your target profile or recent buyers of a competitor. Use these questions, organized by what each answer will inform: Question What It Informs What were you trying to fix when you started looking for a solution? Homepage headline, pain-point copy Where did you look first? What did you type into Google? SEO keywords, ad copy What almost stopped you from buying? FAQ section, objection handling Which brands or websites do you find beautiful or trustworthy? Visual direction, mood board What words would you use to describe us to a friend? Brand voice and tagline What proof did you need before clicking buy? Testimonials, badges, case studies placement Record the calls (with permission) and transcribe them. Patterns will emerge by interview number four. Step 4: Segment and Identify Patterns Lay every interview and data point next to each other and look for clusters. You’re looking for 3 to 5 recurring patterns across: Trigger event (what made them start looking) Buying criteria (what they compared) Emotional state (anxious, excited, skeptical) Decision-making style (fast scanner vs. thorough researcher) Aesthetic preferences (minimal vs. rich, classic vs. modern) If two clusters look very different, that’s a sign you need two personas, not one. Most small businesses only need one primary persona and one secondary. Step 5: Document the Persona Using a Design-Ready Template This is where most personas go wrong. Skip “favorite hobbies” unless it changes a design decision. Use this structure instead: The Berardo Modern Persona Template Name and one-line summary (e.g., “Clara, the time-poor boutique owner who needs her site to look high-end without managing it weekly”) Context: role, business size, daily reality in 3 sentences Trigger: the specific moment they start searching Top 3 pains in their own words Top 3 goals in their own words Objections and fears before purchase Trust signals they need (reviews, certifications, case studies, founder story) Brand voice cues: formal/casual, technical/plain, bold/calm Visual cues: 3 to 5 reference websites or brands they admire, plus 3 they dislike Device and reading behavior: mobile-first scanner, desktop researcher, etc. Preferred channels to discover brands One sentence headline candidate drawn from their language Keep the whole document to a single page. If your designer cannot read it in two minutes, it will not be used. Step 6: Translate the Persona Into Brand and Web Decisions A persona is only valuable when it produces output. For each persona, create a short “design brief” that maps attributes to choices: Persona Attribute Design or Copy Decision Skeptical, researches heavily Long-form pages, detailed FAQ, visible reviews above the fold Mobile scanner with limited time Short hero, sticky CTA, large tap targets, condensed nav Values craftsmanship and quality Editorial typography, generous whitespace, muted palette Price-sensitive and comparison shops Transparent pricing page, comparison tables, value stack Wants to feel part of a community User-generated content, founder voice, behind-the-scenes content Pin this brief to every project. When someone proposes a design change, ask: does this serve our persona? If the answer is no, push back. Common Mistakes to Avoid Building personas from imagination only. Without real data, you’re designing for yourself. Creating too many personas. One or two is enough for most small businesses. Treating personas as static. Revisit them every 12 months or after any major product change. Filling templates with irrelevant trivia. Every line should drive a decision. Skipping the visual preferences section. This is the bridge between marketing and design. A Quick Example: Persona-Driven Homepage Imagine an artisanal skincare brand. Their persona research reveals customers are women aged 35 to 55 who distrust mass-market beauty, read ingredient lists, and admire brands like Aesop and Le Labo. The persona directly produces these choices: Typography: classic serif headlines, generous letter spacing

If you run a small business and your website still looks like it was built for a 24-inch monitor, you have a problem. More than 60% of web traffic now comes from phones, and Google ranks sites based on the mobile version first. That single shift changes how modern websites should be planned, designed, and written. This guide answers the question what is mobile first design in plain language, shows how it differs from the old desktop-first habit, and gives you concrete examples you can apply to your own site today. What Is Mobile First Design? Mobile first design is an approach where you design and build a website for the smallest screen first, then progressively add layout and features for tablets and desktops. Instead of squishing a desktop layout down to fit a phone, you start with the phone and expand outward. The idea was popularized by designer Luke Wroblewski over a decade ago, but it became a hard rule when Google switched to mobile-first indexing, meaning Googlebot mainly looks at the mobile version of your site to decide how to rank it. Mobile First vs Responsive Design People mix these up all the time. They are related but not the same. Concept What It Means Responsive design A site that adapts to any screen size, regardless of which size was designed first. Mobile first design A method that starts the design process from mobile and scales up. Desktop first design The old way: build for desktop, then try to make it work on small screens. Why Google Prioritizes Mobile First Google’s job is to send users to pages that work well on whatever device they’re holding. Since most users are on phones, Google evaluates your site through a mobile lens. That means: Your mobile content is what gets indexed and ranked, not your desktop version. If you hide content on mobile (in tabs, accordions, or by removing it), Google may not weight it as heavily. Core Web Vitals (loading speed, interactivity, visual stability) are measured on mobile. Slow or clunky mobile experiences hurt rankings even if your desktop site is gorgeous. In short: if your mobile site is weak, your SEO is weak. How Mobile First Changes the Way You Plan a Website 1. Layout Becomes Vertical and Thumb-Friendly On desktop, you have horizontal space for sidebars, multi-column grids, and decorative whitespace. On a phone, everything stacks vertically and is operated with a thumb. Desktop-first thinking: “Let’s put a hero image, a sidebar with promotions, three feature columns, and a testimonial slider above the fold.” Mobile-first thinking: “What is the one thing the visitor needs to see first? A clear headline and a tap-friendly button. Everything else comes after.” 2. Navigation Gets Simplified A mega-menu with 40 links works on a 1440px screen. On a 375px screen, it becomes a nightmare. Mobile first forces you to ask: which 4 to 6 navigation items truly matter? Use a hamburger menu or a bottom navigation bar. Keep tap targets at least 44 by 44 pixels. Place the most important action (Call, Book, Buy) where the thumb naturally rests. 3. Content Hierarchy Is Forced to Be Honest Mobile screens have no room for fluff. Mobile first design pushes you to rank your content from most to least important. Headline that explains what you do. One clear call-to-action. Proof (reviews, logos, numbers). Details and features. Secondary information. If something doesn’t earn a spot in that list, it probably doesn’t belong on the page at all. 4. Performance Becomes a Design Decision Big background videos, oversized hero images, and heavy animations look great on fiber-connected desktops. On a 4G phone in a basement, they kill the page. Mobile first design treats speed as part of the design, not an afterthought. Concrete Examples: Mobile First vs Desktop First Example A: A Local Restaurant Homepage Desktop-first version: A full-width slideshow of food photos, a long “Our Story” paragraph, then the menu and hours buried at the bottom. Mobile-first version: Restaurant name and one-line tagline. Two big buttons: “Reserve a Table” and “View Menu”. Today’s hours and a tap-to-call number. Address with a map link. Story and gallery further down for those who scroll. Example B: A Service Business Contact Form Desktop-first: 10 fields side by side, a CAPTCHA, and a small Submit button. Mobile-first: 3 essential fields stacked vertically (name, phone, message), large submit button at thumb level, optional fields hidden until needed. Example C: A Product Page Element Desktop First Mobile First Image Left column, large Top, swipeable gallery Price + CTA Right sidebar Sticky bar at bottom of screen Description Long paragraph Short bullets, expandable Reviews Side panel Stacked below, with star summary on top Why Mobile First Matters Specifically for Small Business Websites Local search is mobile. When someone searches “plumber near me” or “best bakery,” they’re almost always on a phone. Decisions happen fast. A user judges your site in under 3 seconds. A clean mobile layout wins that bet. You can’t afford wasted clicks. Small businesses pay for every visitor through ads, SEO effort, or word of mouth. A confusing mobile experience throws those visits away. Conversions live on mobile. Calls, directions, bookings, and quote requests overwhelmingly come from smartphones. A Simple Mobile First Checklist Open your site on a real phone, not just a desktop preview. Can a visitor understand what you offer in 5 seconds? Is the main call-to-action visible without scrolling? Do all buttons fit comfortably under a thumb? Does the page load in under 3 seconds on 4G? Is text readable without pinch-zoom (16px minimum)? Are forms short and stacked vertically? Does Google’s PageSpeed Insights give you a green score on mobile? Is Mobile First Design Still Relevant in 2026? Yes, more than ever. With Google’s mobile-first indexing now the default, AI-driven search results pulling content from mobile-rendered pages, and over two thirds of e-commerce traffic happening on phones, designing for the small screen first is no longer a trend. It’s the baseline standard. FAQ

Typography is one of the loudest visual signals your brand sends, even when no one is consciously reading it. The right pairing whispers “trustworthy and modern,” while the wrong one screams “amateur hour.” If you’ve ever wondered how to pair fonts for a brand without the result looking chaotic, this guide gives you the rules, the formulas, and seven combinations that actually work in real-world brand systems. At Berardo Modern, we build brand identities every week, and font pairing is one of the first decisions that locks (or breaks) the entire system. Let’s get into it. Why Font Pairing Matters More Than You Think A brand isn’t just a logo. It’s the wordmark on your website, the headline of your pitch deck, the tiny copyright line in your footer. Every one of those touchpoints uses type. When your fonts agree with each other, your brand feels intentional. When they fight, everything looks cheap, even if your logo cost five figures. Good pairing achieves three things: Hierarchy: readers know what to look at first Personality: the combination communicates tone (luxury, playful, technical, editorial) Cohesion: the brand reads as one voice across every medium The 4 Core Principles of Font Pairing 1. Contrast, Not Conflict The most common mistake is picking two fonts that look almost the same. Two humanist sans-serifs sitting next to each other create visual mud. You want clear contrast in weight, style, or proportion, but the fonts should still share an underlying mood. 2. One Leader, One Supporter Pick one font for headlines (the personality font) and one for body copy (the workhorse). The workhorse should be neutral and highly legible. Don’t let two expressive fonts compete. 3. Limit Yourself to 2 (or 3 Max) The classic 3-font formula: a display font, a body font, and an accent font (used sparingly for buttons, captions, or labels). Beyond three, your system collapses. 4. Test Across Sizes and Weights A font that looks elegant at 72px headline can become unreadable at 12px. Always test the pair in a real layout before committing. 7 Font Pairings That Actually Work for Brands These are tested combinations we’ve used or recommended for client identities. All are available on Google Fonts or Adobe Fonts unless noted. # Headline Font Body Font Best For 1 Playfair Display (serif) Inter (sans-serif) Editorial brands, consultancies, premium services 2 DM Serif Display (serif) DM Sans (sans-serif) Modern startups, fintech, SaaS 3 Fraunces (serif) Manrope (sans-serif) Wellness, lifestyle, food and beverage 4 Space Grotesk (sans-serif) IBM Plex Serif Tech with a human touch, design studios 5 Archivo Black (sans-serif) Archivo (same family, regular) Bold direct-to-consumer brands 6 Cormorant Garamond (serif) Montserrat (sans-serif) Luxury, fashion, hospitality 7 Bricolage Grotesque (sans-serif) Lora (serif) Creative agencies, content brands, media Why These Pairings Work Each combo has clear structural contrast (one serif, one sans, or one heavy, one light) Both fonts share a similar x-height, so they sit comfortably together Each pair offers enough weight options to build a full hierarchy without adding more fonts The Rules to Avoid Clashing Fonts Don’t pair two display fonts. Two personalities competing for attention always lose. Don’t pair fonts that are too similar. Two geometric sans-serifs (like Futura and Avenir) will look like a mistake, not a choice. Avoid mixing different historical periods carelessly. A grunge display font with a refined Didone serif rarely works unless you’re going for ironic contrast. Don’t ignore mood. A friendly rounded sans next to a stiff legal-style serif sends mixed signals. Skip overused combos. Lobster + Open Sans was tired by 2018. In 2026, lean into newer variable fonts. A Simple 5-Step Process to Pair Fonts for Your Brand Define the brand mood in three adjectives (e.g., “confident, modern, warm”) Pick the headline font first. This is your personality. Choose based on mood. Pick a neutral body font that contrasts in style but matches in feeling Build a quick mockup: a homepage hero, a paragraph of body, a button label Stress-test it: print it, view it on mobile, show it to someone outside your team When to Use a Single Font Family Instead You don’t always need two fonts. A well-built superfamily (like Inter, Roboto Flex, or Söhne) gives you enough weights and styles to create hierarchy with just one typeface. This approach is increasingly popular in 2026, especially for digital-first brands that prioritize performance and simplicity. Use a single family when: You’re building a tech product where load speed matters Your brand voice is minimal and modernist You want maximum cohesion with minimum risk Tools to Help You Pair Fonts Fontpair.co: curated Google Font combinations Adobe Fonts: built-in pairing suggestions Figma: test pairings live in your actual layouts Typewolf: real-world examples from working websites FAQ: Pairing Fonts for a Brand How many fonts should a brand use? Two is the sweet spot. Three is the maximum. One can work beautifully if the family has enough range. Can I pair two serif fonts together? Yes, but only if there’s strong contrast in style or weight. Pairing a high-contrast Didone serif with a slab serif can work. Pairing two similar old-style serifs almost never does. Should headline and body fonts share the same designer or foundry? It helps. Fonts from the same foundry often share proportions and rhythm, making them naturally compatible. Many foundries even release sans and serif companions designed to pair. What’s the safest font pairing for a small business? A serif headline with a clean sans-serif body (like Playfair Display + Inter) is nearly impossible to get wrong. It reads as professional, modern, and trustworthy across almost any industry. Do I need to pay for brand fonts? Not necessarily. Google Fonts and open-source libraries cover most needs. Premium fonts make sense when you want exclusivity or a specific aesthetic that free options can’t match. Final Thought Font pairing isn’t about finding the trendiest combination. It’s about finding two voices that say the same thing in different tones. When you get it right, your brand stops looking like