Screenspo
AppsPatternsColorsMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

All apps
Viator app icon
Travel

Viator

Viator Tours & Attractions

View on App Store
4.9
265K ratings

Screenshot story

The sequence hooks travelers with the breadth of available experiences before highlighting risk-mitigation features like free cancellation and social proof. It concludes by emphasizing accessibility across budgets and locations, backed by 24/7 support and a loyalty program.

iPhone gallery

The complete screenshot set

Select any frame to study its layout, content, and palette.

Explore by detail

Study the system behind the set

ColorsPalette and exact hex valuesOnboarding1 tagged frame
floating deviceflat ui panellifestyle photo

Design analysis

What makes this set work

Viator Green#00875aMidnight Blue#1d1a31Sun Yellow#fcd12aPure White#ffffff

Viator utilizes a sophisticated collage-style aesthetic that blends device frames with high-impact graphic elements. A key strategy is the 'cutout' lifestyle imagery-subjects like the woman in the inner tube or the Segway rider are removed from their backgrounds and outlined in white, creating a tactile, scrapbook feel. The color story is split into two halves: the first four screens use a vibrant forest green background to highlight discovery and trust, while the final four shift to midnight blue to emphasize utility and service. Designers should take note of the 'floating card' technique used in several slides to pull specific UI elements (like a review or a cancellation policy) out of the device frame, making them the primary focal point without losing the context of the app's interface.

Keep exploring

More in Travel

Airbnb App Store screenshot: listing design
Airbnb iconAirbnb

Travel

Vrbo App Store screenshot: listing design
Vrbo iconVrbo

Travel

Gojek App Store screenshot: listing design
Gojek iconGojek

Travel

Careem App Store screenshot: listing design
Careem iconCareem

Travel