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

BY Kristen Friend

LISTEN

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.

MORE STORIES

Lawyers used ChatGPT

Lawyers in New York Used ChatGPT and Now Face Possible Sanctions

Several lawyers are under scrutiny and face potential sanctions after utilizing OpenAI’s advanced language model, ChatGPT, for the drafting of legal documents submitted in a New York federal court. The attention surrounding this matter stems from the erroneous citation of non-existent or irrelevant cases by ChatGPT. The adoption of AI in legal practice is not…

Google Changes the Rules for AI Content

Google has Changed their Mind About AI Generated Content

Their change in terms essentially amounts to, “Yes, you can use AI tools to help create quality content but it had better be good.”

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.