MOONFACTORY

MFX® — WORK N°03

INDEX — MENU INDEX — CLOSE

N°03

TESS.GLOBAL

Brand + web presence 2024

Professional web presence for Tactful Elite Security Solutions, a Merritt Island, FL security firm providing event protection, healthcare, hospitality, and corporate services.

Client
TESS Global
Location
Merritt Island, FL
Services
Web Design, Development, Brand Strategy
Stack
Astro, Custom SCSS, Cloudflare
Site
tess.global

The challenge

A new tactical security firm — event protection, healthcare, hospitality, corporate — needed a web presence that communicated competence and discretion before a single line of copy was read. Security buyers scan for signal: typography that looks organised, navigation that doesn't misbehave, pages that load on the first try from a phone in a hotel lobby. Anything less and they bounce.

The approach

A static Astro build with hand-authored SCSS — semantic class names, a shield-logo brand system, self-hosted Barlow Condensed and DM Sans (no Google Fonts round-trip). Pages ship zero client-side JavaScript by default. The information architecture cross-links services × industries so a hospital looking for medical standby reaches the same page as a venue looking for event security. Cloudflare proxies the zone for CDN and SSL termination, and the site runs as a dedicated service on private infrastructure we own and operate — one operator, one uptime commitment.

The evidence

Live screenshots, not mockups.

  • Homepage of tess.global with dark navigation, shield logo, and hero headline introducing the security services
    Homepage hero — the shield logo and headline establish trust before a single service is listed.
  • Full-length homepage with the cross-linked service × industry IA.
  • Mobile viewport of tess.global at 390px
    Mobile layout — hamburger nav collapsed, hero headline resized for readable width on a phone.
  • Services page of tess.global listing event security, healthcare, hospitality, education, and corporate verticals
    Services catalogue — each vertical links to its own landing page with industry-specific context.

Case study

Tactful Elite Security Solutions (TESS) provides security services across events, healthcare facilities, hotels, educational institutions, and corporate buildings. The website needed to convey expertise and trust while presenting the full service catalogue clearly enough for a hospitality ops manager or a school principal to self-serve down to a request for proposal.

The approach

The site is a static Astro deployment served behind Cloudflare. No CMS, no database — every page is a compiled template rendered at build time. The deployment model means every request hits the edge; outages upstream never take the site down, and a cold-cache visit loads in a single round trip.

Typography carries the brand. Barlow Condensed (weight 700) handles display headings — it reads as authoritative without tipping into the aggressive, tactical-gear aesthetic that saturates this industry. DM Sans handles body copy at variable weight. Both are self-hosted as WOFF2 files, preloaded in <head>, and served over the same Cloudflare edge — no Google Fonts round trip, no FOUT, no third-party privacy leak.

What was built

  • Information architecture organised around decision paths. Two primary taxonomies — service type (event security, access control, crowd management, VIP services) and industry vertical (healthcare, hospitality, education, corporate) — cross-link so a hospital risk manager reaches the healthcare landing and a university VP reaches the education landing, each with its own case context.
  • Custom brand system. Shield logo, dark-mode-first palette, restrained use of accent colour. Every surface uses design tokens from a single SCSS root so identity stays coherent as pages are added.
  • Structured data for local discovery. LocalBusiness JSON-LD in every page head carries the Merritt Island, FL address, phone, founding date, and social profiles — the site surfaces correctly in map searches and Google Business Profile without a separate listings workflow.
  • Accessibility built in, not bolted on. Skip link, semantic landmarks, 8.9:1 contrast on primary text. Lighthouse accessibility: 100.

The live site

Visit the live site at tess.global.

Stack proof

Every claim is verifiable.

Astro
Static site generator producing zero-JS pages. Confirmed in the running container's package.json (node 22+, `astro build` in scripts). Page HTML references hashed /_astro/*.css bundles.
Custom SCSS design system
Hand-authored CSS architecture using semantic class names (site-header, header-inner, nav-link) over utility-first classes. Keeps the shield-logo brand identity coherent across every page.
Barlow Condensed + DM Sans
Display + body typefaces, self-hosted as WOFF2 under /fonts/, preloaded in <head>. No Google Fonts round trip, no third-party privacy leak.
MoonFactory-hosted
Deployed on private infrastructure we own and operate — one dedicated service, one uptime commitment.
Cloudflare
CDN and SSL termination. Proxied zone (orange cloud) — confirmed via the cf-ray response header on every request.

Infrastructure

  • Web Astro static site
MFX-2024-WORK-003 · Merritt Island, FL
CHAT WITH NOVA •