View on App Store
4.8
65K ratingsScreenshot story
The screenshots introduce Otter as the premier AI meeting assistant, showing how it captures notes automatically across virtual and in-person settings, then transforms those transcripts into actionable summaries and cross-meeting insights via an AI chat interface.
iPhone gallery
The complete screenshot set
Select any frame to study its layout, content, and palette.
Observed in the listing
Frame-by-frame listing evidence
Across 6 frames, Otter AI most often uses floating device composition and device treatment with gradient backgrounds. 6 frames include visible caption copy.
Frame 1
Your AI Meeting Assistant
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, direct, authoritative
Frame 2
Auto-capture virtual meeting notes using OtterPilot
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, functional, descriptive
Frame 3
Click record in app to capture in-person conversations
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, instructional, clear
Frame 4
Get automated summaries and action items
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, benefit driven, organized
Frame 5
Generate AI insights from your meeting
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, high tech, helpful
Frame 6
Access AI insights across all your meetings
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- gradient
- Copy treatment
- top, comprehensive, efficient
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Otter.ai utilizes a clean, 'floating-device' strategy that emphasizes the UI's clarity and utility. By placing the phone frame against a consistent, soft pastel gradient, the design feels modern and airy, contrasting with the information-dense transcripts inside. The copywriting is purely functional and action-oriented, using verbs like 'auto-capture,' 'generate,' and 'access' to define value quickly. A standout design choice is the use of large, centered, sans-serif captions at the top of every frame, creating a rhythmic browsing experience. Designers can learn from the strategic use of UI overlays (like the record menu in slide 3) to explain features without cluttered diagrams. The color palette relies heavily on professional blues, reinforcing a sense of corporate reliability and intelligence.
Keep exploring
