Wireframe — preview.offplan.online homepage redesign

Three structural directions for the homepage, low-fidelity / greyscale. The site is becoming the internal "OS dashboard" for the offplan.online business — the window into what's being worked on, what shipped, and the state of play. Pick one; a follow-up builds it. This is layout + IA exploration only — not the production visual register.

Settled requirements baked into all three:
  1. Timeline is the primary lens — a chronological activity stream with visible timestamps per item.
  2. Sort by last-updated (default) or created date.
  3. Sessions are their own tab/section — not cluttering the default view (deliberate opt-in).
  4. The /changelog (release notes) page is a first-class destination.
  5. A "What's New" widget — last ~3 releases surfaced prominently (top of homepage).
  6. The artefact library is still browsable — plans / workstreams / decisions / reference / design / research, filterable by kind + status.
  7. Reflects the OS framing — a dashboard for running a business, not a doc dump.
"What's New" / release widget generic content box / card nav / filter chrome annotation callout

Variant A — Activity Feed

The homepage is the timeline. "What's New" releases pinned at top, then a single reverse-chron stream of everything — plans ratified, workstreams advanced, decisions made, releases cut. Filters + the artefact library are a secondary view you toggle into. The "newspaper of the business."

preview.offplan.online
Activity Library Sessions Changelog 🔎 Search + New
What's NewView full changelog →
2026-05-12
Releases system
2026-05-11
Idle-reflection R1–R8
2026-05-10
Preview-site PF1–PF3
① + ④ + ⑤: "What's New" pinned above the fold; each card links to that release in /changelog (first-class destination in the top nav too).
Activity stream — the default view Last updated ▾Created All kindsPlansWorkstreamsDecisionsReleases
① + ②: Reverse-chron, one unified stream. Sort toggle (last-updated default / created). Lightweight inline kind filters narrow the stream without leaving it. ③ Sessions are NOT in this stream — they live in their own tab.
today 14:02
RL
Release cut — "Releases system + preview-site coherence"
plan flipped to released · 4-field release note · 2026-05-12
today 11:30
PL
Plan ratified — "Releases system"
status: ratified · owner roman · 2026-05-12
yest 18:40
WS
Workstream advanced — "idle-reflection R7"
active → done · 93 new tests · 2026-05-11
yest 16:10
AD
Decision — ADR 0014 "MCP wrapper auth + RBAC + OAuth 2.1 PKCE"
approved · 2026-05-11
yest 09:05
DS
Design exploration added — "sales-app module sequence"
draft · 2026-05-11
2 days
⑥: "Browse the library →" link at the foot of the stream (and the Library top-nav tab) opens the filterable kind/status grid — exactly today's homepage, demoted to a secondary view. ⑦: The whole page reads as "the newspaper of the business" — what happened, newest first.
⌄ Load older activity  ·  Browse the full artefact library →

Variant B — Dashboard / Status Board

The homepage is a control panel. "What's New" releases at top, then a status board — active workstreams by priority, blocked items, what's in-flight — then the timeline as one panel among several, with the artefact library as a tab. The "mission control" view.

preview.offplan.online
Dashboard Library Sessions Changelog 🔎 Search + New
What's NewView full changelog →
2026-05-12
Releases system
2026-05-11
Idle-reflection R1–R8
2026-05-10
Preview-site PF1–PF3
① + ④ + ⑤: Same "What's New" treatment as A — top, prominent, links into /changelog.
6
Active workstreams
1
Blocked
3
In review
12
Releases shipped
⑦: The stat strip is the "running a business" signal — at a glance you know how much is in flight, what's stuck, throughput. This is the bit that says "dashboard," not "doc index."
Status board — what's in flight
P0
releases-foundation
active · schema + aggregator · roman
P1
releases-surfaces
active · /changelog + What's New widget
P1
preview-site-session-page
active · kill about-page for sessions
P2
releases-hooks
BLOCKED · waiting on R1
P2
releases-backfill
active · 31 plans to sweep
⑥ (part): these workstream cards are the artefact library, pre-filtered to kind=workstream, status=active. "See all workstreams →" goes to the full Library tab.
Recent activity Updated ▾Created
today
Release cut — Releases system
2026-05-12
today
Plan ratified — Releases system
2026-05-12
yest
WS done — idle-reflection R7
2026-05-11
yest
ADR 0014 approved
2026-05-11
2d
Open the full activity timeline →
① + ②: Timeline lives here as a panel — abbreviated, with the sort toggle — and "Open the full timeline" expands it to a dedicated full-width view. ③ Sessions tab is separate in the top nav, as in A.

Variant C — Library with a Timeline lens

The artefact library stays central (it's the substance) but gains a strong default "Timeline" view mode, a clean "Sessions" tab, the "What's New" widget up top, and a prominent Changelog link. The "well-organised filing cabinet that also shows you recent activity." Closest to today's site — lowest-risk evolution.

preview.offplan.online
Changelog Sessions 🔎 Search
The operating system for offplan.online — plans, workstreams, decisions, design & research, all in one place.
⑦: Hero kept (it's the "what is this" line) but slimmed; Changelog & Sessions promoted to top-right nav so they're first-class without dominating.
What's New — latest releasesView full changelog →
2026-05-12
Releases system
2026-05-11
Idle-reflection R1–R8
2026-05-10
Preview-site PF1–PF3
① + ⑤: "What's New" sits right above the library — same prominence as A/B. Above the filter bar.
▤ Timeline▦ Grid (by group)≡ List
① + ⑥: The library gets a view-mode switch — and Timeline is the default. Same dataset, three lenses. Grid = today's group-folded cards; List = compact.
Kind:AllPlansWorkstreamsDecisionsReferenceDesignResearch Status:AllDraftIn reviewApproved Sort: Last updated ▾Created
② + ⑥: Full kind+status filter bar (carried over from today). Sort toggle on the right. ③ "Sessions" is deliberately NOT a kind chip here — it has its own top-nav tab so session logs don't flood the default Timeline.
today
PL
Releases system + preview-site coherence planratified
updated 2026-05-12 · created 2026-05-12
today
RL
Changelog — 2026-05-12 release release
updated 2026-05-12
yest
WS
idle-reflection R7 — /handoff merge mode workstreamdone
updated 2026-05-11 · created 2026-05-09
yest
AD
0014 — MCP wrapper auth + RBAC + OAuth 2.1 PKCE decisionapproved
updated 2026-05-11
2 days
DS
sales-app module sequence designdraft
updated 2026-05-10
3 days
⑥: Each row is an artefact in the library, shown chronologically with both timestamps visible. Switch to "Grid" and you get today's familiar group-folded card wall. Nothing is lost — the filing cabinet is intact, it just opens on the "recent activity" drawer by default.

Recommendation

Pick C — Library with a Timeline lens — for the next build, but steal A's foot-of-stream "Browse library" affordance and B's small stat strip.

Why C

All three satisfy the seven requirements. The differentiator is risk and reversibility. C is a re-skin of what already works: the filter bar, the group-folded cards, the meta-tag pipeline, the search page — all survive. The only genuinely new pieces are (a) a view-mode switch with Timeline as the default lens over the existing dataset, (b) pulling Sessions out into their own tab, (c) the "What's New" widget (which the releases-system plan already commits to building — R3), and (d) promoting /changelog into the nav. That's a weekend, not a rewrite, and if Timeline-default turns out wrong you flip the default back to Grid with a one-line change.

A (Activity Feed first) is the most opinionated and the most "OS-like," but it's a bigger bet: it demotes the library to a sub-page, which is a real navigation change for the two people who use this daily, and the unified-stream needs a normalised "events" model that doesn't exist yet (today everything is a rendered .md with meta tags, not an event log). Worth revisiting once there's an actual event stream to draw from. B (Dashboard) is attractive — the stat strip genuinely communicates "running a business" — but the status board is only as good as the workstream metadata, and a half-populated mission-control panel looks worse than no panel. Borrow B's 4-up stat strip into C as a slim band under "What's New"; skip the full status board until workstream hygiene is reliably current.

Net: ship C now, with the stat strip. Keep A in your back pocket as the v2 once a real event log exists. The path C → A is smooth (Timeline-as-a-tab becomes Timeline-as-the-homepage); the path A → anything-else is not.

Does anything beyond the homepage need rework?

Mostly no — and that's a point in C's favour. The per-document renders (the canonical Skeleton-White visual register with oxidised pills) are good and not in scope here. The search page (/search/) is fine as-is. Two things do want attention, and both are already on the books: (1) the session about-pages — the releases-system plan's R7 already kills them so a session click lands on the full doc; that should land regardless of which homepage variant wins. (2) The per-artefact about-pages for non-sessions are a slightly awkward middle layer between the index and the full render — worth a separate look at whether they earn their keep, but not blocking. Everything else (the deploy pipeline, the meta-tag contract, the renderers) is sound; the homepage is genuinely the only structural gap, which is why this exploration is narrowly scoped to it.

Wireframe file: docs/rendered/_wireframes/homepage-redesign.html → after CF Pages deploys, https://preview.offplan.online/_wireframes/homepage-redesign.html. Greyscale / low-fidelity by design — production visual register is the existing Skeleton-White / Helvetica Neue / oxidised-pill system, not explored here.