find and join school

Onboarding screen prompting users to find friends from school by using location to detect nearby schools, featuring a map preview and privacy reassurance. Primary action is a “Find my school” button with an alternative option to search for the school manually.

A “Find Friends” onboarding screen prompting the user to grant location access so the app can discover nearby schoolmates, shown as an iOS-style permission modal with a map preview and precise location toggle. Primary actions are Allow Once, Allow While Using App, or Don’t Allow, with an option to search manually instead.

School selection screen with a search bar to find and pick your school from a scrollable list of results showing school name, city/state, and a member count badge for each option. Users can browse nearby schools and tap an item to choose their institution.

School selection and join screen showing a chosen school with member count, an embedded map preview pinning the school’s location, and the full address with distance away. Users can go back or tap a primary “Join my school” button, with small member avatars and a note about limits on how many schools you can join.

Onboarding profile setup screen asking the user “What grade are you in? ” with a selectable list of education status options including not in high school, grades 9–12 with corresponding class year, and finished high school, plus a back navigation button.

School app welcome/onboarding screen with a large “Welcome” header and institution name, featuring an illustrative icon and a back arrow for navigation, serving as an introductory landing page before entering the app.

School group profile screen showing the selected school name, location/grade, and member avatars, with an in-group music listening leaderboard listing top members and their listen counts. Includes a primary CTA to “Discover the ranking” and an overflow menu for additional school/group options.