Step 01 / 14Welcome

Wayfare opens on three pages of drawn art, the first about guides written for a week away. Continue or a swipe moves on; Skip jumps to the end.

OnboardingStackBuilt onWelcomeOnboarding

Flow · Wayfare · Onboarding

First Run SwiftUI Flow

A complete SwiftUI onboarding flow, not just one screen. It's 14 intentional steps from welcome to permissions and sign in. You can reorder them, rewrite the copy, and open it in Xcode ready to ship.

From the Travel App template, on the screens its Xcode project ships, in Studio, Editorial and Graphic, light and dark.

SwiftUIiOS 17.0+travel-app

6 Screens14 Steps

01

Every step

The whole journey at once. Choose a step to play it above.

Steps 4 to 14 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.

  1. 01
    Welcome

    Wayfare opens on three pages of drawn art, the first about guides written for a week away. Continue or a swipe moves on; Skip jumps to the end.

  2. 02
    Welcome

    The second page turns a guide into a day-by-day plan. The pill above the button fills as you go.

  3. 03
    Welcome

    The last page is booking a stay in a swipe. Continue becomes Get started and Skip goes away.

  4. 04
    Allow Location

    Location puts you on the map and turns distances into walking times, only while the app is open. Allow location asks iOS; Not now skips it.

  5. 05
    Allow Location

    iOS asks with Wayfare's reason and a map. Allow While Using App shows “You're on the map” and moves on to the account.

  6. 06
    Your Account

    An account keeps plans, bookings and saved places in sync and lets you share an itinerary. Sign in with Apple, use a phone number, or keep everything on this iPhone.

  7. 07
    Sign In With Apple

    Continue with Apple raises Apple's sheet to share or hide your email, and signing in goes straight to the paywall. Close it to use a phone number instead.

  8. 08
    Your Number

    Continue with phone number asks for the number, the country in a block beside it. Send code texts six digits.

  9. 09
    The Code Arrives

    The code step opens with the number pad up and the code from Messages above it. One tap fills all six boxes.

  10. 10
    Code Accepted

    Accepted, the boxes fill in block by block and Continue moves on to Wayfare Plus. The number is kept for the account.

  11. 11
    Wayfare Plus

    Wayfare Plus adds unlimited trips, offline guides, travel alerts and every theme. The yearly plan starts with a free week; the close button keeps the free plan.

  12. 12
    Start The Free Trial

    Start free trial hands over to the App Store, and the button shows progress until the purchase is verified.

  13. 13
    Plus Is On

    A ring draws and a check lands, then the paywall closes and first run is recorded as done.

  14. 14
    Discover

    The app opens on Discover. A phone account has no name, so the greeting is plain and the monogram is a G.