John Froy

Transforming John Froy’s outdated law firm website into a visually appealing, modern, and user-friendly experience.

Year

2024

Role

Web Designer

A complete overhaul of John Froy’s outdated website that helped me land my first job as a mid-level web designer in the U.S. The design assessment required transforming his outdated website into a modern, visually appealing, and user-friendly experience.

Design Process

Upon reviewing the current website, johnfoy.com, I found it to be overwhelming for users due to the excessive amount of content on the homepage. To better understand the user experience, I putted myself in the shoes of a persona seeking an attorney in Georgia. What I wanted to see were the attorneys available and important content without being inundated with excessive information. Thus, I aimed to streamline and reduce the content on the website as much as possible. And also, I've designed the website to be responsive on mobile phones for a better user experience, considering that many people today use their smartphones in their daily lives.

Hero

Users typically spend less than 15 seconds on a website, which represents the average duration of their visit. That's the average time spent. And that's how long you have to capture someone's attention on your website. Therefore, I used the text 'You don't pay unless we win' for effective advertising and I placed John Foy as the hero image, showcasing himself and his smile to instill trust and pos

I also included an animated circle call-to-action button that follows the mouse pointer within the hero section. However, it does not appear when the mouse hovers over the text and buttons.

Trusted By

I included logos of the companies and firms collaborating with John Foy on the website, demonstrating the trusted partnerships established by John Foy and instilling confidence in users.

On the current website of John Foy, there are too much paragraphs where they introduce John Foy and the firm and it's kinda overwhelming for the visitors to read, so to address this, I added a video featuring Joh

Strong Arm Scholarship Section

John Foy & Associates offers a scholarship program in Georgia, a section that cannot be missed! Therefore, I kept it displayed on the website and designed its theme to be more engaging and appealing.

Blogs Section

I discovered that John Foy has written blog posts about legal services, so I decided to display them on the website and design a visually appealing layout for that section. I've also added the average number of minutes to read so users can have an idea of how long the blog post is.

Stay Informed Section

Before the landing page ends, I wanted to prompt users to subscribe to John Foy & Associates to receive the latest announcements. Additionally, I included an attention-catching question and answer by John Foy that looks like a motivational quote.

Conclusion

This redesign transformed John Froy’s law firm website into a modern, professional, and user-friendly platform. It was a pivotal design assessment that not only enhanced the site’s functionality but also marked the beginning of my journey as a mid-level web designer in the U.S.

Check out the full design process here: John Froy Webiste Redesign