Screenspo
AppsPatternsColorsGuidesMCP
ScreenspoยทApp Store design, organized

built by starterlyst ๐Ÿ’š

  1. Home
  2. Education
  3. Preply
Preply app icon
Education

Preply

Preply - Language Learning App

View on App Store
4.8
42.5K ratings

Screenshot story

The set opens with authority through high-tier press mentions and transitions into the human reality of 1-on-1 tutoring. It then methodically demonstrates the product journey-from goal-setting and tutor matching to progress tracking and flexible booking-finishing with a massive testimonial volume to cement user trust.

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, Preply most often uses floating device composition and device treatment with solid backgrounds. 10 frames include visible caption copy.

  1. Frame 1

    Mentioned in The New York Times Fluency starts here

    Composition / device
    panoramic
    Content
    social proof
    Background
    solid
    Copy treatment
    top, authoritative, bold
  2. Frame 2

    Personalized 1-on-1 lessons

    Composition / device
    panoramic
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    bottom, benefit led, professional
  3. Frame 3

    Set your goals.

    Composition / device
    floating device
    Content
    onboarding
    Background
    solid
    Copy treatment
    top, instructional, focused
  4. Frame 4

    Find your perfect tutor.

    Composition / device
    flat ui panel
    Content
    feature callout
    Background
    solid
    Copy treatment
    top, solution oriented, simple
  5. Frame 5

    Practice what matters.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    gradient
    Copy treatment
    top, direct, action oriented
  6. Frame 6

    Track your learning progress.

    Composition / device
    lifestyle photo
    Content
    lifestyle
    Background
    photo
    Copy treatment
    top, encouraging, analytical
  7. Frame 7

    Stay motivated with your tutor.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, supportive, warm
  8. Frame 8

    Choose flexible learning.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, practical, empowering
  9. Frame 9

    Book lessons that fit your schedule.

    Composition / device
    floating device
    Content
    ui screenshot
    Background
    solid
    Copy treatment
    top, utility focused, convenient
  10. Frame 10

    26k+ reviews on the App Store

    Composition / device
    lifestyle photo
    Content
    social proof
    Background
    solid
    Copy treatment
    bottom, reassuring, credible

Explore by detail

Study the system behind the set

ColorsPalette and exact hex values
panoramicfloating deviceflat ui panellifestyle photo

Design analysis

What makes this set work

preply pink#f86fa7mint green#3de3a7pure white#ffffffjet black#000000

Preply utilizes a high-contrast 'Signature Pink' background that ensures the app stands out in a crowded Education search result. The strategy leans heavily on human connection, featuring actual tutor faces and large-scale lifestyle photos to differentiate from automated, gamified competitors like Duolingo. Designers should note the use of 'floating UI' cards-which extend outside the device frame in several slides-to emphasize specific data points like progress or tutor ratings. The copy is exceptionally direct, using short, punchy headlines. The inclusion of a panoramic opening pair creates a sense of scale and movement, immediately pulling the user into a 1-on-1 video call experience rather than just a flat interface.

Source and method. Screenshots come from the US App Store listing and are preserved in Screenspo's curated corpus. Layout, caption, content, background, and palette observations are derived from the visible listing artwork. Typeface names are not inferred; transcribed copy, tone, and position are the supported typography evidence, while layout tags record composition and device treatment. View the source listing.

Keep exploring

More in Education

Greg App Store screenshot: floating device composition with ui screenshot content
Greg iconGreg

Education

Mindvalley App Store screenshot: panoramic composition with social proof content
Mindvalley iconMindvalley

Education

Headway App Store screenshot: flat ui panel composition with onboarding content
Headway iconHeadway

Education

MasterClass App Store screenshot: collage composition with social proof content
MasterClass iconMasterClass

Education