PAGE: Locations (/locations) — Consumer primary: station locator
The primary utility page for consumers — most people who land here have one question: is there a Space Age station near me, and what does it have? The map-first layout mirrors how people actually search for gas stations: spatially, not by scrolling a list. Filter chips let users narrow by amenity (car wash, diesel, ethanol-free) without leaving the map view. There are no individual per-location pages in Phase 1 — station detail surfaces directly in the map panel. The locator is the product here; every design decision serves the "find it fast" goal.
Location data needed from Storepoint before Phase 7
The full 50-station dataset (addresses, hours, amenities per site) lives in Storepoint. We need Amanda to provide a login or export before we can build the map and filters. Wireframe shows 3–4 representative cards as placeholders.
Brand identity pending — designer starts June 16, done mid-July
No brand colors, custom type, or animation in this wireframe — grayscale structure only. Full design system swaps in at Phase 3.
HERO (reduced — utility page, search-first)
Find a Space Age Fuel Station
50 stations across Oregon and Washington.
Enter a city or ZIP — or use my location
Search
MAPBOX MAP — 50 clustered pins, interactive
[MAP-EMBED — Mapbox GL JS]
~50 clustered station pins across Oregon and Washington. SAF account + domain-restricted token required. Custom PNW terrain style. Pins cluster at low zoom; expand on zoom-in.
12
PORTLAND AREA
8
SEATTLE/WA
7
WILLAMETTE VALLEY
5
COAST
SAMPLE PIN POPUP
Space Age Fuel — Beaverton
9035 SW Canyon Rd, Beaverton, OR
Open · Closes 10 PM
C-Store Diesel Car Wash
Get Directions → STATION ISSUE CTA — In-context contact prompt · consumer service path
Added based on client feedback: majority of contact form submissions are consumers reporting issues at specific stations. This CTA creates the intentional consumer path to /contact that was previously missing — visitors were finding it through the nav, not through a designed prompt on the page where the issue occurred. Linking to /contact here (not a separate form) keeps the station data in one place and routes through the same department-routing logic.
Notice something at a station?
Broken pump, wrong hours, or something else — let us know and we'll get it sorted.
DATA GAP NOTE (wireframe-only annotation — removed in production)
DATA DEPENDENCY — PHASE 7 BUILD BLOCKER
This locator needs the full 50-location dataset from your Storepoint system before the production build.
Specifically needed from Amanda (Phase 7, before build):
- Station name and full street address for all ~50 locations
- Latitude / longitude coordinates (or address-geocodable data)
- Hours of operation per station (used for Open/Closed status)
- Amenity flags per station — must align with Storepoint field names: C-Store, Food, Car Wash, EV Charging, Full-Service, Showers/Laundry, Restrooms, Fuel types (Regular, Diesel, DEF)
- Storepoint login credentials OR a structured data export (CSV/JSON accepted)
Amanda to provide login or export before Phase 7. This blocks the Mapbox pin layer, the amenity-filter logic, and all 50 location cards.
OPEN DECISIONS — /locations page summary