Bump App Store screenshots

On-frame caption: “BUMP / Hang / with / friends / IRL”

There is no device frame. The canvas is a saturated gradient that moves from cyan (#00C6FF) at the top through electric blue (#0057FF) to deep violet (#3D00FF) at the bottom, with a faint road-grid texture ghosted beneath. Center-top sits the wordmark: a faceted, multicolour triangle icon followed by 'BUMP' in white. The main lockup dominates the Y-axis: 'Hang' in massive italic extruded type, 'with' reduced and centered, 'friends' at similar scale, and 'IRL' anchored at the bottom in even larger condensed italic. Orbiting the typography are floating cutout portraits of users wearing sunglass filters, a blue speech bubble reading 'Hellooooo,' googly eyes, a coffee cup, a beer mug, and a location-arrow sticker. Near the bottom, two frosted-glass badges—one reading 'The best of iOS 26' with an Apple logo flanked by laurels, the other '10M+ Downloads'—provide social proof. This frame is pure mood. It reveals zero interface, zero navigation patterns, and zero hint of the map utility to come. The value proposition is entirely emotional: this is where your friends hang out.

On-frame caption: “See where your friends are”

The iPhone 15 Pro frame arrives, set against a clean white background that will persist through Frame 8. The caption reads 'See where your friends are,' with 'friends' set in #0057FF. Inside the screen, a map of lower Manhattan and Brooklyn shows circular avatar clusters scattered across neighborhoods like Greenwich Village and the Lower East Side. Blue dotted lines trace movement paths. A floating '12 MPH' badge in extruded sky-blue type hovers near the center, while a blue chat bubble declares, 'Let's hang later?!' A red torn-paper sticker shouts 'COOOOL!' at the lower right. An eyeball sticker bleeds off the top-left edge of the device, and a battery indicator reading '92%' clings to one avatar. The bottom of the screen hints at a search bar and tab chrome, but stickers obscure the exact boundaries. This frame carries the heaviest educational load: it must establish that Bump is a real-time map populated by friends, and it does so by sacrificing legibility for energy.

On-frame caption: “Check their live ETA”

The caption reads 'Check their live ETA,' with 'live ETA' in #0057FF. The map context switches to Miami Beach, identifiable by street labels like Ocean Dr and Collins Ave. Dominating the upper left is an extruded '15 mins' in deep blue with a thick drop shadow. Below it, an address pill reads '1099 Ocean Dr. Miami Beach FL 33139, USA' with a copy icon. A green-to-yellow chat bubble says, 'I'm ommmmwwwww,' while the recurring '12 MPH' badge hovers nearby. A thick blue route line snakes down the map with a pulsing white dot. At the bottom, a system-style notification sheet appears: 'Bump / Arriving in 15mins / Hector is 1.4mi away,' complete with a circular user thumbnail and a horizontal progress bar. Beneath that, a small black pill reads 'Full Send.' The frame isolates a single utility—ETA tracking—but refuses to present it quietly. By repeating the same user avatar with red sunglasses in multiple positions, the designers keep the collage logic intact even while teaching a logistics feature.

On-frame caption: “See what they're listening to”

Caption: 'See what they're listening to,' with 'listening to' in #0057FF. The map moves to DUMBO, Brooklyn. At top, a status card shows a house icon and the text 'At Home / For 10 hrs 4 mins.' Below that, a frosted music marquee reads 'PINK + WHITE • FRANK OCEAN.' The name 'Suzie' is blown up large in black. A bright green circular ring encircles an avatar, stamped repeatedly with '24 HRS 24 MIN.' Battery life reads '89%.' Two aggressive red sticker-bubbles occupy the bottom third: 'you've been at home for 10 hours?? listening to Frank??' and 'let's go get drinks!' Pink 3D music notes float between layers. The density here is the highest in the sequence. The red stickers obscure the map's street names and risk making the actual UI unreadable, yet they communicate the conversational friction the app encourages around music and location status. It is a deliberate trade-off, but one that pushes the 9:19 canvas to its limit.

On-frame caption: “Uncover your city”

Caption: 'Uncover your city,' with 'Uncover' set in #0057FF. The map turns monochromatic purple-blue, showing Brooklyn in #4D2EFF to #7B4DFF tones. Instead of avatars, a heat map of white hexagonal cells glows yellow-orange along a central corridor. A large white label reads 'Brooklyn, NYC.' A blue speech bubble states '45.2% of Brooklyn, NYC.' At bottom, stats appear in individual pills: a coin icon with '2669,' 'Place: #3/45,' and a progress label '45.2% explored.' A giant blue arrow cursor points toward the heat zone. This is the most legible frame in the set because the reduced color palette and absence of photographic cutouts let the data visualization breathe. It introduces game mechanics—exploration percentage, leaderboards—without needing explanatory text beyond the caption. For designers, this frame proves that a single moment of restraint inside a noisy sequence can carry disproportionate clarity.

On-frame caption: “Hear what's hot on campus”

Caption: 'Hear what's hot on campus,' with 'campus' in #0057FF. The map centers on Ann Arbor and the University of Michigan. Blue and maize gold (#00274C and #FFCB05) wash over the frame. A bottom sheet rises over the map: 'University of Michigan / Est. Jan 5, 2024 • #10 worldwide.' Inside the sheet are rows labeled 'Top students,' 'Trending stickers' (featuring a Shrek cutout), and 'Trending songs' with album art labeled 'TELEPATHIC TAPES.' Physical 3D objects—a Michigan flag, football helmets, pom-poms, a football—collage over the top and bottom edges. Text at the bottom reads '1145 people • 14 friends.' The '12 MPH' badge persists in the upper left. While thematically strong, this frame suffers from occlusion: the flag and helmets cover critical sheet corners, making it hard to tell where the interface ends and the marketing collage begins. The campus feature is visible, but its interaction model is buried.

On-frame caption: “Find their favorite spots”

Caption: 'Find their favorite spots,' with 'favorite spots' in #0057FF. Back to Brooklyn. The map is annotated with place cards: 'Leonie Bakery / Been 3 times' with a croissant icon and green check; 'The Roastery / Been 12 times' with a coffee cup; 'Barry's / Been 7 times' with boxing gloves. Blue 'Add place?' pills with question-mark icons float nearby. At bottom, a counter reads '48 places.' Coffee cups and a grocery tote bag appear as floating stickers, but they are pushed to the periphery. Unlike the campus frame, the 3D objects here do not occlude the interface. The place cards sit cleanly in the center of the screen, readable and tappable. This frame best balances decoration and information architecture, suggesting that the collage system works when the foreground stickers are treated as margins rather than as centerpieces.

On-frame caption: “Wreak havoc in the group chat”

Caption: 'Wreak havoc in the group chat,' with 'group chat' in #0057FF. The map disappears entirely. The background is a photographic street scene overlaid with a sticker apocalypse. A group header reads '🍔 Snack Addicts 🍔.' Message bubbles layer in iOS blue and green, plus custom red and yellow shapes: 'Guys I need a little snack,' 'Let's get food,' 'it's 9AM SARAH!,' 'in 5mins?,' 'can you get me a muffin pleaseeee and a massive coffee (i'm starving lol),' 'I'm in,' and a large green 'YES!' The word 'Message' appears in a bottom input bar. The intentional chaos is so extreme that actual chat UI patterns—timestamps, read receipts, sent status, or even consistent bubble alignment—are impossible to locate. It communicates tone, but sacrifices any ability to evaluate the chat experience. For a shopper worried about usability, this frame offers reassurance only to those already convinced by Frames 2–7.