Law Firm Website : JZRDesign
post-template-default,single,single-post,postid-715,single-format-standard,bridge-core-3.0.1,qode-page-transition-enabled,ajax_fade,page_not_loaded,boxed,,qode-title-hidden,qode_grid_1300,qode-content-sidebar-responsive,qode-theme-ver-28.6,qode-theme-bridge,disabled_footer_bottom,wpb-js-composer js-comp-ver-6.0.5,vc_responsive

Law Firm Website

In the process of starting a new practice, a group of experienced attorneys approached my colleagues and me at New Frontier Marketing for branding and website design. I began by creating a distinctive logo, and then drew inspiration from the logo to design a clean, sophisticated website that expresses the firm’s professionalism and approachability.

Many law firm websites look templated and tired, strewn with stock photos of gavels, law books, and courthouses. By avoiding such visual clichés and instead featuring black and white photos of the attorneys at MacNeill, O’Neill & Riveles, I created a classic, yet fresh, homepage. The animated slideshow of these photos (excerpted below), introduces all the attorneys at the firm in side-scrolling succession. The friendly red ampersand from the logo slides in to echo the firm name and to symbolize the attorneys’ collaborative approach.

MacNeill, O'Neill & Riveles homepage detail | Animation of law firm homepage slideshow. Three lawyers are shown, then ampersand moves across screen between lawyer 2 and 3, then lawyer one moves out of frame and a new lawyer moves in.
Excerpt of the homepage's animated slideshow. *PLEASE CLICK TO ANIMATE if image appears static.*

A little something special appears on the individual attorneys’ profile pages. Under each attorney’s biography, rectangular buttons reveal more details about their bar admissions, education, and professional accolades. These buttons feature the red ampersand from the logo, which serves two purposes – to signal additional information (ampersand meaning “and”), and to further brand the site by tying the logo into the more standard features of the page. Whenever possible, I like to find a clever or fun way to use small details like this to tie a project together.

Web page with a lawyer's photo and biography. There is a magnified inset showing the accordion menu highlighting bullet-pointed credentials like bar admissions and education.
Small red ampersands on the buttons perform double duty.

My dad always wanted me to go to law school. For me, designing law firm websites is a good compromise.