Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Assessment: Website Performance Assessment

Start the Assessment
... Inbound Marketing Web Design
Close
website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
Website Performance Assessment
Free Website Course
View Website Performance Assessment
website performance assessment start

Free Assessment:

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

Why These 6 Mobile Home Pages Have Great UX

By Christine Austin

Christine Austin also recommends this free website performance assessment.

Why These 6 Mobile Home Pages Have Great UX

best-mobile-websites-article

So you’ve optimized your homepage perfectly for your desktop users. It has a lean layout, creative and clean content, precise SEO, and is complete with all the bells and whistles.

Excellent, you’ve successfully optimized your website for 50% of your users, but what about that other half?

Free Assessment: Website Performance Assessment

Google found that between June and November of 2014, 48% of its users came from a mobile device, imagine the impact if they had chosen not to optimize their site for these users.

But it can be hard to figure out how to change your layout in order to optimize it for your users. How do you know what’s best for them? What isn’t necessary to show on mobile? What can be condensed?

To help spark some inspiration and creativity into your mobile website design, here’s a list of ten companies who got their mobile experience right for their users.

RetailMeNot

RetailMeNot specializes in organizing promo codes, coupons, and sales events for a variety of stores and companies both online and off.

RetailMeNot manages to keep their mobile website fairly similar to its desktop version, making the website much easier to figure out for those who are frequent users of their site.

If you look at the mobile website alone, you can see how they managed to condense the dual menu they had so it only displays their two highest priority buttons (coupons and halloween) while hiding everything else in the hamburger menu.

retailmenot

 As you scroll down, the website still keeps it’s most popular deals towards the top with vibrant images to draw attention to them, while trending deals are smaller and less elaborate.

Other popular deals are lower down on the page and are easily accessible if the user wants to look through them. Otherwise, they can always search for specific deals on their own via the search bar.

Bloomberg Business

If your home page is plagued with a lot of content and sections it can be incredibly difficult to decide how to rearrange everything and determine what content to hide.

But don’t let your websites complexity intimidate you, instead, take a look at Bloomberg Business website for some insight on how to handle it.

 
bloombergbusiness
 
 
 

Bloomberg Business’s desktop website has a heavy navbar, a few sidebars, and several sections leading to different blog articles and blog topics.

On mobile, they manage to condense the navbar into specific sections with related subsections, remove their sidebars, and display only today’s top articles first with a continuation of other current articles separated below them.

They also manage to give an appropriate amount of spacing between each section and the items within it, making each element more legible and digestible for the user overall.

Treehouse

Treehouse is a website that focuses on teaching people how to code in a variety of different languages. While you probably wouldn’t be taking these courses on a mobile device, that doesn’t stop them from developing a responsive layout for those viewing their website on this platform.

Treehouse’s layout is already fairly lean and flows nicely, so their transition to a mobile site has stayed consistent with their desktop websites style, but with some added functionality on mobile.

One area you can see this is with their mobile menu which slides in from the right side, moving the rest of the website with it so you can focus on the navigation.

treehouse

Another area of functionality is the “track”, “project”, and “topic” tabs under the “Choose how you want to learn” section.

On desktop, the content will simply change depending on what you click on, but on mobile, the page will scroll down to the area after you click one of the tabs to indicate where the updated content is.  This is an excellent way to draw attention to sections that may change dynamically based on the user's actions, allowing them to see content that they may not initially see on a smaller device.

Reddit

Reddit is currently in beta for their new mobile website which they hope will offer a better experience for those on mobile devices.

In comparison to the desktop site, their new mobile version manages to clean up their entire navigation so that everything is condensed under four icons.

Another interesting feature they currently have is the option to toggle between displaying the posts in list or compact view. Giving users this option not only enables them to choose what works best for their device, but also what resonates better with them.

reddit

Toyota 

Toyota is a model website when it comes to choosing what content you do and don't need to display to your mobile users and how to recreate the layout based upon what’s remaining.

Besides the navigation, the first time you notice a change is above the fold; the subheader disappears to add more focus on the value propositions and buttons.

As you continue scrolling, you come to the “What’s happening in Toyota” section, which was also condensed to three posts with a ‘view more’ button from the eleven they had on the desktop page.

toyota

Toyota even choose to get rid their footer, most likely due to the fact that it makes the page unnecessarily long on a smaller device.

Riverbed Technology's

As a booming tech company, it’s no surprise that Riverbed has created an ideal experience for its users browsing their website on mobile.

First, their sidebar navigation on desktop transforms into a clean mobile menu which you can always access via the sticky navbar regardless of where you scroll.

riverhead

Riverbed also does a clean job of optimizing the contents font sizes, clearly taking into account the length of content when choosing the new sizes.

Despite also displaying on the desktop site, the arrow in the bottom right hand corner that appears as you scroll, can bring you back up to the top of the page. This is a nice touch to get users to return to the top of the page quickly and efficiently.

Download The Complete Website Redesign Guide

Fill out the form below for tips on how to design a website that generates results

10 Focus Areas for Your next Website Redesign
website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
website performance assessment start

Free Assessment:

Website Performance Assessment

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

Topics:

Web Design
Published on October 6, 2015

Recent Articles

4 Ways To Recession-proof Your Website In 2022
June 9, 2022 • 5 min read
23 of the Best Examples of Business Blog Design
May 30, 2022 • 13 min read
5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)
May 16, 2022 • 8 min read
8 Best Content Management Systems for Digital Marketing in 2022
March 22, 2022 • 9 min read
How Much Does a Website Design or Redesign Cost in 2022?
March 8, 2022 • 9 min read
Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful
February 22, 2022 • 17 min read
Your 2022 Website Strategy Must Include These 6 Things
February 15, 2022 • 9 min read
11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage Design Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2022)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read