Website Modernization · Proposal & Working Demo

A new cd-hartnett.com, built to the standard of the company behind it.

The C.D. Hartnett name has meant customer service since 1880. The current website was built around 2009 and hasn’t kept pace — this document walks through a complete, working rebuild and explains why each change earns its keep.

Prepared by Ciera Grace Consulting · July 2026 · cieragrace.com

The Situation

What the current site tells customers

Every measurement below was taken directly from the live site in July 2026. None of this is cosmetic nitpicking — each one either turns customers away, hides the company from Google, or shows a site that has gone years without maintenance.

972px
Fixed-width table layout — the page cannot adapt to phones or tablets at all
−2,659 days
A countdown to the 2019 Food Show is still buried in the homepage code — hidden from view, never removed — beside a dead analytics tag and layers of table-based clutter nobody cleaned out
No pitch
The entire homepage is a short welcome note and two category photos — no product range, no service detail, and no clear way for a new store or restaurant to become a customer
0 visitors
Analytics runs on Universal Analytics, which Google shut down in 2023 — no data has been collected since
SSL error
cd-hartnett.com (without www) presents an invalid certificate — a full-screen browser warning
~2000
Era of the code: Netscape 4 resize hacks, <font> tags, no doctype, no mobile viewport

The footer says “©2026” because the year updates automatically — but a visitor on a phone sees a page that scrolls sideways, cuts the headline off mid-word, and promotes an event from seven years ago. For a company that sells reliability, the website is making the opposite argument.

Before & After

The same company, presented like it matters

Old homepage on desktop
Before — DesktopA fixed 972px column stranded in dead space — a plain welcome page that does no selling
New homepage on desktop
After — DesktopHeritage-brand design, clear divisions, calls to action
Old homepage on a phone — content cut off
Before — iPhoneSideways scrolling; headline literally cut off mid-word
New homepage on a phone
After — iPhoneFully responsive from 320px up — no pinching, no sideways scroll
New About page with history timeline
After — About & HistoryThe 1851→today story, five presidents, facilities — trust content that was buried
New Grocery division page
After — Grocery DivisionEach division gets a real sales page with programs and CTAs

The Changes

What was fixed, and why it’s worth fixing

Swipe the table sideways to see each change →

ChangeBeforeWhy it’s a positive change
Responsive, mobile-first layout Fixed 972px table grid; unusable on phones Over half of business web traffic is mobile. A store owner checking a supplier from the truck cab can now actually read the site. Google also ranks mobile-friendliness directly.
Modern static architecture (Astro) Java (.jsp) pages served from an aging application server The public site becomes plain, pre-built HTML: loads in a fraction of the time, can’t be hacked through the CMS, and hosts for pennies. The HartNet customer portal stays exactly where it is — every login link is preserved.
Content & code cleaned up 2012 seminar links, a hidden 2019 countdown and a dead analytics tag left in the source, table-based markup with no doctype Old, cluttered code signals nobody’s home. The rebuild is clean, current HTML — no dead blocks buried in the page, no stale promos, nothing left to rot.
The heritage story, surfaced The 1880 founding story hidden on a sub-sub-page 145 years in business and Berkshire Hathaway ownership are the strongest trust signals the company owns. They’re now on the homepage and a dedicated timeline page — that’s what closes a skeptical new account.
Contact info everywhere No phone number or address anywhere on the homepage The phone number is now in the footer of every page, tap-to-call on mobile, with a department directory and map links. Fewer clicks between a prospect and a salesperson = more calls.
Real calls to action No path for a new customer to start “Become a Customer” and division-specific “Talk to Sales” buttons on every page turn the site from a brochure into a lead channel.
Accessibility & semantics Layout tables, image-only navigation, no heading structure Screen-reader and keyboard friendly, proper headings and landmarks. This is both an ADA risk reduction and exactly what search engines parse for ranking.
Performance Unoptimized JPEGs, blocking scripts, mixed http/https content Images are auto-converted to WebP at multiple sizes (hero image: 968 KB → 68 KB), fonts are self-hosted, and the only JavaScript on the site is the mobile menu button. Fast sites convert better and rank better.

Search Engine Enhancements

Built to be found — by Google and by AI

The old site’s SEO was a 2009-era keyword list (including competitors’ names) that Google has ignored for over a decade. The rebuild uses what actually works in 2026:

Measured Results

The rebuild by the numbers

6 pages
Home, Grocery, Foodservice, About & History, Contact, 404 — every page of original content preserved and rewritten
93% smaller
Hero imagery after automatic WebP optimization (968 KB → 68 KB)
320px → 4K
Fully responsive across every screen size, verified on desktop and iPhone viewports
~1 KB
Total JavaScript shipped (the mobile menu). The old site loaded five scripts before any content
4 schema types
Organization, 2× WholesaleStore, ContactPage structured data for search & AI visibility
100%
Of existing brand equity kept: logo red, “It’s What We Do!”™, HartNet logins, Facebook, phone & addresses

Investment

Three tiers — a full year of hosting included in every one

Same custom, mobile-ready rebuild at every level. What changes is how far it reaches: whether it’s tuned to be found on Google, and whether we keep it current for you after launch. You own the site and the code outright either way — no lock-in. A full breakdown is in the Pricing & Tiers document.

Tier 1 — Launch

$7,500 one-time build
  • Six-page custom, responsive rebuild
  • All content migrated and rewritten
  • Secure hosting + SSL, DNS cleanup, bare-domain fix
  • You own the site and the code
  • The bare base — hosting billed separately at $300/yr

Tier 3 — Managed

$15,500 first year, all-in
  • Everything in Tier 2
  • Ongoing management — kept current, watched, reported on
  • Monthly check-in, updates, and your own support portal
  • A partner for future versions when you’re ready
  • $9,500 build + $500/mo ($6,000/yr)
Starts at · the bare build $7,500

For scale: agencies quote this scope for a company of C.D. Hartnett’s size at $30,000+ to build, and most lock you into $1,500–$2,500/month retainers on top. Here the site starts at a flat $7,500, hosting is a simple $300/yr, and you walk away owning the site and the code. No lock-in — step up a tier only if and when it earns it.

Recommended Next Steps

Where this goes from here

1. Launch & DNS cleanup

Deploy to modern hosting, point cd-hartnett.com at it, and fix the invalid SSL certificate on the bare domain in the process. The HartNet portal keeps running unchanged on its current server.

2. Measurement

Optional add-on: GA4 + Google Search Console set up at launch, replacing the analytics that went dark in 2023, so you can watch traffic and rankings yourself. Quoted as a one-time setup whenever you want it.

3. Google Business Profiles

Claim and align profiles for all three locations with the site’s structured data — the single highest-leverage local search move for a distributor.

4. Real photography

Current imagery is professional stock. A half-day shoot — the fleet, the Weatherford warehouse, the team — makes every page unmistakably C.D. Hartnett.

5. Events & news, done right

A lightweight events page for food shows and seminars that’s easy to update — so the site never goes stale again.

6. Future iterations: ordering, in-house

Today, online ordering lives in outsourced software. As the new site earns its keep, phase two can bring it home: customer logins, live order guides and catalogs, order history, and internal sales reporting — built on this same foundation, so your customer and order data works for you instead of sitting in a vendor’s system. Scoped and quoted as its own project when you’re ready.

Why Ciera Grace Consulting

You work directly with the person who builds your site. There’s no account manager and no handoff — the same person who designs and writes it is the one who answers your email. You own the code outright, so nothing is ever locked to a vendor, and every price is set in writing before work begins, at a fraction of what an agency charges. The demo is live whenever you’d like to click through it, and I’d welcome a short call to walk your team through it.

— Ciera Muniz, Ciera Grace Consulting