StorytellerBeta — Concept Mockups

Brainstorming journey from "static carousel polish" to a fresh hybrid concept. Click each mockup to see the iteration. The final recommendation is #15.

Phase 1 — Layout exploration (where the widget sits)

01
Today's storyteller — what we have
Pipeline, surface area, coupling with header_bidding / aniview / stickies-manager
→
04
First layout options (wireframes)
Horizontal carousel / vertical TikTok / card grid / featured + thumbs
→
05
Layout options with realistic content
Same options drawn at proper proportions with real Greek headlines
→
06
Real sizes — desktop + mobile in context
1:1 dimensions, embedded in fake article column, in phone bezel
→

Phase 2 — Text + engagement features

07
Title text strategy
3 strategies for handling 91-char Greek titles in a 16:9 slot
→
08
Engagement features layered in
Tabs, trending badges, reading time, reactions, save, reader count
→
09
Vertical TikTok-style pitch
Mobile-first vertical feed with curated engagement + ad ideas
→

Phase 3 — Tightening for inline use

10
Inline widget, tightened
Same shape desktop + mobile, real heights, mental model in 4 lines
→
11
Click-out + font readability
CTA pill, font ladder for Greek, mobile full-width breakout, end-of-loop card
→
12
The "video-feel" pivot
Live CSS animations — Ken Burns, text reveals, transitions. Architecture: CSS now, MP4 later
→

Phase 4 — The reset (fresh thinking)

14
4 fresh concepts that don't depend on sticky
Personal Queue / Live Pulse / Conversational Discover / Contextual Companion
→
15
Hybrid: Companion + Queue★ FINAL RECOMMENDATION
Live interactive mockup. One widget, two modes. Solves sticky problem at structural level.
→

Decisions trackers (process snapshots)

02
After Q1 — purpose locked
Pageview driver primary, video monetization secondary
→
03
After Q2 — sourcing locked
RSS + AdsQuirrel unchanged; focus shifts to look & feel
→
13
Claude Design handoff (paused)
Prep for moving to claude.ai/design — paused after the reset to fresh concepts
→