Web Design For Family Lawyers Your Comprehensive How-To Guide

Make Sure Your Chosen Font Reflects Your Brand’s Voice, Tone & Aesthetic 

Fonts are an irreplaceable, important part of your brand. If you’re a wedding planner, you’d use a very easy-on-the-eyes, clean, slightly feminine font. No, not giving fonts gender roles. But the idea is, you need to communicate your brand’s voice. The cute femme font would work better than a rugged, thick font you’d see a wildlife conservatory use on their website. It would be odd to find the CRA’s website in comic sans. Similarly, fonts dictate your brand’s tone. Whether you’re cutthroat, professional, or an amateur dodgeball league. Your fonts dictate who you are.  

PRO TIP: Avoid tacky, loud fonts. Loud fonts can sometimes be unreadable and cluttered. Plus, they do not offer any versatility.

Know Your Font Classification

Typography is not just limited to how content looks like. It extends to text alignment, spacing, contrast, consistency, colour, and hierarchy. With so many aspects in mind, it can be a bit overwhelming to decide where to start. So here’s step numero uno: Pick between the three main classifications of type:

• Serif: Serif fonts are those font types that include a small line at the end of a stroke in a letter or symbol. Times New Roman, Georgia, and Merriweather and examples of serif fonts. These fonts are found commonly in print media. They are formal and old school.
• Sans Serif: These font types are quite minimal in nature and do not have a small line at the end of the stroke. These fonts are clean, edgy, and modern. Their popularity skyrocketed as people soon came to realize that it is the best fit for web design. Calibri, Arial, Nunito, Roboto are a few examples of sans serif fonts.
• Script: Script fonts almost look like freehand writing. They were made to mimic cursive techniques to give you a very feminine, whirly aesthetic. We wouldn’t recommend using script fonts in chunks of text, but rather just for titles. Pacifico, Caveat, Lobster, and Lucida are examples of script fonts. Use them very carefully.

Choose Complementary Fonts for Your Font Hierarchy

Never use more than three fonts on your website. When you pick out these fonts, create a hierarchy, and allot different levels of importance to each font. This allows for a clear sense of hierarchy, giving you a primary font, a secondary font, and an optional accent font.

Your primary font will be your star. It is the most visible one and should be used on the headers, titles, and maybe the logo of your website. This font will be the visual representation of your brand, despite it not being used throughout the site. But this allows the primary font to be more distinct than the rest of the fonts on your website.

Your secondary font will be used for all things content, including paragraphs, descriptions, blog articles, newsletters, reviews, and more. Since your primary font is the unique eye-catcher, your secondary font serves to be your highly legible font type. Fonts that are too chunky, twirly, and ornate are harder to read when applied over paragraphs of content.

And finally, your accent font will be used for one very specific purpose. It will be reserved for calls-to-action, drawing the eye to your most important, make or break button on the page. Your logo font can be the same as an accent font too.

Yes, White Space Can Make Your Content Look Good

White space is formally defined as an empty area between two design elements. These design elements can be buttons, panels, images, text, etc. So sit a little further away from your screen and go through each of your pages and think about where you can add a bit more space.

This goes a long way. If you have an extremely comprehensive blog, a good amount of white space can make it more readable as opposed to stuffing as much text as you can in one space. Now, if your content still looks super hard to read despite you picking the best fonts, rest assured there’s a solution; margins. By creating a slightly wider margin between columns of texts, helps make the page seem less cluttered.

Make sure there is a little bit of extra space between headlines and subtitles, paragraphs, and images and a paragraph. It can make your webpage look a lot cleaner.

Using more white space is an easy, low effort high reward technique that instantly improves your visitors’ user experience.

Choquer Creative’s Picks for Best Fonts

We’re always striving to find what suits our clients’ needs with our comprehensive website analyses. One of our favourite things is typography and hence, we’ve selected a few fonts worth mentioning.

Do you have the correct fonts but still are having issues with SEO? Don't forget to see our other blog if your confused about SEMrush Page Authority.

Use A Call To Action; The Button That Follows Through

A call to action is your shot to turn a lead into a conversion. Your sales funnel is motivated by your CTA’s. There’s no harm in adding CTA’s wherever you can. If a visitor wants to access your services or products, give them a chance to do so by all means. They usher the user into the phases of the buyer’s journey by telling them what to do next. And in turn, prompting them to take immediate action. Whether you want your user to visit your blog, apply for a job, give you their contact information, download an e-book, or subscribe to an email list, you must prompt this action with a well-placed CTA in the sales funnel. They are extremely important to visitors as well, interested ones especially. When they want to enquire, subscribe, buy or read more, allow them to and make it a seamless experience.  It is the cherry on top that every user (consciously or subconsciously) wants. 

It eliminates the paradox of choice and hence, focuses your audience on that single action. But remember, simply adding a shiny red button screaming ‘click here’ also won’t cut it. Strategic placement is everything. When your visitor has read or at least looked through your products/services, chances are they might be on the fence about taking the next step. The right CTA at the perfect moment can push your viewer to for what you want them to do, sealing the conversion.

Creating Crystal Clear Messaging Is What Lands Top Dollar

The more successful sites have crystal clear, hassle-free messaging. Meandering content that serves no purpose can often steer people away from visiting your site again. The first thing your visitor should see is a clear outline of what your business is all about. Keeping content minimal and easy to understand is crucial. Everything we do now are simplified versions of tasks we’ve done before. For example; ordering groceries online is a simplified version of going to the grocery store, walking around, waiting at the till, and walking back with heavy bags. All those steps are null and void with a simple tap on that miraculous, chore saving device. 

Similarly, your service or product no matter how useful it could be in someone’s life must be explained concisely. In any case, most people do not read an entire website word for word. Instead, when they scroll through, they gather crucial quick info from images, keywords, catchy phrases, and usually, that’s what sticks. The less your potential customers have to read, click on, or remember long, agonizing content, the better they’ll be able to evaluate your content and in turn, buy your product or avail your services.

Use Images That Capture How Happy Your Company’s Customers Are

When you check out Lululemon’s page or any other competing brand, the first thing you’d see is a picture of models in their attire, happy and carefree. This lets you know, as a visitor, that their products will leave you feeling elated and overall quite satisfied with your purchase. By reinforcing how easy your booking or sign up process is with well-crafted content, this paired with high res, happy images can really do the trick. Ensure you optimize these images by avoiding BMP or TIFF  images and stick to JPEGs. If your images are too bulky, that can decrease your page’s load time, inadvertently affecting your search ranking.

PRO TIP: Make sure that all the images on your site, apart from those that only serve a design-driven purpose, have alt texts. While Google has gotten content analysis down, it doesn’t quite have an effective way to recognize images. So alt text lets the search engine know what your images are all about. This helps your site’s SEO massively. So gather your images and have it ready to go with alt texts that include relevant keywords.

Map Out Your Process; From Start To Finish

Having a clear breakdown of how your services will help your visitor visualize their experience with you. By reinforcing a positive, 3-4 step process, you are making the experience hassle-free and transparent already. This will allow you to land promising leads. But remember, no matter how many steps that you as a company take to ensure a great experience, do not make it too verbose by adding a 20 step process explaining how your services work. 20 Steps will instantly scare off people looking for pros who can fix things fast and efficiently. 

And also, design for shorter attention spans. Don’t ever make the mistake of adding a 1000 word essay on your website about how your company’s services are better than every single one on earth. Chances are, nobody would read it. Even if you’re right. So map it out seamlessly and help your visitors understand your services without committing too much time and effort.

Build Your Credibility With Testimonials, Reviews & Awards

If you’ve got a great product, the obvious thing to do is to show it off. While self-promotion can do you good, testimonials from clients or past customers can be your home run. This is the perfect opportunity to tell everyone about people who’ve had pleasant, positive experiences. This reinforces the positive beliefs you want people to have about your brand. Don’t turn down a good testimonial.

PRO TIP: Don’t use carousels and rotating sliders to showcase your testimonials.  Carousels often have terrible usability. No, it does not slow down your load time but it can throw a wrench in your website’s user experience. Since carousels seem fleeting and distracting, people don’t really pay attention to information plastered on these flashy, rotating objects of conversion death. Interestingly, this is called banner blindness. The human eye reacts to movement and can distract you from the actual content on your website.