Waterllama App Store screenshots

On-frame caption: “Water tracker”

Frame 1 is a pure social-proof poster set against a saturated cyan field approximating #00BCD4, with a faint lighter geometric mesh pattern barely visible beneath the content. The headline 'Water tracker' sits near the top in a very large, white, rounded sans-serif. Below it, two metric blocks are stacked vertically: '300,000+' flanked by five white stars and the label 'RATINGS,' then '6 Million' with the label 'USERS,' each block bordered by flat cyan laurel wreaths. A vertical column of press logos—Forbes, COSMOPOLITAN, TC TechCrunch, VOGUE, abc NEWS, yahoo!life, healthline—occupies the center-left in muted grays and blacks, rendered small enough that they become noise at thumbnail scale. An oversized dark-teal circular badge dominates the lower right, containing a solid Apple logomark silhouette and the text 'APPLE DESIGN AWARD' above 'FINALIST 2022' in a smaller cyan sans. A yellow curved shape and a gray foot intrude from the right and bottom edges, hinting at the character system without fully revealing it. There is no device frame, no app UI, and almost no negative space; the frame chooses authority over scannability.

On-frame caption: “Drink water reminders”

The background remains the same cyan with geometric line work. The caption 'Drink water reminders' is locked to the upper left in white rounded sans; a small white notification bell icon floats at the upper right. The rest of the canvas is given over to a single full-bleed illustration of a cream-colored llama wearing orange sunglasses, drinking from a blue bottle through an orange curly straw while reclining on a yellow slope. A dark laurel badge intrudes from the bottom left corner, visually linking back to Frame 1. No interface elements, no buttons, no phone chrome, no scheduling UI is visible. The llama’s fleece is rendered in scalloped vector shapes that create texture without shading. The frame reads as a lifestyle poster rather than a product screenshot: it communicates tone, but a shopper cannot infer how reminders are set, edited, or delivered. It is pure brand continuity without product disclosure.

On-frame caption: “Track water from anything you drink”

Frame 3 introduces the first actual app UI. The cyan backdrop continues, with the headline 'Track water from anything you drink' at top. A stylized device frame—rounded rectangle, cyan bezel, pill-shaped notch—appears centered. Inside the white screen, '52oz' appears in bold cyan, with '80% of your goal' in dark gray beneath it. The central graphic is a llama silhouette filled with horizontal color bands—orange, blue, red, green, brown—acting as a segmented progress meter. A bottom toolbar presents five drink types with icons and plus signs: WATER, GREEN TEA, COFFEE, JUICE, SODA. A cyan circle with '1' sits top left; a gray wavy icon sits top right. Overlapping the lower right is a black Apple Watch mockup displaying the same 52oz/80% metric with a llama head inside a cyan ring, resting on a yellow cylindrical form. This frame finally exposes the logging mechanic while retaining the brand’s illustrative logic.

On-frame caption: “Interactive Widgets that motivate you to reach your goal”

The background shifts to cobalt blue, approximating #3F5DC6. The headline reads 'Interactive Widgets' in white, with the subhead 'that motivate you to reach your goal' in a lighter, desaturated tint beneath. A soft device frame shows a lock screen at 9:41 with two widgets: a horizontal bar widget showing '3', '28oz', '36%' alongside a blue llama silhouette, and a circular widget with a peacock-like bird icon. Below the phone, three freestanding widget mocks float at varying depths: a light-cyan square showing '34oz', '53%', a layered llama, and badge '3'; a yellow square showing '64oz', '100%', a peacock amid confetti, and badge '9'; and a lavender rectangle showing '58oz', '92%', a purple hippo or blob silhouette, and list rows for Water, Juice, and Soda with plus buttons. The widgets prove the art system scales down to glanceable sizes, though the lavender rectangle is cropped at its right edge by the canvas boundary. The color break successfully signals a new feature chapter.

On-frame caption: “Healthy challenges”

Frame 5 switches to emerald green, approximating #009B77, and displays 'Healthy challenges' at top. No device frame appears. The body is an irregular masonry grid of rounded-rectangle cards. A dominant top card in brown reads '10 DAYS' above 'Escape Caffeine Capuchin' beside a monkey wearing white headphones. Below, smaller cards include 'Weight Loss Sloth' on orange, 'Vitamin Puffin' on amber, 'Lose Lactose Platypus' on pink, 'No Cheat Cheetah' on red, 'Tea-Rex' on lime green, 'Sober Bear' on purple, 'Drop Beer Deer' on yellow, and 'Weasel Out Wine' on red. Each card pairs white rounded sans-serif text with a centered animal portrait. The layout reads as a content library rather than a tracking interface. The internal rainbow of card colors—eight distinct hues—vibrates against the emerald container and edges toward visual clutter when viewed at small scale.

On-frame caption: “Build a new healthy habit / Fill up daily characters”

The background becomes lavender, approximating #9B7EDE. The headline 'Build a new healthy habit' sits above the subhead 'Fill up daily characters.' A soft purple device frame encloses a white screen. At top, 'Healthy Monday!' appears in a dark playful sans, with confetti shards scattered around it; beneath, the caption '68oz hydration · 106% of your goal' in cyan. The center is dominated by a large purple jellyfish with pink and teal tentacles and round glasses. At bottom, a horizontally scrollable row of character thumbnails shows a hamster, a red turtle, a unicorn outline, and a dragon outline, with a second row partially visible. The phone’s notch is filled with solid lavender, making the bezel feel like a physical matte cutout. This frame sells collection and completionism; the UI is minimal, letting the celebratory character art and confetti drive the composition.

On-frame caption: “What will your day be like?”

Frame 7 adopts a chestnut brown background, approximating #6D4C41, the warmest and most chromatically isolated tone in the sequence. The headline asks, 'What will your day be like?' Centered is a tilted white card with rounded corners and subtle depth shadow. On the card, 'MYcoffee TUESDAY' is set in two colors—cyan for 'MY' and 'TUESDAY,' brown for 'coffee'—above a block-color llama composed of horizontal bands: cyan head, pink neck, brown torso, orange midsection, red legs, cyan hooves. Below the animal, five drink icons in brown, orange, red, cyan, and pink are followed by 'oz 64.' Under the card, four circular social buttons appear: Instagram in pink-purple, Facebook in blue, Snapchat in yellow, and a gray 'More' button with an ellipsis. A second white card peeks behind. No phone frame is shown; the share sheet is presented as a physical keepsake rather than a screenshot of a modal.

On-frame caption: “Set your streak record!”

Frame 8 returns to cyan. The headline 'Set your streak record!' sits at top. A soft cyan device frame holds the densest UI of the set. A large circular badge dominates the screen: a cyan progress ring surrounding a purple fill, with a white '7' and 'DAYS STREAK' centered. Below, 'June' with left and right chevrons anchors a calendar grid. Date indicators use colored pill shapes—blues, reds, greens, purples, and a black circle for the 21st—with gray dots marking remaining days. Near the bottom, 'Sunday, 21' appears above '52oz hydration • 80% of your goal,' followed by a list row containing a water glass icon, the label 'WATER,' a heart icon, and the timestamp '9:51 PM • 8oz.' This frame finally delivers historical data density, completing the narrative arc from branding to utility.