DEV Community: blackstonemotions2026

5 signs your local business website is quietly losing customers

blackstonemotions2026 — Sun, 07 Jun 2026 20:51:22 +0000

Most local businesses do not lose customers because their website is ugly. They lose them because the site is slow, unclear, or built for a desktop nobody is using. The damage is quiet. No error message, no angry email, just a visitor who taps away and calls the shop down the street instead.

Here are five signs your site is costing you business, and what to do about each one.

1. It takes more than three seconds to load on a phone

More than half of local searches happen on a phone, often while someone is standing on a sidewalk deciding where to go. If your homepage takes five or six seconds to appear, a large share of those people are gone before they see a single word.

Common causes: huge unoptimized images, a page builder loading a dozen scripts you do not use, and video backgrounds that autoplay on mobile data.

The fix: compress images, cut unused scripts, and treat phone load time as the number that matters most. A clean hand-built page can load in under two seconds on the same connection where a template takes six.

2. Your hours, location, and phone number are hard to find

Open your own site on your phone. Time how long it takes to find your hours and tap your phone number. If it is more than a couple of seconds, that is too long.

People do not read local sites. They scan for three things: are you open, where are you, how do I reach you. Everything else is secondary. When those answers are buried in a footer or hidden behind a menu, you are adding friction at the exact moment someone wants to buy.

The fix: put hours, address, and a tap-to-call button where they are visible without scrolling, on every page.

3. The site looks like ten other businesses in town

If your site came from a popular template, there is a good chance your competitors used the same one. Same hero image style, same three-column layout, same stock photos of people who do not work there.

This is not only an aesthetic problem. A site that looks generic signals that the business behind it might be generic too. For trades, restaurants, salons, and practices that compete on craft and trust, that is the wrong message.

The fix: use real photos of your actual space, work, and team. Even a handful of genuine images beats a polished template full of strangers. Build the layout around what makes you specific, not around what the template wanted.

4. Animation that decorates instead of guides

Motion is not the enemy. Motion with no purpose is. Sliders nobody clicks, elements that bounce in for no reason, parallax that fights you while you scroll. These slow the page and pull attention away from the thing you actually want people to do.

Good motion does the opposite. It guides the eye toward the next step, makes a long page feel navigable, and confirms that an action worked. You should be able to point at any animation on your site and say what job it does.

The fix: keep motion that helps someone move through the page, and cut motion that only exists to look modern. Respect visitors who have reduced-motion settings turned on.

5. There is no obvious next step

Many local sites describe the business in detail and then leave the visitor with nowhere to go. No clear button, no booking path, no reason to act now.

Every page should answer one question: what do you want this visitor to do next. Book, call, order, request a quote, get directions. One primary action per page, stated plainly, repeated where it makes sense.

The fix: pick the single most valuable action for each page and make it impossible to miss. Secondary options can exist, but they should never compete with the main one.

How to think about a fix

You do not always need a full rebuild. Sometimes the highest-impact change is compressing images and fixing the mobile header. Sometimes it is rewriting the homepage around one clear action. The right move depends on where the leak is.

At Blackstone Motion we hand-code marketing sites for local businesses, with motion that serves the content rather than decorating it. We start by finding which of these five problems is actually costing you customers, then fix that first.

If your site shows two or three of these signs, it is worth a closer look. You can see our work and send a short brief here:

Portfolio: https://blackstone-motion.com
Contact: https://blackstone-motion.com/contact.html

A clear, fast site is not a luxury for a local business. It is the difference between a visitor who acts and one who quietly leaves.

Why we still hand-code marketing sites in 2026 (GSAP, no page builder)

blackstonemotions2026 — Sun, 07 Jun 2026 01:13:22 +0000

Page builders won. Wix, Squarespace, Webflow, and Framer cover most small business needs in an afternoon. So why would anyone still hand-code a marketing site in 2026?

We run Blackstone Motion, a motion-first web studio. We build custom sites for service businesses, hospitality, and local brands that outgrew their template but do not need a full product engineering team. This is when hand-coded HTML, CSS, JavaScript, and GSAP still make sense, and when they do not.

Templates optimize for launch, not for your funnel

Most template sites solve one problem: existence. You get a domain, hours, a contact page, and something that looks acceptable on a phone.

They rarely solve:

One clear action repeated on every scroll depth (call, book, order)
Mobile hierarchy that matches how people actually decide (trust, offer, proof, action)
Performance once you stack widgets, chat bubbles, pop-ups, and third-party embeds
Brand specificity beyond font and color swaps

For a solo operator testing an idea, templates are fine. For a business where the site is the primary salesperson, the template becomes a ceiling.

What hand-coding buys you

Hand-coded does not mean reinventing React for a bakery site. It means you control the document, the layout, and the motion layer without fighting a builder export.

1. Semantic structure you can reason about

You choose the heading order, landmarks, and link text. That helps accessibility, SEO basics, and future refactors. Builders often output nested div soup that is hard to tune without breaking the editor.

2. Motion that serves content, not decoration

We use GSAP with ScrollTrigger for entrances, pinned sections, and scrubbed reveals. The goal is to guide attention, not to animate everything because we can.

A typical pattern for a service homepage:

Hero: short timeline on load (headline, subcopy, CTA)
One pinned or scrubbed section that explains the offer
Light section entrances elsewhere
prefers-reduced-motion respected throughout

That is hard to do well in a generic builder without heavy embeds or brittle custom code blocks.

3. Performance you can actually measure

Transform and opacity animations, lazy-loaded media, no unused framework bundle for a four-page marketing site. A hand-coded marketing build can stay lean in a way that full-stack SPA or bloated theme stacks often do not.

4. Design that cannot be mistaken for the neighbor's site

Templates cluster by vertical. Two dentists in the same zip code can have the same Wix skin. Custom layout, type rhythm, and photography treatment are how a local brand looks intentional instead of placeholder.

A minimal GSAP pattern (scroll section)

This is simplified from how we structure client builds. It is not drop-in for every project, but it shows the idea: one ScrollTrigger section, scrubbed progress, reduced motion fallback.

<section class='story-pin' aria-label='How we work'>
  <div class='story-pin__track'>
    <div class='story-pin__panel story-pin__panel--one'>Discovery</div>
    <div class='story-pin__panel story-pin__panel--two'>Design</div>
    <div class='story-pin__panel story-pin__panel--three'>Build</div>
  </div>
</section>

.story-pin {
  position: relative;
  min-height: 100vh;
}

.story-pin__track {
  display: grid;
  gap: 1rem;
}

.story-pin__panel {
  padding: 2rem;
  border: 1px solid #222;
}

import gsap from 'gsap';
import { ScrollTrigger } from 'gsap/ScrollTrigger';

gsap.registerPlugin(ScrollTrigger);

const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;

if (!prefersReduced) {
  const panels = gsap.utils.toArray('.story-pin__panel');

  gsap.timeline({
    scrollTrigger: {
      trigger: '.story-pin',
      start: 'top top',
      end: '+=120%',
      pin: true,
      scrub: 0.6,
    },
  })
    .from(panels, { y: 40, opacity: 0, stagger: 0.2, duration: 1 });
}

On client projects we split modules, scope with gsap.context(), and refresh ScrollTrigger after fonts and images load. The point is: the motion is code you own, not a plugin slot fighting the rest of the page.

When a page builder is the right call

Be honest:

Tight budget, need live this week: use a builder or a solid theme
Owner will edit copy weekly: Webflow or similar may beat custom if they need visual editing
No brand assets yet: design and content work matter more than custom code
Internal tool or MVP: ship the stack your team already knows

We turn down or defer projects that fit better as a $500 template job. Hand-coded motion work starts where clarity, craft, and conversion matter more than time-to-publish.

What a custom marketing build usually includes

For a typical 3 to 5 page service site at our studio:

Written brief (goals, pages, references, timeline, budget range)
Figma frames for key breakpoints
Hand-coded responsive build
GSAP tier matched to scope (light entrances vs pinned storytelling)
Staging URL, two async revision rounds, launch handoff

We work async by email. No calls. Decisions stay in writing so nothing gets lost between a Zoom and a random text message.

If you are comparing options for your business

Ask any developer or studio:

Who owns the code after launch?
What happens to performance if we add a chat widget and a booking embed?
How is motion scoped so it does not hurt mobile load?
What is included in revisions?
Can you show a live preview on a staging URL before we pay the balance?

If they cannot answer in plain language, that is a signal.

See the approach live

Our portfolio is hand-coded with the same patterns we use on client work:

https://blackstone-motion.vercel.app

If you are planning a rebuild from Wix, GoDaddy, or a dated WordPress theme and want a motion-first marketing site, send a one-paragraph brief through the contact form or email hello@blackstonemotion.com with pages, timeline, and rough budget range. We reply in writing with next steps.

Blackstone Motion is a motion-first web studio based in New England, US. We build custom sites with GSAP, semantic HTML, and modern CSS. Remote clients welcome.