Strava and MapMyRun are both GPS-based web and mobile tracking services for runners and cyclists.
At a glance, they have similar homepages, designed to explain the concept and coax visitors to sign up.
The respective pages are similarly sized, with large imagery, simple text, top and bottom menus and the aim of quickly informing the user of the service proposition.
And yet, Strava is more effective. How does it do it?
In case the homepages change any time soon, below are screenshots of each as I viewed them. You can click through to visit the homepages. Take a glance and then we’ll crack on.
(click to see at full size)
(Click to see at full size)
Below are word clouds created with all the text on the Strava and MapMyRun homepages.
Whilst this isn’t a scientific method as it doesn’t take account of the styling and sizing of text, I think this shows the difference in clarity and simplicity of the copywriting alone.
Strava appears to concentrate on its brand name, mobile, running and its tagline of ‘proving it’. MapMyRun has more noise and seems to be about signing up, with no other prioritised messages and perhaps an attempt to cram too much into menus on the page..
Strava homepage word cloud
MapMyRun homepage word cloud
I’ve never worked at an agency (as you can tell by the image below), but if I was going to make my own word cloud about the aims of both these homepages, it would look like this.
These are the words I’ll loosely apply to the rest of the respective homepages, and see how they compare.
A simple and genuine homepage allows a brand to effectively carry across its brand message.
I might just throw in one more word cloud here, because I was so impressed by the results when I added the words from Strava’s ‘about’ page to the Wordle word cloud generator. I won’t be discussing this ‘about’ page in further detail but it shows just how defined the branding is across the Strava website. Impressive stuff, focusing on community, dedication, camaraderie, performance.
So, enough clouding around, what about how these words are put together on the Strava and MapMyRun homepages? It’s not just the frequency of words that are important (who has read Italo Calvino’s ‘If On a Winter’s Night a Traveller’? There’s a character that believes the worthiness of a book can be assessed merely by ranking words used in greatest frequency).
Here’s a good example using some explanatory text given similar prominence on each website.
- Strava: ‘Track your progress and challenge your friends.’
- MapMyRun: ‘You pound the pavement, we provide the motivation.’
Strava is more effective here as it conveys much more with one word fewer than MapMyRun. The MapMyRun line is actually quite ambiguous, which you could say is the also case with Strava’s ‘track your progress’. However, the user is more likely to relate to the Strava line as she can map her own hopes and goals to it, whereas ‘we provide the motivation’ is about the service MapMyRun provides, not what the user wants to achieve. Placing yourself in the user’s shoes is important when writing compelling copy to illustrate the benefits of a service.
‘Challenge your friends’ is again playing directly to the user’s wants. Here’s another example:
- Strava: ’See your map, stats and personal records.’
- MapMyRun: ‘Plan each stride and learn from every route with MapMyRun.’
Strava’s copy is again very simple and more powerful for it. What it conveys is that the service will provide you with lots of data, and all you have to do is run (or cycle).
MapMyRun uses the word ‘plan’. The user doesn’t want to plan, she wants to run and let a service take care of everything else. Even if she needs to plan, this aspect needs to be described as more of a benefit, e.g. ‘discover the best routes and track your progress’.
We’ll look at more examples of copywriting a bit later.
2. Call to action
Such a simple point, but note the obvious difference here.
MapMyRun: ‘Sign up with Facebook’, ‘Sign up with email’.
Strava: ‘Sign up for free’.
Yep, both services are freemium but only Strava realises that ‘free’ is a massive incentive when attracting users who may be dipping a toe in the water.
Although MapMyRun has bigger CTAs, this may have the effect of scaring the user off, whereas Strava practices the softer signup.
The sign-up pages, when you get to them, are remarkably similar, but I’d posit that Strava’s call to action is clicked by a higher proportion of first time visitors.
(N.B. Here are some tips on ecommerce calls to action)
3. Effective visualisation.
Look at this extreme simplification of how Strava works, taken from its homepage.
(Click to see full size)
On the MayMyRun homepage there is no simplified ‘How it works’ section, just a rather laborious, text-heavy listing of features and a slightly ambiguous bit of copywriting, both shown below. The features are good, and should be made more of in the larger copy further up the page.
Note, despite this copywriting being poor at quickly and simply explaining the service, it is one of the few areas where the service is described as free.
(click to see full size)
Strava does this tagline copy better, too. Which leads us to..
3. Slideshow and repetition
A slideshow or carousel can be very effective for driving home a message. Strava uses its homepage slideshow for variations on its theme of ‘proof’ (prove it, prove your story, prove your efforts, prove to others and prove to yourself).
Each slide includes a brief piece of copy design to inspire and motivate users. There’s always a call to action of ‘Sign up for free’.
MapMyRun has a static homepage that doesn’t effectively mirror the dynamism of the cyclists and runners that will be landing on the page.
4. ‘Real’ imagery
Check out that shot again, above. You can click to see the full size version. The lady on the bike looks real.
Here’s the image on the MapMyRun homepage, below. Not even breaking a sweat, obviously a catalogue style shoot. Users will not respond emotionally to this fakery. Maybe it is a real image, but the way it’s lit looks more ethereal than gritty and determined.
5. Big clickable images
On the picure above showing MapMyRun’s lsit of features, the user can only click some anchor text. Below you can see some links away to other parts of the Strava site and experience. The entire images are clickable here, which is more intuitive for the user.
OK, both these services have apps, but as mobile first services, their websites should ideally be responsively designed. Strava’s is and MapMyRun’s isn’t.
7. White space and clearer text
I’ve talked about white space in email templates before. I think it’s underused in web design. It sets the Strava homepage apart as cleaner and crisper than MapMyRun. Crisp like a morning run.
And black text works a lot better on a white background than dark grey on light grey.
If you disagree, or have any further thoughts, let me know. When it comes to conversion rate optimisation, of course, all the above must be tested, but I thought I’d tell it like I see it, and see if you agree.