Eleven high-fidelity, clickable slices designed to make the strategic possibilities tangible. Each prototype answers a specific question — together, they help us decide whether this should be a sidecar app, a new standalone, or an evolution of the Member App.
Topic rails as primary navigation. Featured-this-week hero. Mixed-media within each rail — a video next to a long-read next to a deck.
A curated topic experience: editor's note, then a primer video → long-form → board-prep PDF → peer audio → presentation deck.
Flagship reading experience. Embedded video clips, pull quotes, audio toggle, downloadable PDF, sticky TOC, AI summary panel with Q&A.
Toggle Member / Member's Team / Prospect / Public views of the same piece. Gating, CTAs, and shareability change in real time.
Live global search. Faceted filters across content type, topic, speaker, date, runtime. "Recommended for you" empty state.
A profile for an executive contributor — bio, photo, full content list, follow, related speakers. The "speakers as the spine" view.
Three-step onboarding: pick topics → follow speakers → set notification cadence. Live preview of the resulting feed.
Magazine front-page treatment of timely content. One dominant headline, supporting items, date stamps, editorial restraint.
Internal. Drag-and-drop topic curation, editor's pick, editor's note. Live member-facing preview pane.
Internal. Three flows: dataset → one-pager, transcript → qualitative summary, contributor → composite. Mocked outputs.
What a piece looks like shared on LinkedIn or X. OG preview, public teaser, member CTA, prospect path.
Closer to The Atlantic or Masterclass than enterprise SaaS. Generous whitespace, restrained palette — deep navy, warm off-white, a single amber accent. Fraunces for headlines, Inter for UI. Subtle motion only.
Eight topics, fifteen invented executives with realistic archetypes, thirty content items spanning every media type — shared across every prototype so the universe feels coherent. See data/mockData.js.
Start with 01 — Home to set the world. Then 04 — Audience Lens for the strategic question. Use 03 — Reader to show editorial depth. End on 02 — Topic Deep-Dive to leave them with the curated arc.