Space Age Fuel · Phase 1 Wireframe
Your Website Walkthrough
This is the draft structure for your new site — the bones of every page, before any design. Read this first, then click into any page to review it.
How to use this wireframe
- Draft structure only — no brand colors, fonts, or photography yet. Gray boxes are where images will go. The words and the layout are real; the visual design comes next, after your brand identity is delivered.
- Notes tab — every page has a yellow Notes tab on the right edge. Click it to see what we're asking you about on that page.
- What we need from you — review the structure and the words, answer the questions in the Notes tabs, and flag anything that feels off. Color, fonts, and photos come later.
- Start with the User Flow Map (link at the bottom) — it shows how every page connects and the path each visitor takes.
01 — How It's Built
Why the site is structured this way
- Two audiences, one site — consumers looking for a station, and businesses evaluating Space Age Fuel as a fuel supplier (fleet-card customers are the most ready-to-buy of that business group). The structure sends each visitor straight to what they came for, without making them wade through content that isn't for them.
- One home, two paths — the homepage builds trust and shows your regional scale for everyone, then splits. Consumers go to Station Finder and Retail Locations. Businesses start at Commercial, then move to Fleet Card (the biggest opportunity to win a new account), Trucking, or Contact.
- Why we're affordable — new on the homepage — a dedicated section walks through your terminal-to-pump vertical integration, written question-first so AI search engines (which already cite spaceagefuel.com) keep pointing to your own site for "why is Space Age gas cheaper."
- This revision — this wireframe now incorporates your first round of feedback: Fuel & Stores and Stores merged into one Retail Locations page, a new Jim & Linda Pliska Foundation page, Careers moved under About, and Trucking repositioned around driver recruiting. Old page links redirect to their new home.
02 — Audiences
Who lands here and where they go
Audience 1
Consumer
Local drivers, boaters, RV owners, small-engine users, and long-haul truckers looking for a station — specifically for amenities like ethanol-free premium, dog wash, or propane fill.
Entry
Home, direct search
Destination /locations /retail-locations
Audience 2
Commercial Buyer
Businesses evaluating SAF as a wholesale fuel supplier or logistics partner — plus fleet operators applying for a fuel card. Usually the owner or ops director of a mid-size company. The Fleet Card is this group's fastest conversion path.
Entry
Home, /commercial, referral
Destination /commercial /trucking /fleet-card /contact
03 — Page Map
Every page and what job it does
| Page | Audience | Primary job |
|---|---|---|
| Home | All | Establish trust + regional scale, introduce the affordability story, then route each audience to their right path |
| Station Finder | Consumer | Map-first station finder — find a station near me, filter by amenity and fuel type; Coming Soon list of upcoming projects (editable by SAF, shared with the home band) |
| Retail Locations | Consumer | "More than gas" brand story — amenities grid, 10-store photo gallery (Castle Rock featured), Travel Centers; routes to Station Finder. Replaces the old Fuel & Stores + Stores pages, merged per your feedback |
| Commercial | B2B | B2B hub — establish commercial scale, route to the right sub-service |
| Trucking | B2B | Driver recruiting + safety proof — award, miles driven, driver benefits, "Driver Careers →"; delivery inquiries now route to Contact |
| Fleet Card | B2B | Convert fleet operators — proof of network + per-gallon discounts → simple application form |
| About | All / Brand | Trust and heritage — family story, meet the owners, community giving (routes to Foundation), and careers (routes to Careers) for commercial prospects doing a "who are these people" check |
| Careers | Mixed | Two job feeds — Field & Operations (drivers-led) + Corporate — "View Open Positions" CTAs. Now nested under About (moved from Commercial) |
| Foundation | All / Brand | Jim & Linda Pliska Foundation — mission, organizations supported, community trust. New page, nested under About |
| Contact | All | Single entry point for all inquiries — intent-routed to the right department, consumer and commercial paths both explicit |
| Shop | Phase 2 | Branded merch — placeholder for Phase 2 (Q4 2026) |
| Privacy | Legal | Privacy policy (CCPA / Oregon privacy law) — required before launch |
| Terms | Legal | Terms of use + pricing disclaimers — required before launch |
| Accessibility | Legal | ADA accessibility statement — required before launch |
04 — Scope
What's in Phase 1, what's deferred
✓ Phase 1 — this build
- All 14 pages in the wireframe (10 content + Shop + 3 legal)
- Mapbox Station Finder (40+ locations, expanded amenity + fuel-type filters)
- Contact form with department routing
- Fleet card inquiry + application form
- Careers page with ADP integration
- Privacy, Terms, Accessibility compliance pages
- LocalBusiness JSON-LD schema for local SEO
- Full visual design system (after brand identity delivery, Phase 3)
↳ Deferred / out of scope
- Branded merch shop (Phase 2, Q4 2026)
- Per-location detail pages (station detail is in-map panel only)
- Blog or news section
- Customer login or account portal
- Live fleet-card account portal (the existing post-enrollment tool — the Fleet Card page captures the application, not the portal)
05 — What We Need From You
A short list to keep this moving
Two kinds of input. The first group is what we're waiting on to keep building — until it lands, parts of the site stay in placeholder. The second group you can answer as you click through; none of it blocks us.
To keep building — we're waiting on these
- Brand files — logo, colors, and fonts from your designer (now expected ~mid-August, slipped from mid-July). The site stays in this gray wireframe until they arrive.
- Confirmed numbers — final station count, fleet size, years in business. We're on placeholders today.
- Your station data — the full 40+ Storepoint dataset, with hours and the expanded amenity + fuel-type fields (Dog Wash, Dog Park, Propane Exchange, Air Machine, Lottery, Fresh Food, Ethanol-Free Premium, Mini-Serve & Self-Serve, Midgrade, Premium, Propane Fill, Truck Diesel). Powers both the Station Finder map and the Retail Locations amenity grid.
- ADP handoff + department names — whether Careers links go straight to filtered ADP URLs or an embed, plus the exact department tags you use, so the "View Open Positions" buttons filter to the right roles.
Confirm as you review — answer in the wireframe
- The two homepage KPI numbers — annual miles driven and retail customers served daily. Doesn't block the build; we're collecting both via BugHerd.
- Content we'll request via BugHerd — family story, the Jim & Linda owners intro, Foundation content (mission, supported organizations, and whether it accepts inquiries), hospitality property names/links/photos (hotels + restaurants beyond the two golf courses), the coming-soon station announcement list, and the quality proof points for the "Why We're Affordable" section (additive package, testing, certifications).
- The 10-store photography — confirm the final list of stores + city labels (Castle Rock leads the gallery, per your note).
- Fleet card discount rates — confirm the $0.08/gal diesel and $0.03/gal gas & DEF figures (sourced from discovery) are still current.
- Where each Contact-form category should email.
- How your Exxon and Union 76 stations should appear on the map.
- The store concept — is there a brand name, or do we lead with "Space Age Stores"?
- Home hero and photography — swaps in as your photo set finalizes; brand identity is now due ~mid-August.
How to send it back: click the BugHerd tab on the right edge of any page to leave a comment right where you're looking. Every page also has a yellow Notes tab with that page's open questions. For the bigger items above, you can email us and we'll update the wireframe and send a fresh link.
06 — Navigate