The Client is in the Details: Harness the Design Elements That Make a Website Work for Your Firm

BY Kristen Friend


Sometimes, a website comes across your desktop that is instantly striking. Exceptional websites are immediately recognizable but often difficult to define. What is it that makes a good looking website look so good?

Attention to subtle details can elevate a website from average to amazing. The right combination of textures, light and shadow can make certain elements pop, emphasizing important items and creating visual organization. If everything on a page looks flat, it is hard to distinguish one bit of information from another. Details create the sense of hierarchy that a website needs in order to prompt action and create results.

Effective websites employ a variety of techniques to bring menus, forms, buttons and text to life. An experienced designer will apply these details on a pixel level in order to achieve the right balance. For example, two single pixel lines, one slightly lighter than the other, make an attractive bevel effect. A five-pixel drop shadow will give dimension to a form field or separate a menu from the content below it. None of these effects leap off the screen individually, but without them the user experience would not be the same.

The first step in making your firm’s website stand out is to never, ever allow default html elements to remain on the page. Standard blue links and square gray buttons show a lack of attention to detail that makes a website easy to forget.

Style all links, forms, search boxes and submit buttons to match your site’s look and feel. Choose a color scheme, preferably with no more than two main colors, and integrate fundamental elements accordingly. Clients may not be able to nail down why your website, and by extension your firm, is so appealing, but they will feel it when they are experiencing a harmonious visual environment.

Once the basics have been covered, some simple techniques can be used to take your firm’s website to the next level.

Depth, texture, light and shadow: Does your firm have one area of practice that is more lucrative than others? Highlight that area with lighting effects or subtle gradients. Do you want to direct clients to a certain page? Give the link more depth with pixel perfect highlights.

Borders and content delineation: It is important for a website to have clear, aesthetic separation between blocks of content. Content must flow logically and be organized. Borders are critical to achieving that organization. But when done poorly, or overdone, borders add visual noise to a page, causing potential clients to click away.

Font face, size and spacing: The choice of font can help set the mood of an entire site. In the past, designers were limited to a small set of fonts, with the big choice basically being between serif (Times) and sans serif (Verdana). The development of web fonts has opened up a wide variety of options, giving your firm the chance to select a font that distinguishes you from your competition. Within that font family, use variation in weights and sizes to direct users.

Behind every successful law firm website is a strategy for appealing to potential clients. Once that strategy has been established, a designer can choose the right set of visual effects to make it work. While each individual element is subtle, the overall effect is a striking website that clearly shows clients why they should hire your firm.

Kristen Friend

Kristen Friend is a staff contributor for Bigger Law Firm Magazine. She has covered political stories on radio stations like WMNF in Florida and has had her work broadcast by Free Speech Radio News (FSNR). As an Award Winning Art Director, Kristen has been recognized by the WebAwards, Davey's Award, W3 Awards, Webby Awards, and others for her work with law firms.


Law Firm Marketing Director

What Makes a Great Law Firm Marketing Director?

In an ever-changing legal landscape, an exceptional Law Firm Marketing Director stays ahead of the curve. They adopt a visionary perspective to navigate through intricate legal landscapes and drive the firm’s marketing initiatives. This involves identifying market trends, predicting client needs, and planning innovative marketing strategies to secure a competitive edge.

Writing press releases for law firms

How Law Firms Can Effectively Use Press Releases

Press releases allow law firms to share their successes, announce new hires or promotions, and position themselves as thought leaders in their respective practice areas. In this article, I will share best practices for writing a great title, writing a great summary, and telling your story in a meaningful way, as well as provide scenarios…

Fluff Content AI Articles for Law Firms

Google’s John Mueller Warns Fluff Content Can Harm Your Law Firm’s Whole Site

By heeding John Mueller’s warning and focusing on producing valuable, informative content for your audience, you can avoid the pitfalls of fluff content and improve your website’s overall search engine performance.