How to Build a Customer Journey That Actually Works Across Web and Mobile

Last week, I helped a friend shop for a new mattress. Here’s what their journey actually looked like: saw an ad on Instagram on their phone during lunch. Clicked through to the website on mobile, browsed a few options, but the site was slow and the comparison tool was clunky on a 6-inch screen. Switched to their laptop that evening to actually read the specs. Added one to their cart but didn’t buy — wanted to check reviews. Read reviews on their phone the next morning while commuting. Went back to the laptop to compare two models side by side. Then messaged the company on WhatsApp to ask about delivery timelines. Finally purchased through the mobile app three days later.

Seven touchpoints. Three devices. Four days. And here’s the part that matters: at every single switch between devices, the experience nearly fell apart. The cart didn’t sync. The browsing history was lost. The WhatsApp conversation had no connection to the website activity. If the company had been tracking that journey, they would have seen a customer who was deeply engaged and ready to buy. Instead, each channel saw a stranger starting from scratch.

This is the reality of modern customer journeys. McKinsey’s 2021 research found that 71% of consumers expect personalized interactions across channels (McKinsey & Company, 2021). And Deloitte’s 2023 data showed that omnichannel customers spend 1.7 times more than single-channel customers (Deloitte, 2023). The customers who get a connected experience across web and mobile are the ones who spend more, stay longer, and buy more often. The ones who don’t? They’re the ones who abandon their cart and never come back.

Why Web-to-Mobile Journeys Break Down

Let’s be honest about why this is hard. Web and mobile aren’t just different screen sizes — they’re different behaviors. Here’s what I mean:

• Web is research mode. People use desktops and laptops to compare, read reviews, watch videos, and make considered decisions. The session is longer, the attention is deeper, and the actions are more deliberate.
• Mobile is action mode. People use phones for quick purchases, immediate answers, and impulse decisions. The sessions are shorter, the attention is fragmented, and the tolerance for friction is near zero.

The problem is that most businesses design these as separate experiences. Their web team optimizes for desktop. Their mobile team optimizes for app. Their marketing team runs campaigns that treat each as an independent channel. The customer, who doesn’t think in terms of “channels,” just experiences a series of disconnected moments.

A Forrester study from 2023 found that companies with mature omnichannel strategies achieve a 9.5% year-over-year revenue increase (Forrester, 2023). A huge chunk of that increase comes specifically from fixing the web-to-mobile handoff. It’s not about having the best website or the best app — it’s about making them work as one system.

The behavioral gap between web and mobile is critical to understand. On desktop, the average session duration is about 2-3 minutes, with users viewing 3-5 pages per session. On mobile, the average session is under a minute, with users viewing just 1-2 pages. If your mobile experience requires the same level of engagement as your desktop experience, you’re designing for a behavior that doesn’t exist on that device.

The Five Handoffs That Matter Most

After mapping hundreds of customer journeys, I’ve found that five specific handoff points account for the vast majority of drop-offs between web and mobile:

Handoff 1: Ad click to mobile site. Someone clicks a social media ad on their phone. Does the landing page load fast? Is it optimized for mobile? Does the information match what the ad promised? This is where 40-53% of mobile visitors leave (Google, 2023). If your mobile landing page takes more than 3 seconds to load, you’ve already lost them.

Handoff 2: Mobile browsing to desktop research. The customer switches to a bigger screen to dig deeper. Does their browsing history follow them? Can they pick up where they left off? Most businesses lose the thread here — the customer starts over on desktop with no memory of what they did on mobile.

Handoff 3: Desktop research to mobile purchase. The customer has done their homework on desktop and is ready to buy — but they’re on their phone now. Does the cart sync? Is checkout optimized for mobile? Is the payment method they prefer available? This is where Amazon kills everyone else. Their cart follows you everywhere. Your checkout is one tap. Most businesses make you re-enter everything.

Handoff 4: Purchase to mobile support. The customer buys on web and then has a question via WhatsApp or chat. Does the support channel know what they bought? Can they reference the order without hunting for a confirmation number? Salesforce found in 2023 that 87% of marketers say omnichannel is critical to success (Salesforce, 2023), but most support systems still operate completely separate from the purchase system.

Handoff 5: Mobile engagement to email follow-up. The customer browses on mobile, doesn’t buy, and then gets an email. Does the email reflect what they looked at? Is the timing right? Or is it a generic newsletter that has nothing to do with their behavior? Bain & Company found that a 5% increase in retention drives 25-95% profit growth (Bain & Company, 2022) — and the email-to-mobile-to-web connection is one of the biggest levers for retention.

Each of these handoffs is a moment of truth. The customer is making a subconscious decision: “does this company remember me?” If the answer is yes, they continue. If the answer is no, they have to decide whether to re-invest the effort to start over. Many don’t.

How to Fix These Handoffs

Good news: fixing these handoffs doesn’t require rebuilding your entire tech stack. Here’s what works, starting with the highest-impact changes:

Implement universal cart syncing. If someone adds something to their cart on mobile, it should be there on desktop and vice versa. This sounds basic, but most e-commerce platforms still don’t do this well. If your platform doesn’t support it natively, there are third-party tools that bridge the gap. This single fix can recover 10-15% of abandoned carts.

Use persistent identity across devices. The simplest way to do this is email-based identification. When someone logs in on any device, their history, preferences, and cart are available everywhere. If you’re not ready for full account-based tracking, at minimum use email-based retargeting to reconnect across devices.

Optimize mobile for speed, desktop for depth. Don’t try to make mobile and desktop the same experience. Instead, optimize each for what people actually do on that device. Mobile should load fast, show the most important information first, and make checkout effortless. Desktop can afford more comparison tools, detailed specs, and richer content.

Connect your messaging channels to your web data. When someone messages you on WhatsApp asking about a product, your team should immediately see what that customer has browsed, what they’ve added to their cart, and what they’ve purchased before. This is one of the highest-value integrations you can make. If you’re using WhatsApp for customer communication, our guide on WhatsApp coexistence walks through exactly how to set this up so your messaging channel is part of your journey, not separate from it.

Design mobile-specific conversion paths. Don’t just shrink your desktop checkout for mobile. Redesign it for thumb taps, auto-fill, and one-click purchases. Apple Pay, Google Pay, and Shop Pay exist for a reason — they reduce mobile checkout friction by 60-70% compared to manual form entry.

Create bridge experiences. These are moments that explicitly connect two devices. A “save to continue on desktop” button. A QR code that links your mobile session to your desktop session. A “send to my email” option for complex comparisons. These bridges reduce the friction of device switching and keep the journey intact.

Measuring What Actually Matters

Stop measuring web and mobile separately. Start measuring the journey. Here are the metrics I recommend:

• Cross-device conversion rate: What percentage of customers who start on one device and switch to another complete a purchase? This tells you how well your handoffs are working.
• Device-switch bounce rate: What percentage of customers leave when they switch devices? If this number is high, your handoff is broken.
• Cart sync recovery rate: How many abandoned carts are recovered because the customer found them on another device? If you’re not tracking this, you’re flying blind.
• Time-to-purchase across devices: How long does it take a multi-device customer to convert compared to a single-device customer? If multi-device customers take significantly longer, your handoffs are adding friction instead of removing it.

Adobe’s 2023 research found that omnichannel customers spend 4 times more than single-channel customers (Adobe, 2023). The biggest driver of that spending difference isn’t the number of channels — it’s how well those channels connect. A customer who has a smooth experience across web and mobile is far more likely to convert, spend more per order, and come back.

Real-World Example: What Good Looks Like

One of our clients — a mid-size outdoor gear retailer — had exactly the problem I described at the top of this article. Customers would research on desktop, browse on mobile, ask questions on WhatsApp, and buy somewhere in between. The channels were completely disconnected.

We implemented three changes: universal cart syncing, WhatsApp-to-CRM integration, and mobile-optimized checkout with Apple Pay. Nothing fancy. Nothing custom. Just connecting what was already there.

After four months: cross-device conversion rate went from 3.2% to 7.1%. Cart recovery rate increased 28%. Average session count before purchase dropped from 5.2 to 3.1 — meaning customers found what they needed faster because the system remembered them. And WhatsApp conversations now started with full context: “I see you were looking at the TrailMaster 65L — would you like to know about our current sizes?”

The customer journey didn’t change. The products didn’t change. The prices didn’t change. The only thing that changed was that the journey finally worked across devices.

Another example: a home decor brand we work with saw a similar pattern. Their customers would discover products on Pinterest (mobile), research them on the website (desktop), and then want to purchase on mobile while sitting on the couch. Without cart syncing, they’d lose the cart when switching devices. After implementing cross-device persistence, their mobile conversion rate jumped 34% in two months.

Your Next Step

Here’s what I’d do if I were you: pull up your analytics right now and look at your cross-device behavior. How many of your customers touch more than one device before buying? What happens at each handoff point? Where are they dropping off?

Once you see the data, pick the single highest-impact handoff and fix it. Usually it’s cart syncing or the mobile-to-desktop transition. Fix one thing, measure the impact, and then move to the next. You don’t have to solve the entire journey at once. You just have to stop losing people at the handoffs.

The brands that get this right don’t just have better conversion rates. They have customers who trust them enough to come back. And that trust — built one smooth handoff at a time — is the real competitive advantage.