Building a Mobile Web Strategy From Scratch
A step-by-step approach to deciding between responsive design, a separate mobile site or an app, and shipping it based on what worked this year.
Mobile traffic has climbed fast enough this year that “we’ll deal with mobile eventually” has stopped being a viable position for most businesses. What it hasn’t produced is agreement on the right approach, responsive design, a separate mobile-specific site or a dedicated app all have real advocates. Here’s a practical build order for getting from nothing to a working mobile strategy.
Step 1: Find out how much of your traffic is already mobile
Before deciding anything, pull device-segment data from your analytics. A business seeing 10% mobile traffic has a different problem than one seeing 40%, and the split by conversion rate matters just as much as the split by visits: a lot of sites see mobile visitors browsing heavily but converting on desktop, which changes what “fixing mobile” should even prioritize.
Step 2: Choose responsive, separate mobile site or app, deliberately
Google has been explicit since last year that it prefers responsive design, a single set of pages that reflow for any screen size, over maintaining a separate “m.” site with duplicate content and its own URL structure. Responsive means one codebase and no duplicate-content headaches; a separate mobile site can be faster to launch narrowly but doubles your maintenance burden going forward; an app makes sense only if there’s a genuine ongoing-use case, not as a default. For most businesses without a specific reason to choose otherwise, responsive is the pragmatic default this year.
Step 3: Rework navigation for a thumb, not a mouse
Desktop navigation menus, dropdown after dropdown, dense horizontal menus, don’t translate to a touchscreen. Cut the primary navigation down to what matters on a small screen, and make sure buttons and links are big enough and far enough apart to tap accurately with a thumb, not a cursor.
Step 4: Cut page weight aggressively
A meaningful share of mobile visitors are still on 3G connections this year, not fast home Wi-Fi, so a page built assuming broadband speed will feel broken on a phone even if it renders correctly. Compress images, trim unnecessary scripts and treat load time on mobile as a separate, harder target than load time on desktop.
Step 5: Rebuild forms and checkout for a small screen and a thumb keyboard
Long forms with small input fields are where mobile conversion quietly dies. Reduce fields to the minimum needed, use input types that trigger the right keyboard (numeric for phone numbers, email for email fields), and make sure a “buy” or “submit” button is never hidden below the fold on a phone screen.
Step 6: Test on actual devices
Resizing a desktop browser window is not the same as testing on an actual iPhone, an actual budget Android phone and whatever other screen sizes make up a meaningful share of your visitors. Real devices reveal real problems, slow rendering, awkward tap targets, text that’s technically legible but unpleasant to read, that a resized browser window hides.
Step 7: Measure the mobile conversion rate specifically, before and after
The whole point of doing this work is a measurable improvement in mobile conversion, not just a subjective sense that the site “looks better” on a phone now. Set a baseline before you start, and hold the finished work to that number rather than to a gut feeling.
Built in that order, a mobile strategy stops being a redesign project and becomes a series of specific, testable improvements, which is a much easier thing to finish.
More on Marketing Strategy, or browse everything from 2013.
