The problem
Teams needed to bring multiple social sources into their sites without asking every user to understand platform-specific APIs or embed logic.
03 / Embeddable product / 2023
Instagram Feed Widget
A customizable social hub that unifies platform feeds into a single embeddable interface.
JavaScriptReact.jsGraphQL
Overview
Connected fragmented social APIs into one approachable experience.
Selected interface moments
Crafted for real work.
Client visuals are confidential. These presentation studies reflect the interface qualities behind the work: hierarchy, clarity, and focused operational flow.
My role
- Built the integration management interface
- Developed embeddable script behaviour
- Handled multi-platform API integration
Constraints
- Inconsistent external API structures
- Embed performance on third-party pages
- Non-technical customers needed control
Design & development process
- Identified the common configuration model
- Designed a focused admin workflow
- Tested loading and rendering assumptions across embed contexts
Technical decisions
- An abstraction layer for different APIs
- Deferred loading to reduce embed cost
- Reusable configuration UI in React
Challenges
- Normalising varied provider data
- Maintaining fast, safe embeds
Solutions
- Provider adapters behind a unified interface
- Lean script loading and clear fallback states
Outcome & impact
Connected fragmented social APIs into one approachable experience.
Lessons learned
- Good integrations hide provider complexity without hiding user control.
Next case study
Email Signature Platform