A clear front door
for civic work.

SHK Consulting helps governments plan, fund and deliver housing, recovery and infrastructure projects. We gave the firm a design system and a website that read the way its partners talk: calm, plain and expert.

SHK ConsultingGovernment consultingPlatformsBrand

Visit the site (opens in a new tab)

Phase 1, by the numbers

Services on one page6
Screen widths tested8
Color contrast violations8 → 0
Component guides15

The challenge

SHK Consulting is a New Orleans firm that works with cities, parishes, state agencies, utilities and nonprofits across Louisiana and the Gulf Coast. Its readers are mayors’ offices and agency directors who choose a consultant on trust.

The firm had a strong logo and a clear point of view, but no system to carry them. It needed a site that feels as steady as the people behind it, works for everyone a public agency serves and can grow into a full multi-page site without a rebuild.

What we ran

Platforms

A fast, responsive one-page site on Next.js and Vercel
A contact form with spam protection and email delivery
Search, social and AI discovery set up from day one
Analytics and Search Console ready to switch on
Content kept in one place, ready for a CMS

Brand

A design system built around the firm’s logo
A palette of navy, brand blue, warm sand and one clay accent
A serif, sans and mono type pairing
A plain-language voice guide for every page
Component guides for buttons, cards, forms and navigation

The system came before the site.

We started with the firm’s logo and built a full design system around it: colors, type, spacing, voice and fifteen component guides. Every page that follows, including the bigger build ahead, starts from the same rules.

16: guideline pages
15: component guides

Navy

#0C2038

Blue

#2050A0

Clay

#BF5D33

Sand

#F8F5EF

Sand 2

#F1ECE2

Hairline

#DBD3C4

Ink

#1F1A14

Labels · Plex MonoDisaster recovery

Display · SpectralComprehensive solutions to complex problems.

Body · Plex SansHousing, disaster recovery, mitigation and infrastructure, planned and funded with the agencies that deliver them.

Start a conversationWho we areFocused

SampleSHK’s palette, type and buttons, drawn from its design system.

It holds up on every screen.

We tested the site at eight widths, from a 320px phone to a 1920px monitor. Headlines fit, buttons stay above the fold, and the header turns from clear to solid the moment it leaves the photo.

SHK Consulting homepage on a 1440px desktop — Desktop · 1440

SHK Consulting homepage on an 820px tablet — Tablet · 820

SHK Consulting homepage on a 390px phone — Phone · 390

8: screen widths, 320 to 1920
24: scroll positions checked for the header switch

Public work needs a public site.

Government clients serve everyone, so the site has to as well. Our audit took color contrast issues from eight to zero and added clear focus rings, real labels on every field and larger tap targets on phones.

8 → 0: color contrast violations
Oct 2026: full site audit and fixes

The SHK contact form after sending: a check mark, Message sent, and a Send another button — The sent state, with a clear way to write again. Shown here with a test server reply.

The navy footer with a white focus ring around the Disaster recovery link — Keyboard focus on navy switches to an inverse ring, so it never disappears.

Easy to find, and to cite.

The page tells search engines and AI assistants exactly who SHK is, where it works and what it does. Structured data, a branded share card and clear rules for AI crawlers came standard.

11: AI crawlers named in robots.txt
319 → 172: characters in the meta description