Service businesses often lose leads when the website feels crowded, vague, or hard to trust. For this project, the goal was to design a plumbing website that feels local, clear, and easy to act on. The page needed to explain specialist services, show proof, and move homeowners toward one simple next step, request a free estimate.

I structured the page around the way a real homeowner scans a service site. I placed the estimate form in the hero, added review proof and service stats near the top, then built out specialist service cards for tankless installation, replacement, water treatment, reverse osmosis, repining, and fixture work. I also included trust sections for brands, completed projects, customer reviews, service areas, process steps, FAQ, and a final contact form.

The first screen introduces the business as San Diego tankless and plumbing experts and pushes visitors toward the estimate form. The middle of the page explains services, shows known brands, and adds trust through project photos and homeowner reviews. Lower down, the service area block, 4 step process, and FAQ remove common doubts. The page ends with another form so users do not need to scroll back up to take action. This makes the experience simple, practical, and focused on enquiries.

This project shows how I design service business websites with a clear lead generation flow. Instead of relying on visuals alone, I used proof, structure, and direct CTAs to support contact and estimate requests. My role covered page structure, UX decisions, UI design direction, and the full conversion focused layout. This is a concept project created for portfolio use.

Web Designer, Framer Developer

Figma, Framer

Homepage layout with estimate form Service section for specialist plumbing offers Trust and proof sections with stats, brands, and reviews Project gallery section Service areas and process section FAQ and final CTA form Responsive design direction for desktop and mobile