Chapter 3

User journeys

One product, two entry models. Web is browse-first: guests can explore discovery content and are asked to sign in when they try to act. Mobile is account-first: the welcome screen is sign up / login, and the main app is behind an account. After login, both run the same loop — but mobile can finish it and web often cannot.

Mapped from Next.js App Router routes, React Navigation screens, FAQ copy, and a signed-in production session on nokioapp.com · 4 September 2026.

Browse-firstWeb (Next.js)
Account-firstMobile (iOS + Android)
GU / PPUUser types
22Mobile-only capabilities
Job to be done Answer “what should I watch?” using people whose taste you already trust, then point you to the theatre or streaming service. Nokio is not a player and not an AI recommender. A rating is the average of that user’s network, so two friends can see different scores for the same title.

Shared core loop

1 · DiscoverHome, search, festivals, stories
2 · EvaluateCircle + public-profile reviews
3 · ActWatchlist, review, recommend
4 · Share backFriends see it in their feed

General user (GU)

Private network. Reviews and ratings are visible to circles. Recommendations go to a person or group and stay there. Typical path: sign up, pick platforms, add friends, review what you watched, send recs, keep a watchlist.

Public profile user (PPU)

Optional second identity created in the mobile app. Anyone can follow. Used by people who want an audience beyond friends. Followers can save those reviews to a watchlist and share them onward. Web can follow a PPU; it cannot become one.

Web journey

Guests land on a region home (/in, /us, …). Header tabs: New, Trailers, Circles, Awards. Onboarding after first login: streaming services plus country, preferred languages, suggested public profiles.

  1. Arrive and browse Trailers, new releases, Pick of the Week, festivals, featured public profiles, stories, search. No account required.
  2. Sign in when they act Watchlist, follow, react, comment, and circle actions open an auth modal. Email, Google, or Facebook. Password reset is a modal. Apple Sign In is in auth options but the UI is commented out.
  3. Onboard in three steps Overlay: services + country → languages → follow public profiles. Completing this personalizes availability and chips.
  4. Discover from the home feed Signed-in home is supposed to add circle recommendations and a personal watchlist beside public rails. In production, home after login is still a public trailer catalog (see Design).
  5. Decide on a title Movie page opens reviews if any exist, otherwise trailers. Users read circle and public-profile reviews, see where it streams, write or edit a review, save it, or copy a review link.
  6. Stay in the social graph Circles split into friends, following, followers, and other/public profiles. My Profile holds watchlist, reviews, recommendations, friends, and followings.
SurfaceWhat the user does
Home /{region}Trailers, new releases, Pick of the Week, featured profiles, festivals, stories, recommendations, watchlist
New / TrailersBrowse recent and upcoming titles by region
CirclesFriends, following, followers, public and other profiles
AwardsFestival catalog, a festival page, panel discussions
MovieReviews or trailers, write a review, watchlist, streaming platforms
My ProfileWatchlist, reviews, recommendations, friends, followings, edit profile / platforms / languages

Mobile journey

Five tabs after onboarding: Home, Circles, Search, Library, Settings. Country + streaming platforms cannot be skipped; favorite titles and add-friends can. Reloading resumes the last unfinished onboarding screen.

  1. Launch into an account Splash, then LaunchUp: Google, Apple, or email. Forgot/reset password is a dedicated screen. Terms and privacy sit on the welcome screen.
  2. Onboard preferences Country + platforms, then languages. Optional favorites, friends, and a short product tour.
  3. Live in five tabs Home is a dashboard: stories, upcoming, new releases, Pick of the Week, festivals, plus notifications, send-a-recommendation, and add-friends/group.
  4. Act on a title Poster, info, trailers, circle reviews. Bottom actions: rate/review, recommend to a person or group, watchlist, share. Comments open a thread.
  5. Grow Circles Friends and groups. Plus menu: add friends, follow public profiles, create a group, invite. Friend requests confirm via notifications.
  6. Keep a Library and get pinged Library tabs: Watchlist, Reviews, Recommendations (given and received). Push covers friend requests, new followers, recs, review comments/reactions, and watchlist titles becoming available.
Tab / screenWhat the user does
HomeStories, upcoming, new releases, Pick of the Week, festivals; notifications and send recommendation
CirclesFriends and groups; add friends, follow public profiles, create group, invite
SearchFind titles, then open movie detail
LibraryWatchlist, own reviews, given/received recommendations
SettingsProfile, favorites, public-profile upgrade, platforms, languages, theme, help, logout, delete account
MovieInfo, trailers, circle reviews, rate, recommend, watchlist, share, comments

Web vs mobile at each stage

StageWebMobile
EntryRegion home; guests browseSplash → LaunchUp; must create or enter an account
AuthModal: email, Google, FacebookFull screens: email, Google, Apple; forgot/reset password
OnboardingOverlay: services + country → languages → follow PPUsScreens: country + platforms → languages → optional favorites and friends
HomeDiscovery rails + (intended) recs and watchlistStories + upcoming / new / POTW / festivals dashboard
Social graphCircles routes; public vs private profile pagesCircles tab; add friends, groups, follow PPUs, invite
Title actionsReview on the movie page; watchlist gated by authRate, recommend, watchlist, share, comment thread
LibraryMy Profile: watchlist, reviews, recommendationsLibrary tab with the same three lists
Creator pathFollow public profiles onlySettings → Public Profile promo → registration (PPU)
RetentionApp install banner / Get Nokio popupPush: requests, recs, comments, title released

What both clients already share

These are not gaps. Both expose a usable version, even if the UI differs: email/Google/Facebook auth and password reset; onboarding country/platforms/languages; home discovery rails; movie search; movie page (info, platforms, trailers, reviews, write review, watchlist, recommend); review reactions; follow public profiles and friends/following/followers lists; my watchlist / reviews / recs; edit profile / platforms / languages; festival program + panels; FAQ, Terms, Privacy.

High-impact gaps — missing on web

These break or shrink the signed-in social loop. Backend routes already exist for several of them.

FeatureMobileWebWhy it matters
Notification inboxHome bell + 12+ typesNo UIFriend requests, recs, comments, and releases have nowhere to land
Push notificationsFCM + deep-link routingNo clientWatchlist-released and rec pings are mobile-only
Group circlesCreate, members, festival joinNo create/manageFAQ describes groups; web cannot form them
Circle / DM chatRealtime socketsNoneClosed-network conversation layer is mobile-only
StoriesCreate, view, react, comment, recommendHome carousel of review posters onlyNo story player or create flow
Become a PPUPromo + registrationFollow onlyCreators cannot start on web; API /v2/users/ppu exists
Delete accountMy Account → RemoveAPI onlyWeb users cannot close an account in-product

Medium gaps on web

Gaps the other way — web is stronger

FeatureWebMobileIntent
Guest browseFull home, search, movie, festivals, public profilesMust sign upLikely intentional
Shareable / SEO URLs/movie/[slug], review permalinks, region URLsDeep links, not indexableLikely intentional
Trailers hubRecent vs release pagesUpcoming list from HomeParity gap
App install / QR / store bannerLayout popups and floating badgeN/AIntentional web growth — currently covers content

What a member could actually finish on web

Signed-in production session (4 Sep 2026): trailer already playing on home; watchlist 0 → 1; search for “The Gentlemen” with a query works; Follow clicked three times (following 1 → 4); public profile opened; platform settings opened. Failures: review Submit stayed disabled (star rating needs a pointer-move before click); clicking a trailer thumb applied a platform filter instead of playing; empty /movies still has no field.

FAQ says home shows friends’ watches. After login, production home is still a public catalog. Circles “Friends” still shows featured public profiles when the user has no friends — not an empty friends state.

Social events that close the loop

Mobile notifications (and matching in-app activity) close the loop after someone else acts. Web has no inbox for these events.

EventUser next step
Friend / circle invitationConfirm and the person appears in Circles
New followerOpen their public or private profile
Movie recommendationOpen the title, watchlist or review it
Review comment or reactionOpen the comment thread
Recommendation thumbs-upSee who liked a rec you sent
Watchlist title releasedOpen the title and watch elsewhere
Someone reviewed a titleRead their review on the movie
Network requestAccept and grow the circle
Journey impact A user can discover titles, filter, open a movie, read and write a review, watchlist, send a recommendation, and follow a public profile on both clients. Getting a friend request, chatting, creating a group, posting a story, becoming a PPU, deleting the account, or receiving a watchlist-release alert starts on web and finishes only on mobile — or in the “Get the Nokio app” funnel.
Previous Architecture Next Design analysis