Multi-Resolution Preview
Kontent.ai
Multi-device preview system enabling content editors to preview content across different screen resolutions and orientations – eliminating dependency on external tools.
🎯 Problem
Content editors producing visual content for multiple devices couldn't preview how content would look across different resolutions before publishing. This forced them to use third-party tools or custom workarounds, increasing training costs and risk of publishing errors.
👥 User Desired Outcomes
Goals identified through user research.
- For Connie (Copywriter): Seamlessly preview content in different breakpoints without third-party tools
- For Connie: Easily share preview links to collaborate with colleagues
- Customer Outcomes: Increased confidence in content quality through consistent preview experience
- Reduced training costs (no third-party tools needed)
- Reduced engineering costs (~20% of customers building custom preview solutions)
✨ Key Features
Features prioritized for the release.
- MUST HAVE: Choose from predefined resolutions for preview
- MUST HAVE: Rotate preview to simulate landscape/portrait orientation
- MUST HAVE: Resize preview by dragging to reach custom breakpoints
- MUST HAVE: Reliably share links to previewed web pages
- NICE TO HAVE: Specify exact custom resolution for preview
- NICE TO HAVE: Share link including resolution setting
📊 Success Metrics (OKRs)
Objective: Multi-resolution preview becomes part of customers' content production workflow.
- 10 customers use multi-resolution previews during first two months
- 75% retention after initial test (weekly usage)
- 75% satisfaction – no major inconveniences reported by early adopters
🌊 Impact
Multi-resolution preview eliminated dependency on external tools and custom engineering solutions, enabling content teams to confidently publish visual content optimized for all devices.