The bottom line
A seamless web-to-app journey, where a mobile visitor lands in the app on the exact product they were viewing, is one of the simplest ways to raise installs and revenue. Most brands lose money because their smart banners or deep links break somewhere along the way.
Key takeaways
- Apps convert far better than mobile web, so moving visitors into the app pays off. 0:36
- Ecommerce apps convert at roughly three times the rate of mobile web.
- App users view 4.2x more products per session, and cart abandonment is dramatically lower in apps, at 20%.
- The smart banner should appear right at the top of every page. 5:26
- Nike makes visitors scroll and pick a size before the banner shows, which delays the handoff.
- Sephora keeps its banner permanently at the top, on the home page and on product pages.
- Installing from inside the banner removes a drop-off point. 5:58
- Nike sends users to the App Store, where some may drop off.
- Sephora installs the app right in the banner while the user stays on mobile web.
- After opening the app, the user must land on the product they were viewing. 3:56
- Nike opens the exact LeBron shoe, with the size already selected.
- Sephora drops users on the app home page, so the sunscreen they picked is lost and the journey breaks.
- Asking for registration should wait until checkout to keep friction low. 4:59
- Nike forces sign-in right after opening the app, even though the user came from a shoe they already like.
- Sephora lets users skip sign-in and Face ID, so onboarding is fast and shopping starts sooner.
The more frictionless you can possibly be, the better it is.
Steve P. Young
Chapter summaries
0:00 Why the web-to-app gap costs revenue
Most brands lose revenue in the gap between a good mobile web visit and the app, and a seamless handoff with proper analytics closes it.
- Even big brands underestimate what a broken web-to-app journey costs them. 0:21
- Lifecycle marketers, growth teams and CRM managers own this lever.
- The journey must be seamless and have proper analytics in place.
- Some huge brands handle it well and some do it badly, so real examples follow.
- It is one of the simplest levers for installs, onboarding and in-app conversions.
- Visitors already on the website should still be moved into the app. 1:33
- App users are stickier than mobile web users.
- The app performs better on every number shown in the data table.
- The table is worth a screenshot, and it shows the app ahead on all of its metrics.
- Users who start checkout are more likely to finish it in the app than on the web.
2:52 Nike's handoff from web to app
Nike's banner lands users on the right product, but sign-in and onboarding questions slow the handoff.
- Nike's smart banner carries a visitor straight to the shoe they were viewing. 3:05
- Tapping open on the banner leads into the app.
- Sign-up or sign-in comes first, then personalization questions and a location request for finding stores.
- The prompt reads Welcome back, Steve. To personalize your experience and connect you to sport, we've got a few questions.
- Steve prefers buying online, so the store finder adds little for him.
- Registration belongs at checkout, after the user has reached the product. 4:03
- On the web the user scrolls a little, picks a size and taps open.
- App Masters has seen better results when user info is requested only as checkout begins.
- Nike's pro is the correct shoe and size. Its cons are the App Store detour and registration before purchase.
- A way to install the app inside the banner is promised next.
5:11 From Nike's fixes to Sephora's broken landing
Sephora removes the install detour but loses the product the shopper chose once the app opens.
- Sephora's banner installs the app without leaving mobile web. 6:00
- One tap on Get, then a double click, starts the install.
- The button then changes from Get to Open.
- The shopper was on a product page when the button changed to Open.
- The Face ID prompt has a "maybe later" option, and sign-in can be skipped. The speaker's advice to Nike: take a cue.
- Opening the app drops the shopper on the home page, so the journey breaks. 7:00
- The shopper had already picked a sunscreen.
- The product is visible on the home page, but it is not the page they selected.
- The path was home page, product, download, open, then home page again.
- The speaker calls it a huge opportunity for Sephora, with more friction and missed revenue.
8:17 Combining both approaches
The best flow pairs Sephora's in-banner install with Nike's product-level deep link.
- Sephora has more pros, but needs a true deep link like Nike's. 8:17
- Its one real con is that the app opens on its home page.
- The rule: Had those LeBrons on the web? Have those LeBrons in the app.
- A shopper on a product page should land on that same product in the app.
- Skippable registration and fast onboarding stay, since sign-up can wait until checkout.
- A dedicated deep linking platform can deliver both sets of pros. 8:53
- AppsFlyer's deep linking solution combines the Nike and Sephora strengths.
- It can be used without buying its measurement product (MMP).
- It includes smart banners and smart scripts.
- The aim is to move web visitors into the app, where the conversion numbers are better.
In the growth library
Steve P. Young, Founder of App Masters. Moving shoppers from mobile web into the app lifts conversion, and the gains depend on a seamless web-to-app journey with proper deep linking. Teardowns of Nike and Sephora show which smart banner and deep link choices keep shoppers moving and which ones lose them.
Lessons that draw on this:
More from
App Masters · The whole library, and ask it anything