StorytellerBeta — Concept Mockup

Q3 — Layout options at real dimensions

Desktop column: ~600px wide (typical news article content width). Mobile: 360px wide (typical phone). Drawn 1:1 — no zoom, this is the actual size in the page.

A — Horizontal carousel

One frame, swipe / arrow to advance. Stories and video ads alternate as slides.

Desktop (in article)
Election 2027: What the polls show
enikos.gr
Strong storms forecast for Athens — orange weather alert
🔊
~600 × 360px (16:9 + controls)
Mobile
Election 2027
enikos.gr
Strong storms forecast for Athens
🔊
~328 × 215px
✓ Compact ✓ One thing on screen ✓ Sticky/floating works well at this shape ✗ Lower CTR (user must navigate)

B — Vertical "stories" feed

Tall portrait cards. Mobile-native (swipe up/down). Desktop shows side-by-side with focus on center.

Desktop
Election 2027: What the polls show
iefimerida.gr
Champions League: AEK's hour
AD
~600 × 280px
Mobile (where this shines)
Election 2027
iefimerida.gr
Champions League: AEK's hour — preview, lineups, where to watch
↑ swipe
~300 × 533px (full vertical)
✓ Strong on mobile ✓ Video ads fit naturally (IG Stories style) ✗ Big mobile vertical footprint ✗ Desktop pattern feels forced

D — Featured + thumbs

Big featured slot (rotates story↔video ad) + small thumbs below. Click thumb to promote.

Desktop
Election 2027: What the polls show
enikos
Storms in Athens
iefimerida
AEK's hour
enikos
Rent support
iefimerida
Polls update
~600 × 460px (featured + thumbs row)
Mobile
Election 2027
enikos
Storms
iefimerida
AEK
~328 × 380px (2-thumb row on mobile)
✓ Highest CTR (multi-choice visible) ✓ News-portal vibe ✗ Tallest of the three ✗ Most layout work

If even A still feels too big, we could go smaller — e.g., 480px wide / 4:3 aspect. Tell me if so.

StorytellerBeta concept mockup — see ../README.md for context