nano.metitiereLet's Talk

Case Study

Storytelling Component Builder

wordpressgutenbergstorytellingcopilottemplatesperformance

Company

X-Team

Client

Confidential Client

Project

Storytelling Component Builder

Role

I contributed as a frontend/platform engineer on a WordPress Gutenberg plugin to build immersive storytelling experiences for editorial teams.

  • Implemented native storytelling blocks for sections, animated image sequences, media-step narratives, immersive images, galleries, and video.
  • Worked on editor constraints and block governance so storytelling structures could be composed safely without invalid nesting.
  • Built template-loading flows in the editor, including template fetch/insert behavior and preservation of Multi-Title context when loading new templates.
  • Contributed to Copilot integrations for editorial workflows, including headline slot integration, content checking hooks, and AI-generated image alt text actions.
  • Supported frontend interaction behaviors for storytelling experiences, including media gallery/lightbox initialization and block runtime setup.

Tech

  • WordPress block editor stack with React and @wordpress/* packages.
  • Native Gutenberg block registration and edit/save pipelines for custom storytelling block types.
  • Document-level template system with block conversion/insertion logic.
  • Copilot integration layer with extensible hooks for headline suggestions, content checks, and alt text generation endpoints.
  • Performance-oriented browser utilities using IntersectionObserver for lazy backgrounds and viewport-aware media handling.

Impact

  • Enabled editors to produce immersive narrative pages directly in Gutenberg with reusable storytelling building blocks.
  • Reduced editorial setup time by providing reusable templates and one-click template loading inside the story editor workflow.
  • Improved content quality and accessibility workflows through Copilot-assisted headline/content checks and alt text generation.
  • Increased maintainability with a modular architecture across blocks, plugins, integrations, and shared utilities.