ADM Law

Website re-design for a prominent Philadelphia attorney.

Website for ADM Law Firm on laptop and tablet screens.
Toolkit
Webflow logoPhotoshop logoAdobe Illustrator logoFigma logo

Overview

Summary

Attorney Andrew David Montroy needed his website redesigned to help drive more business to his practice. His previous site had been designed over a decade ago and, beyond a facelift, his top concerns for the redesign were:

While time and data will tell how successful we were at improving the conversion rate, the new site’s modern design presents a clear user flow, multiple opportunities for conversion, responsive design, heightened trust, and an improved overall experience.

Duration

The turnaround time on this project was two weeks.

Design

Landing page

Before

Previous version of ADM Law Offices website.

The previous site presented information in columns, a matrix with no clear flow, broken links, a solitary call to action (CTA), and no easy navigation between pages.

The site had a lot of good information, but it was densely packed, lacked any narrative, and did little to highlight who Mr. Montroy is as an attorney.

After

Screenshot of ADM Law Offices' redesigned website.

I streamlined the many pages into a three-page design with most pertinent information laid out in a logical flow on the homepage, and multiple opportunities to access the free consultation form.

With the focus on imagery and clear headlines following a logical hierarchy, I sought to guide users through Mr. Montroy’s story, building trust as they progressed to the consultation form, providing information as well as enough space for the eye to rest.

The firm’s primary business is criminal defense, but a lucrative secondary stream comes through referrals for immigration cases. I added a Spanish translation button to the navigation with “view in English" button replacing it on the Spanish language pages making it easy to translate between languages from any page.

Editing the information gave it room to breathe on the page. I laid it out in a way that tells Mr. Montroy’s story through accomplishments, biography, and testimonials from happy clients.

The map and testimonials in these sections also have links to further positive reviews on Google.

Screenshot of the About section of ADM Law Offices' website.

Consultation form

Screenshot of testimonials and the consultation form on ADM Law Offices' redesigned website.

The form was updated to a modern UI and fields were added to provide additional information to both attorney and user.

I embedded a reCAPTCHA key in the site but found it cumbersome when testing with users. We’ll revisit this if spam becomes an issue, until then it seemed like unnecessary added friction in converting browsers to potential clients.

Services

Before

The areas of practice in the previous site were laid out in dense paragraphs like a legal brief. Easy to read for attorneys used to consuming such briefs, but difficult to navigate and digest for prospective clients.

Services page of ADM's previous website.

After

I laid these out on neat uniform cards with bold headlines. These cards can be expanded to learn more about a given area of specialization. Additionally, each card serves as a CTA with a link to the consultation form.

Services page of ADM Law Offices' redesigned website.

Publishing

Security, accessibility, and SEO

Migrating the hosting had several benefits, the most pressing being the included SSL certificate.

Other benefits include increased speed and security through AWS, and a secure and easy way for me to maintain the site on my preferred platform, Webflow.

As of writing this, I’m still working on the Google dashboard to improve SEO (the robots are taking their time) but other SEO as well as accessibility considerations have included:

  • Descriptive alt text, metadata, and headers with logical hierarchy
  • Site verification, global URL, and reindexing of the site
  • An up-to-date sitemap submitted to Google
  • Spanish translation sitewide
Screenshot of the search bars of both sites showing the previous version with an unsecure link and the new version with a secure link.

Challenges

A third-party translation plugin was not in the budget for this project, so I tried to integrate Google translate to the site with some jQuery code I found online as well as a bit of inline styling to remove the Google banner from the top of the page (where it blocked the nav bar).

Unfortunately, this was unsuccessful. The initial code didn't work properly, by combining snippets of found code I was able to either remove the banner or translate the site reliably, but not both.

Screenshot of code to call Google translate through jQuery.
Screenshot of the redesigned site translated into Spanish.

Ultimately, I decided that trying to outsmart Google's styling was not a good use of time. As the site now is only three pages, I translated each page and linked them up accordingly. The end result works seamlessly with easy navigation between languages.

All the pages are properly indexed and tagged with their language.

Going forward

What I learned

I learned a lot working on this project: from effective time management and working within budget constraints, to implementing some of the code I've been learning improve consistency and speed up my workflow.

Highlights

Next steps

I will continue to maintain the site and work on the Google dashboard to improve search results.

Let's work together

Thank you for reviewing my work on ADM Law Offices' website.

I'd love to hear about your project!

Or shoot me an email and say hi
to top