Mobile illustration UI examples

Illustration UI examples

• See the flow
  Ascend: Bible Game↗

  Header title, central mascot illustration, vertical list of selectable cards, and bottom navigation buttons.

• See the flow
  Redfin: Buy, Sell & Rent Homes↗

  Top navigation bar followed by a tabbed segment control, with a centered empty state illustration and text message below.

• See the flow
  Flight Tracker +↗

  The center of the screen features an illustration of stacked travel documents, including one with a QR code and another with a barcode.

• See the flow
  Yelp: Food, Services & Reviews↗

  The foreground modal is titled 'Eric's projects' and features a central illustration of a hand giving a thumbs-up.

• See the flow
  VSCO: Photo & Video Editor↗

  Top navigation bar, centered empty state illustration and text, primary CTA button, and bottom navigation bar.

• See the flow
  ZARA↗

  The screen is titled 'SILHOUETTE AND PREFERENCES' and features two sections with line-art illustrations representing body shapes.

• See the flow
  Widgetable: Besties & Couples↗

  The modal features a cute cartoon cat illustration at the top, followed by the instruction 'Select a screen to install your pet widget' and the subtext 'It will stay with you every day'.

• See the flow
  EveryDollar: Budget Management↗

  Below the text is a playful, hand-drawn style illustration of a piggy bank riding a rocket, symbolizing financial growth or control.

• See the flow
  Refina: AI Plastic Surgery↗

  Header title, followed by a hero card with description, a primary CTA button, a list of features, and a bottom navigation bar with a floating action button.

• See the flow
  Fishbrain - Fishing App↗

  Below this, there is a grid of fish illustrations, each with a label underneath.

• See the flow
  Planner 5D: AI Home Design↗

  Each card includes a stylized illustration, a bold title, and a brief descriptive subtitle.

• See the flow
  HelloBot - Astrology & Tarot↗

  The bot sends a message acknowledging a recent breakup, followed by an illustration of a crying llama, and then offers to perform a tarot card reading to check the status of a relationship.

• See the flow
  GoPhoto:AI Photo & Video Maker↗

  A large, centered modal window appears over the content, featuring a stylized gift box illustration with ribbons and sparkles.

• See the flow
  Vivino: Drink The Right Wine↗

  Top navigation bar followed by a horizontal tab selector, a yellow header card with progress stats, and a central empty state illustration with instructional text.

• See the flow
  Klook: Travel & Activities↗

  The overall aesthetic is clean, light-themed, and utility-focused, using a soft color palette with orange accents in the illustration.

• See the flow
  1.1.1.1: Faster Internet↗

  At the top, there is a graphic illustration of a mobile device displaying a standard iOS system alert for VPN configuration.

• See the flow
  Equalizer - Volume Booster EQ↗

  The central visual area displays stylized illustrations of a laptop, a smartphone, a folder icon labeled 'Music', and a file icon labeled 'mp3', all set against a subtle concentric circle background pattern.

• See the flow
  Blinq: Digital Business Card↗

  Below the illustration, the text asks, 'Want to remember where you meet people?' followed by an explanation that sharing a card will automatically append location data to help users remember their encounters.

• See the flow
  CamScanning: AI Measure & Scan↗

  The center of the screen displays a playful illustration of a living room scene with a sofa, a cat, and a shelf with books.

• See the flow
  Budget app - spending tracker↗

  A colorful illustration combines a book, paper airplane, baby bottle, and paint roller.