View on App Store
4.7
38.4K ratingsScreenshot story
The set begins by promising instant access to work items, moves through specific collaboration and tracking features like forms and approvals, and concludes by showing how these capabilities span across all mobile and desktop devices.
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 10 frames, Jira Cloud most often uses floating device composition and device treatment with solid backgrounds. 10 frames include visible caption copy.
Frame 1
Get instant access to work items and projects
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, benefit led, direct
Frame 2
Align with your team and share context
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, collaborative, clear
Frame 3
Never miss an update - or snooze notifications
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, functional, reassuring
Frame 4
Track project progress and priorities with ease
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, productive, confident
Frame 5
Create custom forms to manage team requests
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, empowering, simple
Frame 6
Unblock your team with approvals and reviews
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, problem solving, active
Frame 7
Give your eyes a break with dark mode
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, helpful, lifestyle
Frame 8
Share reporting without any extra effort
- Composition / device
- floating device
- Content
- ui screenshot
- Background
- solid
- Copy treatment
- top, efficient, straightforward
Frame 9
Connect with your work across your devices
- Composition / device
- collage
- Content
- lifestyle
- Background
- solid
- Copy treatment
- top, flexible, connected
Frame 10
From on the go to in the know starts with Jira
- Composition / device
- text only
- Content
- social proof
- Background
- solid
- Copy treatment
- overlay, inspiring, authoritative
Explore by detail
Study the system behind the set
Design analysis
What makes this set work
Jira Cloud utilizes a highly systematic design language that relies on color-coding to categorize functionality. Each slide features a floating device UI framed by a distinct 'accent bar' (blue, orange, purple, green) that corresponds to a highlighted keyword in the caption. This 'highlighter' effect on verbs like 'Align' and 'Track' creates an immediate visual link between the benefit-led copy and the interface. The strategy is functional and modular, avoiding lifestyle clutter until the penultimate slide where it uses grayscale photography to emphasize cross-device connectivity. Designers can learn from this disciplined use of brand colors to anchor specific value propositions without overwhelming the clean, white-space-heavy UI.
Keep exploring
