What “Design Excellence” Actually Means for a Long Island Business Website

Most “design excellence” blog posts are just photo galleries with adjectives. That’s not useful to anyone trying to decide whether their website is actually doing its job. So let me define the term in a way you can measure, then show you how to check your own site against it.

I’ve been building websites for businesses around Commack, Huntington, and the rest of Long Island for a long time. The sites that win aren’t the prettiest ones. They’re the ones that load fast on a phone in a parking lot, work for someone using a screen reader, and make the next step obvious.

Design excellence is four things, not one

When a site underperforms, it’s almost always failing in one of these buckets. Rank them in this order, because a beautiful site that fails the first two is worse than an ugly site that passes them.

• Performance. How fast does the page render on a mid-range Android over cellular? Not your fiber connection on a MacBook.
• Accessibility. Can someone navigate with a keyboard, read it with a screen reader, and see it with low vision or color blindness?
• Clarity. Within five seconds, does a visitor know what you do, who it’s for, and what to do next?
• Aesthetics. Typography, spacing, color, imagery. This matters, but it’s the last layer, not the first.

Performance: the numbers that actually matter in 2026

Core Web Vitals are still the scoreboard, though the thresholds have stayed stable for a few years now. Here’s what Google’s field data is looking for:

• LCP (Largest Contentful Paint): under 2.5 seconds
• INP (Interaction to Next Paint): under 200 milliseconds
• CLS (Cumulative Layout Shift): under 0.1

INP replaced First Input Delay back in 2024, and it’s stricter. It measures the worst interaction latency across the whole page visit, not just the first click. If you have a heavy third-party chat widget or a bloated analytics stack, that’s usually where INP goes bad.

The single biggest LCP win on most small business sites is the hero image. Serve it in a modern format at the right size, and tell the browser to fetch it early:

<link rel="preload" as="image" href="/img/hero.avif"
 imagesrcset="/img/hero-800.avif 800w, /img/hero-1600.avif 1600w"
 imagesrcset="..." fetchpriority="high">

<img src="/img/hero-1600.avif"
 srcset="/img/hero-800.avif 800w, /img/hero-1600.avif 1600w"
 sizes="100vw"
 width="1600" height="900"
 alt="Storefront on Main Street"
 fetchpriority="high">

Two things there do the heavy lifting: fetchpriority="high" and the explicit width/height. The first tells the browser this image is the priority. The second reserves the space so nothing jumps around as it loads, which protects your CLS score.

Stop shipping 4MB photos

This is the most common problem I see on local business sites. Someone uploads a 4000-pixel-wide JPEG straight off a camera. Compress it, resize it to what’s actually displayed, and convert to AVIF or WebP. That alone often cuts LCP in half.

Accessibility: the part most designers skip

Accessibility isn’t a nice-to-have, and it isn’t just a legal checkbox. Roughly one in four adults in the US has some form of disability. If your site doesn’t work for them, you’re turning away customers.

The fixes are usually small. Contrast is the big one. Text on your brand color often fails WCAG AA, which requires a contrast ratio of at least 4.5:1 for normal text. Check your real hex values, not your mockup:

/* Fails AA: light gray on white = 2.3:1 */
.subtitle { color: #999999; }

/* Passes AA: 4.6:1 */
.subtitle { color: #767676; }

Then there’s keyboard navigation. Tab through your own site right now. Can you reach the menu, open it, and get to every link without touching the mouse? Can you see where the focus is? If your CSS wipes out the default outline, you’ve broken it for keyboard users:

/* Don't do this */
a:focus { outline: none; }

/* Do this instead */
a:focus-visible {
 outline: 3px solid #1a5fb4;
 outline-offset: 2px;
}

:focus-visible shows the ring for keyboard users but keeps it out of the way for mouse clicks. It’s the right tool and it’s been supported everywhere for years.

Alt text is not a keyword field

Write alt text that describes the image for someone who can’t see it. “Plumber installing a water heater in a Commack basement” beats “plumber Commack water heater best plumber Long Island.” The second one helps nobody and reads like spam.

Clarity: the five-second test

Show your homepage to someone unfamiliar with your business for five seconds, then take it away. Ask them three questions:

• What does this company do?
• Who is it for?
• What would you click first?

If they can’t answer all three, your design is failing at its main job. This is where a lot of “award-winning” agency work falls apart. It looks great in a portfolio and communicates nothing.

Practical fixes: one clear headline that says what you do, a subhead that says who it’s for, and one primary call to action repeated down the page. Not five competing buttons.

Where local actually matters

Design excellence looks the same in Commack as it does anywhere else. The local angle shows up in the details: your Google Business Profile photos matching your site’s visual style, your service area pages being genuinely useful instead of thin duplicates, and your phone number being tappable on mobile because half your traffic is someone searching from a car.

If you want a sense of how I approach this for local businesses, my Long Island web design work is built around exactly the four buckets above, in that order.

How to audit your own site this week

1. Run PageSpeed Insights on your top three pages. Look at the field data, not just the lab score.
2. Tab through your homepage with the mouse unplugged.
3. Run Lighthouse’s accessibility audit and fix every contrast warning.
4. Do the five-second test with someone who doesn’t work with you.
5. Load your site on your phone, on cellular, in a parking lot. Time it.

None of that requires a redesign. Most of it is a weekend of focused fixes. Excellence isn’t a look you buy. It’s a set of standards you hold to and re-check every time you touch the site.

FAQ

Do I need a full redesign to fix these issues?

Usually no. Performance, accessibility, and clarity problems are often fixable within your existing design. A rebuild makes sense when the underlying platform is fighting you, like a page builder that ships 2MB of JavaScript before your content even loads.

How often should I re-test my site?

After any significant change, and at least twice a year otherwise. Third-party scripts get heavier over time, plugins add weight, and what passed Core Web Vitals in January can fail by summer without you touching anything.

Is accessibility going to change my design?

It changes details, not the whole look. Better contrast, visible focus states, real heading structure, and descriptive alt text. Most visitors never notice, and the ones who need it finally can use your site.