← Back to Portfolio

Case Study

Z&M Services

Lawn Care Custom Build Figma Netlify
Full homepage of the Z&M Services website

Overview

Z&M Services is a new lawn care business in Austin, MN that needed a professional online presence to attract local customers and showcase their work. They wanted a simple, fast, mobile-first website that felt friendly and local, not like a big corporate landscaping company.

The Challenge

Before working with me, Z&M Services had no website or digital footprint. Their biggest challenge was helping customers quickly understand what they offer and making it easy to request a quote. The site needed to load fast, look clean, and guide users toward contacting the business without overwhelming them.

Before & After

Z&M Services Facebook page with logo and project photo posts
Before Facebook page only
Z&M Services custom website homepage
After Custom website

The Solution

I began by creating Figma wireframes and mockups to plan the layout, user flow, and content structure. Once approved, I hand-coded the site using HTML, CSS, and JavaScript in VS Code. The design focuses on a strong call-to-action, a mobile-first layout, and clear service presentation. The site was deployed on Netlify for fast, reliable hosting and domain management.

Key Features

Before/after slider

Mobile-first layout

Formspree contact form

Netlify hosting + domain

The Result

Z&M Services now has a professional online presence that helps customers quickly understand their services and request quotes. Their Google Business Profile is fully set up, making it easy for local customers to find them through search and Google Maps. The site gives them credibility and a strong foundation as they grow their business.

Tools Used

Figma (wireframes, mockups), VS Code (HTML, CSS, JavaScript), Netlify (hosting), Formspree (contact form).