75: Adding A Human Touch to Your Web Design
This is an AI generated blog post based on the podcast transcript.
Why Human Connection Matters in Web Design
While your website needs to showcase products or services and drive sales, the most successful sites aren't necessarily the ones with the fanciest features or most polished design. They're the ones that make visitors feel understood and valued.
Think about how you make decisions in your own life. When choosing between similar products or services, what tips the scale? Often, it's that feeling of connection - that sense that one brand just gets you better than the others. Maybe it's authentic reviews, relatable product descriptions, or content that answers your questions before you even think to ask them.
The Psychology of Website Connection
We're all wired for connection. Our brains are designed to respond to other humans, seek out similarities, and look for signs that we've found our community. When a website feels too polished or corporate, it can actually trigger subtle distrust in visitors' minds.
Consider it like a networking event: Would you rather talk to someone delivering a rehearsed elevator pitch full of buzzwords, or someone who starts a genuine conversation and shares relatable experiences? Your website should be like that second person - authentic, engaging, and real.
Practical Strategies for Creating Connection
Let's explore the key elements that can transform your website from a digital brochure into an engaging experience. First, let's talk about voice and typography. Every design element communicates something, so it's crucial to choose fonts that match your desired connection type. Think about the emotional responses different typography styles evoke in your visitors.
Color choices play a vital role too. Instead of just following trendy palettes, select colors that reflect the feeling you want visitors to have when they land on your site. Make sure your palette supports your mission and speaks to your audience's expectations.
When it comes to imagery, authenticity is key. Use photos that genuinely reflect your actual customers or team members. Don't be afraid to mix in real photos of your work and process. If you need to use stock photos, choose them thoughtfully to ensure they align with your brand's personality.
White space is another powerful tool that often gets overlooked. Give your content room to breathe and allow visitors time to process your message. These natural pauses in your design work just like comfortable silences in conversation - they make everything feel more natural and less overwhelming.
Interactive elements can take your website's human touch to the next level. Consider adding hover effects that reveal personal insights, progressively revealing content as visitors show interest, and including prompts for reflection throughout your pages. These small touches can make your site feel more alive and responsive.
Building Trust Through Authenticity
The most powerful elements of a website often don't require code - they require authenticity. Share your process, including the challenges. Tell the story behind your products or services. Create connection points that help visitors see themselves in your narrative.
Your About page is crucial for building trust, but avoid extremes. Don't share your entire life story or stick to a dry list of credentials. Instead, focus on details that help your audience understand why you're the right person to help them.
Starting Small: Quick Wins for Human Connection
You don't need to rebuild everything from scratch. Start with your homepage hero section - speak directly to visitor challenges or aspirations, and replace generic welcomes with specific value statements that resonate with your audience.
Next, look at your navigation and calls-to-action. Inject some personality into your button text and use conversational language in menu items. Throughout your content, add personal notes and quick tips from your experience - these little insights can make a big difference in how visitors connect with your site.
Don't forget about your images. Replace generic stock photos with behind-the-scenes glimpses of your work and process. Show real people and authentic moments that reflect your brand's personality.
Remember: being professional doesn't mean being impersonal. The magic happens when you find ways to be both polished and authentically human. Start with one area of your site and make small, intentional changes. You might be surprised at how these subtle shifts can transform the entire experience for your visitors.
-
[00:00:00] You know that feeling when you land on a website and it's like talking to a robot? Everything is perfectly polished and somehow feels cold. It's like all formal language, stock photos of people in suits shaking hands, and a generic solutions provider copy that could be about any business, anywhere.
[00:00:17] We've all seen that website, and if you're anything like me, you click away pretty quickly. Now I want you to think about the last time you visited a website that felt completely different. Like you were on a relaxing walk, having a chat with a friend who really gets you. The kind of site where you find yourself nodding along, thinking, Yes, they understand exactly what I'm dealing with.
[00:00:37] That connection is not an accident. It's the result of intentional design and copy choices that put human connection first. In this episode of Think Inside the Square, I'm sharing how you can transform your website from a stoic digital business card into an inviting space that creates genuine connections with your visitors.
[00:00:56] You'll learn some of my favorite practical strategies to make your website feel more [00:01:00] human, more authentic, and more effective at building real relationships with your audience 24/7
[00:01:06] Welcome to Think Inside the Square, a podcast full of tips and tricks to help you create a website that you're proud of.
[00:01:12] I'm your host, Becca Harpain, Squarespace expert and educator and creator of insidethesquare.co and in this episode, we're diving into the art and science of designing websites that foster genuine human connections. For a transcript of this episode, along with the links to any resources mentioned, visit insidethesquare.co/podcast
This episode of Think Inside the Square is sponsored by me Inside the Square. I've started offering one on one Squarespace strategy sessions, and I wanted to make sure that you knew about it. If you need help planning your website content, creating some custom code, or maybe brainstorming the perfect way to share your course or membership on Squarespace I'm here to help. You can book your very own Squarespace strategy session with me at Insidethesquare.co/strategy. And we can work together to make Squarespace uniquely yours. That's insidethesquare.co/strategy Now onto the episode.
[00:02:03] as website designers and business owners, when we're creating that space on the web, we often get caught up in the technical details. The perfect color palette, the ideal font pairing, the latest design trends. But sometimes we can forget that at its core, A website is not just a collection of pretty pages, it's a conversation with our visitors.
[00:02:24] And just like any good conversation, it needs to be natural, authentic, and human. In this episode, we're going to explore four key areas that can transform how people experience your website. I'm going to be talking about understanding the psychology behind human connection in web design, how to implement design elements that foster genuine engagement, How to build trust through authentic content and storytelling, and I'll sharing some practical steps that you can take today to make your site feel more human.
[00:02:53] These strategies work whether you're a solo entrepreneur, a creative professional, or running a large business. Even [00:03:00] something super corporate can benefit from a little human connection, especially in this world of rapid AI expansion. Humans are craving more connection than ever, because at the end of the day, people don't connect with a business.
[00:03:13] They connect with other people.
[00:03:14] So let's start by talking about why human connection matters so much in terms of web design. Yes, your website is there to showcase your products or your services and get sales, but maybe you share a plethora of information in the hopes that your site is noted as the number one resource on a specific subject.
[00:03:32] That overall purpose is a huge part of it,
[00:03:35] but there's something fascinating that I've noticed throughout my career as a web designer. The sites that convert the best aren't necessarily the ones with the fanciest features or the most polished design. They're the ones that make visitors feel understood and valued. Think about how you make decisions in your own life, like you're choosing between two similar products or services.
[00:03:54] What is it that actually tips the scale? More often than not, it's that feeling of [00:04:00] connection. That sense that one brand or business just gets you better than the other. Maybe it's the stellar reviews. Maybe it's a product description that sounds exactly like that voice in your head. Or maybe it's a layout that shares content in such a smooth way that it answers all of your questions before you even think of them.
[00:04:17] I experienced this first hand when I started Inside the Square years ago. Every tutorial I created in the beginning was so over the top technical. I didn't even show my face in my videos for the first six months. I had all of these tutorials, all of this technical content about Squarespace, and my analytics showed that I was starting to get some traffic.
[00:04:38] But people were not engaging with it the way that I hoped . This was back when SEO was still a critical part of web design and business. And I was seeing my visits increase because I knew how to make Google happy, but there was nothing there for the actual humans visiting my site. The information was solid.
[00:04:55] But something was missing. So I started adding more personal touches. I [00:05:00] started sharing stories about why I created certain tutorials, admitting when I struggled with a particular feature, even including little notes about mistakes I had made along the way. And you know what happened? Comments increased.
[00:05:11] Email signups doubled. I started getting messages from people saying things like, "Finally, someone who explains this stuff like a real person!!!". It wasn't about dumbing things down or being less professional. It was about being more authentically human. That's why I created the style of teaching that you see in my tutorials today. My approach to sharing my custom codes is personal.
[00:05:31] personal. It's dynamic. It's not just about sharing the information, but it's about sharing the excitement and the potential that custom code gives to us Squarespacers. Now, this brings me to something really important about human psychology and websites. We are all wired for connection. Our brains are literally designed to respond to other humans, to seek out similarities, to look for signs that we're in the right place, that we found our community.
[00:05:58] When your website feels [00:06:00] too polished, too perfect, too corporate, it can actually trigger a subtle sense of distrust in your visitor's mind. Think about it like going to a networking event. When someone approaches you with a perfectly rehearsed elevator pitch, speaking in buzzwords and corporate jargon, how do you feel?
[00:06:16] Do you even want to continue the conversation? If you're like me, you probably feel a little bit uncomfortable. But when someone starts a genuine conversation, maybe even shares a relatable struggle or a funny story about their business journey, you naturally lean in. You want to hear more. Your website needs to be more like that second person, the one who starts real conversations.
[00:06:38] And here's the cool part. You can create this feeling systematically through your design choices. This is not about throwing professionalism out the window or sharing your whole life story. This is about finding those strategic moments where you can inject personality, share genuine insights, and create those "Yes - exactly!!", kind of moments.
[00:06:58] from your visitors. The [00:07:00] key here is that creating human connection on your website isn't about a complete overhaul of your brand or sharing every detail of your personal life. This is strategic vulnerability, choosing specific moments to show the human side of your business in ways that actually strengthen your professional credibility rather than diminishing it.
[00:07:19] So how do we actually create these moments of connection and weave them into our design? Let's break down some specific elements that can transform your website from a digital brochure into an engaging experience. First up, I want to talk about your site's voice. And I don't just mean the words you write.
[00:07:35] Every design element on a page communicates something. Your typography, your color choices, the white space, They all work together to set the tone for your conversation with your visitors. Think about the difference between Times New Roman and a hand drawn font.
[00:07:50] One says formal document, while the other says creative expression. Now neither is wrong, but they create very different emotional responses. Choose [00:08:00] elements that match the type of connection that you want to create with your audience. Color plays a huge role here too. I see a lot of websites using really trendy color palettes because they look modern and professional.
[00:08:11] Maybe they switched everything over to neon because that's one of the design trends they've been reading about. And while there's nothing wrong with that, Sometimes we forget to ask ourselves, does this color palette actually reflect the feeling I want my visitors to have when they land on my site?
[00:08:26] Here's a practical example from my own website. When I first started InsideTheSquare. co, I used lots of blues and grays because that felt techy and professional. But when I really thought about my mission, making code feel accessible and even fun, I realized that those colors were working against me.
[00:08:43] They were making custom code feel a lot more intimidating, not less. So now I use brighter, more playful colors in my design elements that match my teaching style. Now, one of my favorite techniques for making a website feel more human is adding interactive elements that invite [00:09:00] engagement. Think about things like hover effects that reveal personal notes or insights, almost like sharing a secret with your visitors, or maybe you can progressively reveal more content as someone shows interest in a topic, similar to how a natural conversation unfolds.
[00:09:15] Even small interactive touches, like having elements respond thoughtfully to user actions, can make your site feel more alive and responsive. And don't forget about adding prompts or questions throughout your content to encourage your visitors to pause and reflect, just like you would in a real conversation.
[00:09:32] The key with all of these elements is intentionality. Every design choice should serve your goal of creating genuine connection. It's not about adding personality just for the sake of it. It's about using design strategically to make your visitors feel seen and understood. Speaking of being seen and understood, let's talk about how to build trust through authentic content and storytelling. You can have the most beautifully designed website in the world, but if your content doesn't feel genuine, people will be [00:10:00] able to sense it immediately. . Let me share something that changed everything for my website. For the longest time, I thought that I needed to present myself as this perfect, all knowing Squarespace expert.
[00:10:11] I would spend hours making sure every tutorial I published was flawless. Every piece of content was completely polished. But do you know what actually helped my audience connect with me more? My videos. When I started sharing the process and including my mistakes.
[00:10:25] Now when I create a tutorial, I don't edit out the part where I make a typo in my code. Instead, I walk through how I troubleshoot it. Because guess what? That's real life. That's what happens when you work with code. Every time I include these moments, I get comments from people saying how refreshing it is to see someone else make the same mistakes that they do.
[00:10:43] This approach to authenticity can work for any type of business. If you're a service provider, share some behind the scenes of your process, including the challenges. If you're selling products, tell the story of why you created them, what problems you're trying to solve. These stories create connection [00:11:00] points for your audience.
[00:11:01] The goal here isn't to overshare or make your website feel unprofessional. I want to reiterate that it's not about being unprofessional. This is about being strategically authentic, choosing the right moments to pull back the curtain and show the human side of your business. Because when you do this effectively, you're not just building trust, you're creating advocates for your brand.
[00:11:21] And again, you're creating human connection. Now, the best part about making your website more human is that you can start small. You don't need to rebuild everything from scratch or completely overhaul your brand. Adding this human touch can be as simple as changing a few key elements one at a time. Let's start with your homepage, specifically your hero section, the first thing that people see when they land on your site.
[00:11:44] Instead of a generic welcome message, try speaking directly to a challenge or an aspiration that your visitors have. For example, on my website, I don't just say, welcome to Inside the Square. I say, let's make Squarespace uniquely yours.
[00:11:57] That simple sentence will [00:12:00] help instill a little bit of confidence in my website visitor, letting them know that when they want to customize something, they found the right place to do it.
[00:12:07] Now, your navigation is another easy place to inject some personality. One of my favorite quick wins is adding personal notes throughout your site. These can be simple call outs or side notes that share insight from your experience. On my tutorial pages, I often add little notes about the specific challenges I've encountered or shortcuts that I've discovered. These little pro tips or moments of shared experience help build that connection with my visitors.
[00:12:31] And it lets them know that A.I. didn't write this article, a human did. Now your call to action buttons are another opportunity for personality. Instead of just a generic submit or learn more button, use these buttons to continue the conversation that you're having with your visitor.
[00:12:46] On a landing page, I'll include a call to action button that says send me the PDF or give me that freebie. It's a small change. But it makes the interaction feel more personal.
[00:12:57] Updating your images is also a pretty [00:13:00] quick way to help your site feel more human. I want you to take a look at the current images that you have on your homepage. Do they feel like they could be on literally any website in your industry? If so, it might be time to replace them with some more authentic visuals.
[00:13:14] Now this doesn't mean you need a professional photo shoot. Even candid photos of your workspace or your process can make a huge difference.
[00:13:21] Now, if you're not comfortable taking your own personal photos, there are some stock photo websites that are getting a pretty darn creative these days. And there are two of my favorites that I'll link to in the show notes at insidethesquare.co/podcast.
[00:13:33] so if you're looking to update your images and you don't want to take your own, check out the link of the show notes.
[00:13:39] Now remember that voice that we talked about a little earlier, I want you to start paying attention to the words you use throughout your website. Are there places where you can replace industry jargon with more conversational language? Are there sections where you can share a quick story instead of just stating facts?
[00:13:54] Reviewing the voice is an easy way to add a little bit more of a human touch to the content that's there on your website. [00:14:00] Now, no matter where you decide to start, the key here is to make these changes strategically. Pick one area of your site to focus on first. Maybe it's your about page or your service descriptions.
[00:14:11] Make that section more personal and engaging. And then pay attention to how your visitors respond. I want you to look at the data, okay? You might be surprised at which one of your changes make the biggest impact. Testing can be crucial here too. When you make these changes, ask a few of your trusted friends, or even your clients, to review your site and share their honest feedback.
[00:14:32] Does it feel more approachable? Is it authentically you? Are there places where the personality feels forced? These insights can help you find the right balance for your own content. . So we covered a lot of ground today, my friend, but the most important takeaway is this. Your website doesn't have to choose between being professional and being personal. The magic happens when you find ways to be both.
[00:14:55] Whether it's through thoughtful design elements, strategic sharing of your experience, [00:15:00] or simply using more conversational language, every small change that makes your site more human is a step toward better connections with your visitors. If you're feeling inspired to make your website more engaging, but you aren't sure where to start, here's one simple action you can take today.
[00:15:15] Find one section of your homepage, maybe your intro or your about section, and I want you to rewrite that section as if you're explaining what you do to a friend over a cup of coffee. Don't worry about getting it perfect, just write it naturally and then read it out loud. If it sounds like something you'd actually say in conversation, you're on the right track.
[00:15:34] , That wraps it up for this episode of Think Inside the Square. Now I mentioned quite a few resources in this episode. So to grab a link to any of those head over to the show notes at insidethesquare.co/podcast and if you enjoyed this episode, be sure to subscribe wherever you happen to be listening.
[00:15:50] Thank you so much for tuning in to ThinkInsideTheSquare and most importantly, have fun with your website. Bye for now.
-
Joey Coffee Alternative (affiliate link): insidethesquare.co/joey
Stock photo’s that don’t suck: deathtothestockphoto.com & pexels.com
