JasonFlatford
Skip to content

Client Work

The Grid Games

A modern website for a 30-year-old gaming and hobby store in Manchester, CT — built with Astro, styled with a dark gaming aesthetic, packed with local SEO structured data, and deployed at zero cost on GitHub Pages.

  • Astro 5 Static Site
  • Local SEO / Structured Data
  • Dark Gaming Aesthetic
  • Terraform + GitHub Pages

Overview

The Grid Games is a beloved gaming and hobby store in Manchester, Connecticut — in business for over 30 years. After losing their original domain, the store had no website, with information scattered across Google, Yelp, Facebook, and Instagram. This project created a modern, authoritative online home that consolidates everything in one place.

  • 5-page static site: Home, About, Events, Products, and Contact — covering every customer question
  • 10 weekly events: Full tournament schedule for Magic: The Gathering, Yu-Gi-Oh!, and community play
  • Product showcase: TCGs, retro & current video games, comics, tabletop games, and accessories
  • Social proof: Customer testimonials (4.8/5 from 62+ reviews) featured prominently

Problem

A 30-year-old store with strong community loyalty but zero web presence. Lost domain, no website, and critical information (hours, events, inventory) fragmented across third-party platforms customers had to hunt for.

No online home

  • Original domain lost and unrecoverable
  • Hours and events only on social media
  • No way for new customers to discover the store

Fragmented information

  • Event schedules on Facebook and Discord
  • Hours on Google Maps (sometimes outdated)
  • Product info only available in-store

Missed local search

  • No structured data for Google Knowledge Panel
  • Competitors with websites rank higher
  • No SEO for “game store near me” queries

Solution

Build a fast, SEO-rich static site that consolidates everything customers need — hours, events, products, directions — with a dark gaming aesthetic that matches the store's identity, deployed at zero cost on GitHub Pages.

The approach

  1. Data-driven content: Business info, events, products, and reviews stored in JSON files — changes don't require code modifications
  2. Astro static export: Zero framework JS shipped to the browser — pure HTML/CSS with minimal inline scripts
  3. Local SEO first: JSON-LD structured data on every page for Google Knowledge Panel and local search ranking
  4. Conversion-optimized: Clear CTAs on every page — visit, call, get directions, follow on social, leave a Google review

Design system

A dark, gaming-culture aesthetic that feels authentic to the store's identity — not corporate, not childish. Magenta and cyan accents reflect arcade energy against deep purple-black backgrounds.

Visual identity

  • Dark foundation: Deep purple-black backgrounds with high-contrast text
  • Magenta + cyan accents: Gaming/arcade palette derived directly from the store's logo
  • Inter typeface: Self-hosted for zero-latency rendering
  • Responsive grids: Mobile-first layout with product and event card systems

UX decisions

  • Sticky header: Tap-to-call button accessible on every scroll position
  • Mobile menu: Hamburger with focus trap for accessibility compliance
  • Scroll animations: CSS-driven entrance effects with reduced-motion support
  • Google Maps embed: Interactive map on contact page with service area callout

Local SEO strategy

Comprehensive structured data on every page ensures the store appears in Google Knowledge Panels, local pack results, and rich event listings — turning the website into a search engine asset, not just a brochure.

Schema typeWhat it provides
LocalBusinessName, address, phone, hours, geo coordinates, price range, payment methods — powers the Knowledge Panel
OpeningHoursSpecificationPer-day hours for all 7 days — enables “Open now” / “Closes at” in search results
Event10 weekly events with times, entry fees, and descriptions — eligible for Google event listings
BreadcrumbListNavigation hierarchy on every page — improves search result display with breadcrumb trails
StoreProduct categories and inventory signals for shopping-intent queries

Service area targeting

Contact page explicitly lists served communities — Manchester, East Hartford, Glastonbury, Vernon, South Windsor, Bolton, and Coventry — capturing “game store near me” queries from surrounding towns and helping Google understand the store's geographic relevance.

Architecture

Astro was chosen specifically for its zero-JS-by-default philosophy — the entire site ships ~16 KB of JavaScript total, with all content rendered as pure static HTML at build time.

Component system

  • 14 Astro components: Hero, EventCard, ProductCategory, ReviewQuote, HoursTable, MapEmbed, SEO, and more
  • Data-driven: 5 JSON files (business, events, products, reviews, nav) power all dynamic content
  • SEO component: Slot-based schema injection renders JSON-LD on every page
  • View transitions: Native Astro page transitions for smooth navigation

Infrastructure

  • GitHub Pages: Free static hosting with CDN and managed SSL
  • GitHub Actions: Auto-deploy on push to main (build → deploy)
  • Terraform: Repository creation, branch protection, and Pages configuration managed as code
  • Zero vendor lock-in: Static output deploys to any host (S3, Netlify, nginx)

Outcomes

5
Pages shipped
14
Reusable components
5
SEO schema types
~16 KB
Total JavaScript shipped
$0
Monthly hosting cost

Delivered capabilities

  • Dark gaming aesthetic with magenta/cyan brand palette
  • Full weekly event schedule with 10 tournament listings
  • Product showcase across TCGs, video games, comics, and tabletop
  • Customer testimonials with 4.8/5 star social proof
  • Comprehensive JSON-LD structured data for local search
  • Mobile-first responsive design with sticky tap-to-call
  • WCAG 2.1 AA accessibility with Lighthouse 95+ targets
  • Terraform-managed GitHub Pages with CI/CD pipeline

Need a website that drives foot traffic?

The Grid Games demonstrates how a local business can go from zero web presence to a fast, SEO-rich, conversion-optimized site — all at zero hosting cost. If you need a website that works as hard as your business, let's talk.

Return to top

Press Esc to close • ⌘K / Ctrl K to open