Context First

• We had 20+ integration detail pages

• Each update (like changing an image or testing a layout) took 2–3 days and required dev support

• Our website and product views were inconsistent

Problem Unpacked

Who was blocked:

• Product Marketing couldn’t test layouts or content

• Designers had no access to push updates

• Developers were overloaded with content-related requests

  
  

The Breakthrough

Solution: Hybrid system using:

• Webflow for flexible visual content

• iframe to embed that content in the app

• Database for critical info (price, name, CTA)

• Retool to safely edit DB entries

Design & Implementation

What I did:

• Mapped out editable vs non-editable regions

• Created Webflow layouts based on HOD's design

• Connected iframe logic by integration ID

• Helped define DB + Retool permission flow

Rollout

• 3 weeks from idea → live across 20+ integrations

• Toggle to preview old vs new content

Outcome Highlights

• Content updates now happen instantly (vs 2–3 days)

• Zero developer intervention

• Consistent story across product and website

• Greater control for PMs and designers

What’s Next Visually

• A/B test content via Webflow page variants

• Build preview UI: toggle old vs new layout

• Add smart analytics tracking on embedded content

Final Note

This wasn’t just a workaround — it was a system-level upgrade that empowered marketing, freed up developers, and made the integration experience truly flexible.