How-To

About us: marrying brand and visuals in 2024

Discover how brands blend storytelling and visuals on ‘About Us’ pages in 2024. See examples that masterfully marry graphics with brand identity.

Let’s cut to the chase: your ‘About Us’ page is crucial for engaging potential customers. It’s where visitors get to know your brand, not just through words but through design.

Here’s the deal: merging your brand identity with visuals isn’t just slapping on bold colors and fancy fonts. It’s about telling your company’s story visually and making that first impression count.

We’re exploring graphic elements in ‘About Us’ pages—focusing on how color, typography, and imagery can mirror your brand’s core values. Expect tips on layout, consistent design across your site, and engaging visuals.

We’ll also analyze top ‘About Us’ pages for practical insights. This guide is for those revamping or creating their page, ensuring it genuinely represents your brand.

Table of contents

  1. The anatomy of an effective ‘About Us’ page
  2. Graphic elements in brand storytelling
  3. Design techniques for ‘About Us’ pages
  4. Consistency across platforms
  5. Engaging the audience visually
  6. Analyzing successful ‘About Us’ pages
  7. Tools and resources

The anatomy of an effective ‘About Us’ page

Creating an ‘About Us’ page that stands out requires blending storytelling, clean design excellence, and strategic thinking. This page should connect with potential clients on a human level, sharing your personal story, company culture, and mission statement. Here’s an expanded view of its crucial components:

Compelling narrative: Your story is the heartbeat of your ‘About Us’ page. Share how your brand was born, the challenges you’ve overcome, your triumphs, and your future aspirations. Make it a story that visitors can connect with emotionally.

Consistent branding: This isn’t just about your logo. It’s about ensuring that every element – from color palettes to typography to the tone of voice – aligns with your brand identity. This consistency strengthens brand recall and creates a cohesive user experience.

Engaging visuals: Go beyond stock photos. Use custom illustrations, infographics, behind-the-scenes shots, or short clips to bring your story to life. Visuals should complement your narrative and highlight your brand’s uniqueness.

User-friendly layout: Prioritize navigation ease. A well-structured layout, clear headings, and a scannable format ensure visitors can effortlessly find and digest information. Interactive elements like hover effects or scroll-triggered animations can enhance user engagement.

Personality: Let your brand’s character shine. This could be through the tone of the copy, quirky design elements, or unique visuals. A distinctive personality sets your page apart and makes your brand more memorable.

Authentic testimonials: Incorporate genuine testimonials or endorsements to lend credibility. Featuring real stories from your team, customers, or partners can significantly enhance trust and relatability.

Call-to-action (CTA): Don’t leave visitors hanging. A well-placed CTA can guide them on what to do next – whether it’s reaching out via a contact form, browsing your products, or following your social media channels.

Contact information: Make it easy for visitors to reach you. Include clear contact details or a simple contact form. This transparency fosters trust and invites engagement.

SEO optimization: Ensure your ‘About Us’ page is visually appealing and ranks well in search engines. Use relevant keywords, meta descriptions, and alt text for images.

Accessibility: Cater to all users by ensuring your page is accessible. This includes alt text for images, readable fonts, and a layout compatible with screen readers.

An ‘About Us’ page crafted with these elements tells your brand’s story, enhances user engagement, builds trust, and strengthens your brand’s online presence.

Graphic elements in brand storytelling

Graphic elements are not just decorations; they are storytellers, essential for creating a personal connection with potential customers. Here’s a deeper dive into how these elements can narrate your brand’s story on your ‘About Us’ page:

Color psychology: Colors speak volumes. They can evoke emotions and set the tone for your brand. For example, blue can convey trust and stability, while yellow can radiate energy and optimism. Choose a palette that resonates with your brand’s emotional core. Use vibrant colors and creative visuals that align with your company’s values and philosophy.

Typography as a voice: Think of typography as your brand’s voice. A modern sans-serif font might convey a sleek, forward-thinking brand, while a serif font could suggest tradition and reliability. Ensure the typography is not just on-brand but also readable across devices.

Imagery and iconography: The right images and icons can clearly communicate your brand values. Custom photography, illustrations, and icons tailored to your brand can create a more authentic and memorable experience than generic stock images.

Data visualization: If your story involves data, use infographics and charts to make it engaging. Complex information can be transformed into an easy-to-understand, visually appealing story.

Brand mascots and characters: A unique mascot or character can add a memorable element to your brand storytelling. They can embody your brand values and become a recognizable symbol across various platforms.

Video content: A short brand video can be a powerful tool in your storytelling arsenal. It can convey your message quickly and effectively, often creating a deeper emotional connection than text and static images.

Source

By thoughtfully integrating these graphic elements, your ‘About Us’ page becomes more than just a part of your website – it becomes a captivating chapter of your brand’s story, engaging visitors and leaving a lasting impression.

Design techniques for ‘About Us’ pages

Your ‘About Us’ page is more than a company introduction; it’s a part of your brand’s journey. A simple design with a well-structured layout ensures visitors can effortlessly find and digest your company story.

Layout strategies: Start with a wireframe. Keep it simple and intuitive. Your layout should guide the eye naturally from one element to the next. Use whitespace smartly – it’s not just empty space. It’s breathing room for your content.

Balancing text with visual elements: It’s a dance between words and visuals. Don’t let one overshadow the other. Use visuals to break up the text, making it digestible. Infographics can turn boring stats into an interesting story. Icons can highlight key points without adding bulk.

Remember, your ‘About Us’ page is not just a fact sheet. It’s a part of your brand’s journey. Make it a page visitors want to explore, not just skim through. 

Consistency across platforms

Consistency is key. Your ‘About Us’ page should feel like a chapter of the same book, not a random leaflet stuck in the middle.

Aligning the ‘About Us’ page with an overall web presence: Your website is a universe, and your ‘About Us’ page is a planet within it. The design elements – colors, fonts, imagery – should align with your website’s overall theme. This consistency reinforces brand identity and makes for a smoother user experience.

Examples of seamless brand visual integration: Think of brands that nail this. Their ‘About Us’ page seamlessly extends their homepage, product pages, and even social media profiles. The design language remains uniform, making the brand instantly recognizable across different platforms.

This visual harmony makes your brand more memorable and trustworthy. 

Engaging the audience visually

Grabbing attention is one thing; keeping it is another. Let’s talk about making your ‘About Us’ page not just seen but felt.

Emotional resonance through design: Your design should strike a chord. Use visuals that evoke emotions relevant to your brand’s story. A nonprofit might use impactful imagery to stir empathy, while a tech company might use sleek, innovative visuals to spark inspiration.

Design your page to resonate deeper, using visuals that evoke emotions relevant to your brand’s story and mission. This approach ensures a more profound personal and emotional connection with your audience.

Using interactive elements: Interaction keeps users engaged. Think hover effects, scroll-triggered animations, or short video clips. These elements add a layer of experience, making your ‘About Us’ page more than just a static read.

Analyzing successful ‘About Us’ pages

Let’s dissect some ‘About Us’ pages that hit the mark. Understanding what works can inspire your own design decisions.

Positive Intelligence

Positive Intelligence’s “About Us” page stands out with its use of custom illustrations and carefully chosen typography. These elements work together to create a visually appealing and cohesive brand message. The addition of a well-placed call-to-action at the end of the page effectively invites engagement, making it an exemplary “About Us” page in terms of both design and functionality.

MakeReign

Source

MakeReign’s “About Us” page skillfully utilizes video content, adding an engaging dynamic that draws users in. Their use of font hierarchy is spot-on, guiding the eye naturally through the content. Information is cleverly divided into digestible portions, making it easy to grasp their story and expertise.

They smartly incorporate infographics, bringing a visual appeal to complex data. Customer reviews and a showcase of their awards not only build credibility but also subtly highlight the high quality of their work. This combination of engaging visuals, clear information hierarchy, and strategic content placement reflects their prowess in digital design.

Scandinavian Design Group

Source

SDG’s “About Us” page is a masterclass in typography hierarchy and visual layout. It’s clear and engaging, effectively showcasing their capabilities and approach. They list the diverse brands they work with, emphasizing their versatility. Plus, they highlight their eco-friendly ethos, showing they’re not just about good design, but also about making a positive impact on the planet.

Two Good Co.

Source

Two Good Co’s “About Us” page nails it with a clean, impactful design. It’s user-friendly, telling their story without clutter or confusion. The use of visuals and text strikes a balance, drawing you in without overwhelming.

It’s a textbook example of how to use design to amplify a message, not just decorate it. Clear, concise, and on-brand, it reflects their mission and values perfectly. It’s proof that good design can do more than catch the eye; it can tell a story and inspire action.

Evmos

Source

Evmos’ “About Us” page takes futuristic to the next level. The fonts aren’t just text; they’re part of the experience, weaving into cool graphic effects that scream ‘next-gen’. It’s more than design; it’s a statement.

And that ‘Contact Us’ section? Huge. It’s like they’re inviting you into the future of blockchain. This isn’t your typical corporate page; it’s a visual journey into what they stand for, blending style with substance.

DLMDD

Source

DLMDD’s “About Us” page tunes into their core specialty: turning brand sounds into auditory icons. It’s a backstage pass into their world, showcasing what they’re all about. You meet the team, making the experience feel personal like you’re getting to know the band behind the brand beats.

They spotlight their top hits, and the brands they’ve amped up, and keep you in the loop with the latest project news. It’s a well-composed mix of showcasing skills, team spirit, notable collaborations, and fresh updates, all setting the stage for their sound-centric branding approach.

AutoCamp

Source

AutoCamp’s “About Us” page artfully narrates its history, starting with Airstream’s legacy and blending it with visually appealing elements. They highlight their commitment to philanthropy, and supporting nature preservation.

The page is practical too, offering links for job seekers and press inquiries, plus a call-to-action for newsletter subscriptions. It’s a well-rounded presentation of their brand story, values, and engagement opportunities.

Made[LAB]

Source

Made[LAB]’s “About Us” page is a model of simplicity and clarity. They dive straight into what they excel at and what they don’t do, leaving no room for guesswork.

Their approach is direct, outlining their expertise in creating high-end, innovative packaging solutions and highlighting their problem-solving skills. The page also introduces the team behind these luxury creations, giving a personal touch to their professional prowess.

Henley Smith

Source

Henley-Smith Construction’s “About Us” page is centered on their values and mission, radiating warmth and trustworthiness. The welcoming first image and smiling faces in the photos create a sense of approachability and reliability.

This inviting visual narrative aligns seamlessly with their commitment to quality and integrity in building homes. The page concludes with a call-to-action, encouraging visitors to initiate contact, effectively inviting potential clients into their world of trusted, value-driven construction.

BlendBCN

Source

BlendBCN’s “About Us” page stands out with its use of 3D fluid object graphics, setting a creative and modern tone. The text is the focal point, presented in bold, making a strong visual statement.

Despite the large blocks of text, the lack of visual separation surprisingly works, perhaps due to the striking typography and the page’s overall design aesthetic. This approach suggests confidence in their content and a commitment to a minimalist yet impactful design philosophy.

BertchCapital

Source

The “About Us” page of BertchCapital opens with its main motto, setting the stage for its brand identity. This is followed by an engaging video, likely offering a dynamic insight into their ethos. They delve into explaining their “Always ahead” motto, reinforcing their forward-thinking approach.

The page then highlights their passion and showcases their portfolio, providing a glimpse into their achievements and expertise.

A timeline section narrates the brand’s journey, adding depth to its story. Finally, the team and their values are presented, painting a complete picture of who they are, what they stand for, and their commitment to excellence and innovation.

Analogue

Source

The “About Us” page of The Analogue agency kicks off with a showcase of their work, immediately highlighting their capabilities. This is followed by a section on the brands they’ve worked with, demonstrating their experience and reach.

They then outline the fields they specialize in, addressing the question “Why partner with us” by emphasizing their core values and unique approach. Client testimonials are included to underscore their effectiveness and impact.

Notably, they highlight their competitive hourly rate, aligning with their motto of “Big on quality, low on costs.” The page concludes with a call-to-action for contact, inviting potential clients to engage.

Mellem

Source

Mellem’s “About Us” page starts with a clear description of what they do, setting the stage for their identity and services. They follow this with their philosophy, giving insight into their guiding principles.

The page creatively uses typography hierarchy as a design element, pairing text with images for readability and engagement. They highlight unique features and partners, adding to their credibility. The page outlines their project process, providing transparency into how they work.

It wraps up with renders of ongoing projects, giving a peek into their current endeavors and showcasing their capability to bring ideas to life.

Tools and resources

Utilize tools and resources that aid in crafting a storytelling canvas filled with plenty of content to showcase your brand’s personality, ethos, and journey, effectively communicating with potential customers. Let’s expand your toolkit. Alongside industry standards, there are emerging gems that can bring a fresh edge to your ‘About Us’ page design.

Software & platforms for design and web development:

  1. Lunacy: A powerful and free graphic design software, perfect for vector illustrations and UI/UX designs.
  2. Adobe Creative Suite: Unmatched for editing and creating visuals – Photoshop, Illustrator, and After Effects are staples.
  3. Sketch & Figma: Essential for UI/UX design, offering collaborative features for modern design workflows.
  4. Ouch: A fantastic resource for free vector illustrations that can add personality to your ‘About Us’ page.
  5. WordPress, Squarespace, and Wix: These platforms simplify web design with customizable templates and user-friendly tools.

Design inspiration and learning resources:

  • Godly Website, Behance, Dribbble: Perfect for exploring cutting-edge designs and staying on top of trends.
  • Design blogs and podcasts: Keep up with the latest design with resources like Smashing Magazine or ‘Design Matters.’
  • Online learning platforms: Expand your skills with courses from Coursera, LinkedIn Learning, or Skillshare.

These tools and resources are not just about getting the job done; they’re about expanding your creative horizon and refining your design language. Your ‘About Us’ page can evolve from a mere webpage to a storytelling canvas with the right combination of tools, inspiration, and community support.

Your ‘About Us’ page is the narrative of your brand and the heart of your digital presence. Remember to keep your design consistent across platforms, engage your audience visually, and use the tools and resources available to effectively convey your company values and story.

The key takeaways? Be authentic, keep your design consistent across platforms, engage your audience visually, and use the tools and resources available to bring your vision to life. Your ‘About Us’ page is a unique opportunity to showcase your brand’s personality, ethos, and journey. Make it count.

Take a fresh look at your ‘About Us’ page. Does it accurately reflect your company philosophy and connect with potential clients on a personal level? Utilize the shared insights and tools to tell your brand’s story, making a personal connection with your audience. And if you’re looking for more graphics, dive into Ouch.

Recent Posts

Testing the ground

This is where we place all the possible blocks that we use for our articles…

5 months ago

How to illustrate a children’s book with AI

Creating illustrations for a children’s book is challenging, especially if you're not an artist. Learn…

5 months ago

Retro fonts: history, examples, and modern interpretation pt. 2

Nostalgic typefaces are trendy and more varied than ever. Discover the story behind vintage typography…

5 months ago

Retro fonts: history, examples, and modern interpretation pt. 1

Curious about the diverse world of nostalgic fonts? Keep reading to explore typography from the…

6 months ago

Arrow icons: style ideas and examples of use cases

Check out arrow icons in different aesthetics and get some inspiration on how to implement…

6 months ago

How to create perfect matching visuals for an online course landing page

Step-by-step tutorial on generating AI illustrations for the online school landing page design.

6 months ago

This website uses cookies.