Storyteller

A Framer marketing site that made hiring and documentation easier to manage.

Live Website
Storyteller

A site that supports the story.

The marketing experience connects the product introduction with CMS-powered hiring pages, a user guide and developer documentation entry points.

The Storyteller marketing introduction, captured from Storyteller and centered on a background matched to the brand.
The Storyteller marketing introduction
The developer documentation entry point, captured from Storyteller and centered on a background matched to the brand.
The developer documentation entry point
The real Storyteller careers directory interface on a MacBook in a scene created for the case study.
Storyteller content studio MacBook

Hiring with a home of its own.

The careers directory turns open positions into a structured collection, with role, team and location visible before opening a vacancy.

CMS-powered open positions, captured from Storyteller and centered on a background matched to the brand.
CMS-powered open positions
A vacancy page from the hiring CMS, captured from Storyteller and centered on a background matched to the brand.
A vacancy page from the hiring CMS
The real Storyteller role details interface on a iPhone in a scene created for the case study.
Storyteller story frames iPhone
The real Storyteller guide collection interface on a iPhone in a scene created for the case study.
Storyteller creative lounge iPhone

A clear route into the guides.

The user guide gives content teams a starting point for Stories, Clips, Studio and the other tools they use to publish.

The Storyteller user guide collection, captured from Storyteller and centered on a background matched to the brand.
The Storyteller user guide collection
Guides for Stories, Clips and content tools, captured from Storyteller and centered on a background matched to the brand.
Guides for Stories, Clips and content tools
A Stories and Pages documentation article, captured from Storyteller and centered on a background matched to the brand.
A Stories and Pages documentation article
The real Storyteller guide collection interface on a MacBook in a scene created for the case study.
Storyteller editorial set MacBook

Guidance for the whole toolset.

The guide collection gives content teams a clear route into practical documentation, from scheduling Stories to publishing Clips and working in Studio.

My Role

Senior Front-End Developer

Framer DevelopmentUX/UI ImprovementsCMS ArchitectureHiring WorkflowsDocumentation IAResponsive Polish

I worked on Storyteller's Framer marketing site, improving the UX/UI, setting up self-serve content workflows for hiring, and integrating documentation paths so prospects, HR, and developers could move through the site with less friction.

Site Work

What I Improved

  1. Marketing site UX

    Improved page structure, visual hierarchy, and responsive polish across the public site so the product story was easier to understand.

  2. Self-serve hiring

    Set up vacancy pages in Framer CMS so HR could create, publish, and update open roles without waiting on developer changes.

  3. Careers workflow

    Turned hiring content into a repeatable system with role, team, location, and job-detail pages connected from the careers index.

  4. Documentation entry points

    Integrated developer and user-guide pathways into the marketing site, making SDK, CMS, and product guidance easier to discover.

  5. Developer audience

    Connected Storyteller's product positioning to its SDK ecosystem across iOS, Android, React Native, Flutter, Web, and API documentation.

  6. Content ownership

    Reduced operational dependency on engineering by giving internal teams clearer editing surfaces for high-change site content.

More Cases

Eden Studio

Eden Studio

Starting Harry Potter

Starting Harry Potter

View all cases