DRAFT — Replace placeholder text and metrics with verified detail before publishing
Case Study · 2024

Jay Essentials — vending services that actually look like a real business.

A growing vending operator covering NYC and Long Island needed a multi-page site that could rank for local-service searches, convert facility-manager inquiries, and present route coverage clearly enough that the sales conversation was already half-done by the time someone called.

TypeMulti-page Marketing Site
StackNext.js · Tailwind · Schema.org
PagesHome · Services · Areas · Products · Contact
StatusLive
The problem

B2B vending sales lives or dies on perceived professionalism.

When a facility manager at a Long Island warehouse decides who to award a vending contract to, the decision happens on a phone call — but the invitation to that phone call is the website. If the site looks like it was built in a weekend on a free template, the manager assumes the same about the operations behind it. Jay Essentials had real coverage, real product, and real service, but the existing site wasn't doing the prequalification work the sales conversation needed it to do.

The other constraint was scale: a single-page site couldn't support the local-SEO strategy the business needed. To rank for "vending machine company [borough]," the site needed individual pages per service area — Brooklyn, Queens, Manhattan, Bronx, Staten Island, and the Long Island counties — each with locally-tuned copy and proper schema markup.

The approach

Multi-page architecture, locally optimized, professionally finished.

The site was rebuilt as a multi-page Next.js project with dedicated routes for services, products, service areas, and contact. Each service-area page was written independently — generic templated text would not have ranked, and would have read as obviously templated to facility managers reviewing options. Schema.org markup for LocalBusiness, complete with service-area polygons, was added to every relevant page so that Google could surface the business correctly across local-pack results.

Visually, the design pulled away from the consumer-fitness/colorful-vending tropes and toward something closer to a commercial-services brand — confident typography, clean navigation, professional photography. The kind of site a procurement team can hand off internally without anyone raising an eyebrow.

Fig. 01 — Jay Essentials in production
The stack

Static, fast, search-friendly.

A B2B services site needs to load fast, rank for local search terms, and look polished enough to win the sales call before it starts.

Next.js 14
TypeScript
Tailwind
Schema.org
Resend
Vercel
GA4
Search Console
The outcome

A site that does the prequalification work for the sales call.

The new site is structured so that by the time a facility manager picks up the phone, they already know what's offered, where, at roughly what price tier, and from whom. The sales conversation moves directly to the contract terms instead of starting from scratch.

  • Per-borough and per-county landing pages with localized copy
  • LocalBusiness schema markup with valid service-area polygons
  • Lead form delivers structured inquiries (with location + service tier) directly to inbox
  • Sub-1.5-second LCP across all pages on mobile
  • Indexed within 14 days; ranking for primary local-service queries within 60
[Replace with operator quote on inbound inquiries before vs. after relaunch.]— Owner, Jay Essentials

Visit the live site →

Have a build like this?

Let's talk.

If you're scoping a project in this category, start the conversation here.

Start a Project