FACS Landing Page Demos — Working Index

26 HTML mockups, 4 strategy docs, and a design-direction deck. Organized front-runners first, then evolution tracks showing how each direction developed, then the full Phase 1 gallery and historical context. All links relative. Every demo has a floating nav footer (back to index + prev/next).

Scenario A — Emergency Triage Scenario B — Industry Vertical Scenario C — Dual-Path Hub Scenario D — Outcome/Value-Led Phase 2 iteration Finalist

Sale Strategy - The three finalists — current front-runners carried into stakeholder review

All three address the client's core concerns (service awareness gap, top-5 services above the fold, middle-ground design, two user types). The strategic logic is defensible for all three. The pick is a tone decision.

Finalist · Scenario A
DEMO 22
Choose-Your-Scope
Problem-first IA. Three pathway tiles — Renovation / Acquisition / Emergency — softened from demo13's darkness into a procurement-safe aesthetic. Scope-intake CTA: "A senior consultant responds in one business day."
For: the new-prospect caller who has symptoms but doesn't know what service they need.
First fix if selected: expand 3 tiles → 4 to cover compliance / fines / emergency / concerns.
Finalist · Scenario C
DEMO 23
Wayfinder
Guided single-lane diagnostic. "Tell us where you are. We'll show you what happens next." Reduces the original Scenario C dual-pane pattern into a conversational wizard framing that sorts audiences internally.
For: both user types — the diagnostic does the sorting.
First fix if selected: prototype the actual wizard questions. The copy for Q1/Q2/Q3 is the product.
Finalist · Editorial × Corporate
DEMO 19-V2
Bold Credible v2
Closest current execution of the deck's recommended Editorial × Corporate hybrid. Intent-led nav (Stakes / Materials / Services / Field / Impact / Contact). Adds a dedicated credibility stack — "Four decades. Forty thousand buildings."
For: the compliance director who needs to justify the vendor choice to procurement.
First fix if selected: expose service breadth in the first viewport — lift demo22's three-pathway row as a secondary hero.

Phase 2 iterations — the v2/newest mockups in full

Listed in iteration order. Finalists marked. Gold tag = carried into stakeholder review.

DEMO 19
Bold Clean
First pass refinement of demo11. Cleaner typography, adds FACSTrack section explicitly.
"What's inside your building is on your schedule."
Phase 2
DEMO 19-V2
Bold Credible v2
Adds proof stack ("Four decades. Forty thousand buildings.") + intent-led nav (Stakes / Field / Impact).
"Three projects. Three mornings on site."
FinalistScen B/D
DEMO 20
Cinematic
Emergency-outcome hybrid. Softer than demo13, more urgent than demo15.
"Hidden exposures become real money and real risk."
Phase 2
DEMO 20-V2
Cinematic v2
Promotes "Dispatch" to top-level nav. Pattern worth migrating into any finalist.
Nav: Dispatch / Problem / Materials / Services / Methodology / Credits / Contact
Phase 2Scen A influence
DEMO 21
Field Report · Issue No. 26
Full publication positioning. Volume-numbered, byline-bearing, editorial.
"Five ways a building can put a project on hold — and one team that gets it moving."
Phase 2Scen D
DEMO 21-V2
Field Report v2
"Nine chapters. One building." Back-issues. Summer 2026 · Issue 27 teaser. Requires content program to survive.
Strongest if FACS commits to editorial publishing.
Strong if committedScen D
DEMO 22 · FINALIST
Choose-Your-Scope
Scenario A implementation. Three pathways: Renovation / Acquisition / Emergency. 1-business-day consultant SLA in the hero.
DEMO 23 · FINALIST
Wayfinder
Scenario C implementation. "Tell us where you are. We'll show you what happens next." Single-lane diagnostic.

Per-page evolution — how each direction developed, earliest to latest

Each track reads left-to-right. Gold = current finalist or strongest iteration. Click any step to open that version.

Track 1 — Bold Grid lineage

From stacked-material-names hero to intent-led nav with credibility proof built in. The deck's Editorial × Corporate recommendation lives at the end of this track.

Track 2 — Industrial / Emergency / Cinematic lineage

From dark dispatch-console to a softened cinematic treatment that explicitly carries "Dispatch" as a permanent nav affordance.

Track 3 — Editorial / Magazine / Field Report lineage

From quiet serif editorial to full publication positioning — "Nine chapters. One building." + back-issues + Issue 27 teaser. The most aggressive bet in the set.

Track 4 — Corporate / Minimal-Clean lineage

The procurement-safe direction + the SaaS-flavored direction. Both inform the Editorial × Corporate hybrid at the end of Track 1; neither survives as a homepage in Phase 2.

Track 5 — Scenario implementations (new in Phase 2)

Two directions without a single Phase 1 ancestor — they synthesize earlier elements with the strategic frameworks from STRATEGY-01.

Track 6 — Healthcare page lineage

Three postures for the same vertical. Deck's recommendation: demo16 as the landing, demo17 reserved for /emergency, demo18 reserved for /insights.

Phase 1 homepages — six visual postures reviewed in the deck

DEMO 10
Editorial
Cormorant italic + DM Sans. Capability-page template, not homepage.
Scen D
DEMO 11
Bold Grid
Roboto-only, weight-led. Hero = process diagram.
Scen B
DEMO 12
Clean Modern
Inter + gradient. SaaS register. FACSTrack as product.
Scen C
DEMO 13
Industrial Dark
Inter + JetBrains Mono. Terminal UI. Reserved for FACSTrack product page.
Scen A
DEMO 14
Magazine
Playfair + Inter. Field Report masthead. Needs content program.
Scen DC matrix
DEMO 15
Corporate
Source Sans + Source Serif. Procurement-safe. Topbar resolves emergency-vs-compliance.
Scen BScen D fallback

Phase 1 healthcare subpages

DEMO 16
Clinical
Teal + form-in-hero. Facility-type dropdown. Deck's recommended healthcare landing.
Scen B template
DEMO 17
Bold 24/7 Emergency
Inter 800–900. Urgency selector. Reserved for /emergency sub-page.
Scen A template
DEMO 18
Editorial (Healthcare)
Playfair + Inter. Forest green + gold. Healthcare insights hub, paired with 16.
Scen D template
DEMO 8
Healthcare combined ref
Earlier draft. Useful for checking locked-down healthcare vocabulary.
Reference

Historical context — demos 1–9, the early explorations

Kept for the vocabulary worth carrying forward. Key brand threads: "Right People. Right Perspective. Right Now." (demo7 → demo18), "Business Cannot Wait" (demo9), "One of the Country's Most Diverse IH Firms" (demo4), and the "Our impact is mighty and growing" proof-stats module (demo3).

DEMO 1
Landing page v1
"Protecting Public Health Through Science-Based Consulting."
Context
DEMO 2
Landing page mockup
"Protecting Public Health Through Science." Barlow Condensed caps urgency.
Context
DEMO 3
Full-site build
Most complete earlier site. Pure Roboto modernism — discarded as too generic.
Context
DEMO 4
Clean Science v2
Serif for gravitas. Source of the "Most Diverse IH Firm" positioning line.
Brand thread
DEMO 5
Landing mockup
Glassmorphism + particles. Discarded — ages fast, reads unserious in crisis.
Context
DEMO 6
EHS Consulting alt
Asymmetric sidebar + curves. "Trusted Across Sectors Nationwide."
Context
DEMO 7
Protecting Public Health
Origin of "Right People. Right Perspective. Right Now." tagline.
Brand thread
DEMO 9
Since 1986 final
"Business Cannot Wait" continuity section. Salvageable outcome framing.
Brand thread