Case study

Nola Web Pros.

I built the Nola Web Pros homepage to act as the agency's own proof of work. A clean service grid covers everything from web design to reputation, case study cards and named testimonials add evidence, and a statewide coverage map leads into a booking band for consultations.

Visit live site Start a project like this

IndustryAgencies & Tech

Timeline2023

Agencies & Tech Marketing Agency Web Design

Hover or swipe to scroll the full page

nolawebpros.com Desktop

Full-length desktop screenshot of the Nola Web Pros website

HOVER TO SCROLL

// how it was built

From brief to launch.

An agency homepage is judged as a sample of its work, so I built this one to handle a long service list without losing the path to a call.

01 discover

Breadth as the problem

I saw that the agency offers many services statewide, and the page needed to show them all without overwhelming a local owner.
02 plan

Grid then proof

I ordered the page as service grid, retainer extras, testimonials, case studies, coverage and a booking band.
03 design

Screenshots and navy

I paired software screenshots with photos on each card and broke up the light sections with an angled dark testimonial band.
04 build

Linked cards and map

I coded the service cards with links to dedicated pages, the case study cards and the coverage section pairing a map with city names.
05 content

Blog at launch

I set up the blog so early posts, including advice for plumbers looking for more work, were live on day one.
06 ✓ shipped

Card-by-card mobile

I checked service cards show singly on mobile and the city list splits cleanly into two columns.

What I did

The build, step by step.

Every service in one grid. I laid out cards for web design, content, email, paid ads, reputation and search, each linking to its own page.
Screenshots with photos. Each card skips icons and combines a photo with a screenshot of real software.
Retainer extras shown. Additional rows cover payments, review tracking and client reporting so owners see what ongoing work includes.
Proof from real clients. I added two case studies, one for a law practice and one for a plumber, each with small result tags, plus an angled navy testimonial band.
Statewide reach mapped. A map sits beside a list of Louisiana cities, such as Shreveport and New Orleans, and on mobile the city names split into two columns.