St Jude's Forum - B

BETA prototype: Local testing only. Mode: Live data, read-only

Variant hub

Three design directions are being explored on top of the locked content + data layer. Pick a variant to review, or scroll down for the tester feedback console.

Design variants under review

Deep links below already include the staging access token so you can share them with collaborators. All variants run on the same live data layer in read-only mode.

Variant 1 — Painted Street

Ready for review

Warm paper palette, hand-drawn flourishes, pasted-notice cards. Pitched at a tactile “neighbourhood noticeboard” feel.

Variant 2 — Noticeboard

Ready for review

Community-noticeboard system: push-pin cards, sticky filters, denser two-column layout. Utility-serif headings, mono meta. Pitched at a calm, organised, board-on-the-wall feel.

Variant 3 — Quiet Editorial

Ready for review

Calm, magazine-style layout with strong editorial serif typography (Source Serif 4), generous whitespace, small-caps metadata, hairline rules, and a numbered entry system. Pitched at a slow-read, considered tone.

Variant 4 — Civic Notice

Ready for review

Public-service aesthetic in the spirit of a parish council. System fonts only, 19px body, zero rounded corners, signature yellow focus rings, solid green primary buttons, blue header bar, phase banner, breadcrumbs. Pitched at trust and clarity.

Variant 5 — Street Atlas

Ready for review

Map-first navigation. A cream-paper cartographic palette with sepia ink, three never-yet-used fonts (IM Fell DW Pica SC, Spectral, Work Sans), and a stylised SVG neighbourhood plan that anchors every page — big on home, sidebar minimaps on forum/events, a zoomed-in inset for Clark Street. List items are numbered “pins” that match the markers on the map.

Variant 6 — Photo Diary

Ready for review

A parish photographer's working contact sheet. Warm gallery cream + deep ink, stylised SVG illustrations framed as darkroom prints with Space Mono exposure data, Cormorant Garamond captions, DM Sans UI. Home page is anchored by a big golden-hour photograph of Clark Street and a 12-frame contact strip; Clark Street itself is a short photo essay with three hero frames interleaved with a pull-quote and a numbered working plan.

Session snapshot

No actions yet in this session.

Quick page comparison

Page Current site (A) Prototype B v1 Prototype B v2 (Noticeboard)
Forum Open A Discussions Open B v1 Forum — not yet redesigned —
Updates / Events Open A Events Open B v1 Updates — not yet redesigned —
Resources Open A Guidelines Open B v1 Resources — not yet redesigned —
Admin Open A Admin Open B v1 Admin — not yet redesigned —

Tester feedback capture

Feedback is stored in this browser only for local testing and can be exported as JSON.

1-week test checklist

Score summary

By page

By device

Weighted decision panel

Weighted score = 40% navigation clarity + 35% readability + 25% action discoverability.

Action planner

Generate a prioritized task list directly from the current scoring model.

Implementation queue

No implementation tasks queued yet.

Shortcuts: Ctrl/Cmd+S save feedback, Ctrl/Cmd+E export full report, Ctrl/Cmd+I import report, Ctrl/Cmd+K focus search.