Skip to content

ARK Landscaping — Service Business Website

ARK Landscaping serves homeowners in the lakes region around Detroit Lakes, Minnesota. I built its public website so someone planning a patio, a retaining wall, or work along a shoreline can see what ARK does and describe their own property to the crew.

Status

Live client website

Client

ARK Landscaping

My role

Website development

Built with

Astro, TypeScript, and Tailwind CSS

Starting with the property

A homeowner with an eroding lake edge has a different starting point from someone comparing patio materials. The services menu groups shoreline and drainage work together and gives hardscaping its own section. Each service has a page of its own. For retaining walls, for example, a visitor can look at material options and read answers to questions about sloped sites.

I used a shared catalog to generate the individual pages as static HTML with Astro. The catalog also supplies the service names for the navigation and the estimate form. Someone who reads about drainage installation can find it under the same name when they ask about work on their property.

ARK Landscaping’s homepage shows a paver patio beside a log home, with links to request an estimate or view the company’s work.
The homepage offers an estimate request and a path to the project gallery.

Browsing the work in photographs

A visitor who has an idea in mind but doesn’t know what to call it can start with the project photos. The homepage and individual service pages both link to the gallery. Seeing materials in place gives a homeowner a reference for a conversation about the scale of a wall, the edge of a patio, or how planting fits around the stonework.

The gallery opens with a selection of photos. Visitors can reveal more as they browse, or open one in a larger view to inspect the details. The previous and next controls let them compare neighboring images, then close the preview and continue in the grid.

ARK’s mobile project gallery shows a two-column grid of paved paths, stonework, and shoreline photos beneath the gallery filters.
On a phone, homeowners can browse the photos in two columns and open a closer view of the work.

Checking the area and asking for an estimate

The service-area page identifies Detroit Lakes as ARK’s base and lists nearby communities, including Park Rapids and Perham. A homeowner can look up a location before writing out a request. If their town is missing, the page offers a phone link and a way to ask about it directly.

The contact page brings phone, email, and the estimate form together. The form asks for a name, email address, and a description of the work. A visitor can also specify a service, a phone number, and the city or location, details that matter when discussing a site visit. The form uses a separate server endpoint to check the required fields before preparing the request for email.

The finished site gives a prospective customer a public place to look at ARK’s work and choose how to start a conversation about their own project.

Related Case Studies

More portfolio context.

ProductionLive client website

Matt Laur — Athlete & Coaching Website

An athlete and coaching website that brings together career history, game film, a résumé, and recruiting and coaching contact options.

Next.jsReactTypeScript
Read case study
Public Production ProofProduction

VIFG Nonprofit Platform

Production platform and delivery stack supporting a nonprofit serving the visually impaired community.

ReactTypeScriptViteDocker
Read case study
Back to all work