design support for a growing business
3 Legacy Home Services.
Overview.
3 Legacy Home Services approached this project looking to establish an online presence that reflected the quality of their craftsmanship and the pride behind their work. The project began with a brand refresh focused on refining the existing logo and establishing a more cohesive visual identity before moving into the website redesign phase.
The resulting website was designed to clearly communicate services, showcase completed projects, and create a streamlined experience for potential clients. Through updated branding, strategic content structure, and focusing on user-engagement the final product delivers a professional and approachable digital presence that aligns with the company’s values and long-term goals.
The Brand.
Before beginning the website design process, I first reviewed the existing branding to determine whether a brand refresh would help create a stronger and more cohesive visual identity. After discussing the direction and overall feel the client wanted to convey, the owner ultimately decided to move forward with a logo refresh, with orange identified as the primary brand color.
3 Legacy’s Prior Branding
Post Refresh Design
Since orange was the strongest visual direction identified by the client, I leaned into it by incorporating two complementary shades in a gradient treatment designed to evoke a warm, metallic sheen. I also wanted the refreshed mark to subtly reference the “3” in 3 Legacy while introducing emblem-inspired elements that reflected the pride, craftsmanship, and attention to detail that Kyle prioritizes in his work which I picked up on throughout our conversations.
The Website.
Following the logo refresh, the website redesign began using the updated visual identity and color palette established during the branding phase. From the start, the primary goals were to showcase Kyle’s craftsmanship through strong project visuals while clearly communicating the services offered and the areas 3 Legacy serves.
The resulting website was designed to focus on clarity, usability, and conversion without overcomplicating the experience. Each page was built around the essential information visitors need, while the navigation and calls-to-action make it easy for potential clients to start the process or connect with 3 Legacy directly.
Key areas of focus included highlighting completed projects, providing detailed service information, and reinforcing the company’s values and commitment to quality throughout the site’s messaging.
Project Before and Afters
This interactive before-and-after feature was designed to showcase project transformations in a more engaging and tangible way. By allowing visitors to directly compare results, the element highlights the craftsmanship behind 3 Legacy’s work while helping potential clients evaluate past projects, which is an important part of the contractor research and decision-making process.
Comprehensive Service Page
Clear communication around 3 Legacy’s services was a key priority throughout the website redesign. To balance usability with detailed information, I incorporated expandable service sections that allow visitors to quickly scan available offerings while easily accessing additional details about the services most relevant to their needs.
Client & Audience Reception
Following launch, 3 Legacy’s new website received overwhelmingly positive feedback from both the client and potential customers.
The updated branding, improved structure, and stronger project presentation helped create a more polished and professional online presence that better reflected the quality of 3 Legacy’s work.
Usability & Conversion Actions
The website structure was designed to reduce friction and make it as easy as possible for visitors to take action.
Clear navigation, accessible contact points, streamlined service information, and a thoughtfully structured contact form help potential clients get started without unnecessary back-and-forth, creating a smoother and more efficient user experience throughout the site.