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 Course: Elements of a Great They Ask, You Answer Website

Start the Course 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.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer?

What is <span>They Ask, You Answer?</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
learning_center_grey__Free Courses and Certifications.svg

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
... Inbound Marketing Web Design
Close
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website
Start the Course
Elements of a Great They Ask, You Answer Website
Free Website Course
View Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

5 Mobile Website Examples that are Breaking the Mold

By Christine Austin

Christine Austin also recommends this free course, Elements of a Great They Ask, You Answer Website.

5 Mobile Website Examples that are Breaking the Mold Blog Feature

mobile-featured

The rise of mobile browsing has taken the internet by storm and could come across as a terrifying trend for those who don’t have a responsive site for their mobile users.

While this may seem like a conundrum, we should be embracing our new found mobile users. They require us to think even more critically about how our websites UX should translate from desktop to mobile.

Free Course: Elements of a Great They Ask, You Answer Website

Some current website may not scale down well enough for mobile users due to design, layout, information architecture, content length, and/or functionality.

But just because parts of the site don’t fit the mobile “mold” right away,  doesn’t mean you should give up on optimizing for it.

Abandoning these users may feel like it will make your life easier, but you need to understand that their experience is just as important as their desktop counterparts (especially when you consider that tablet users spend 50% more moolah than PC users).

To help jumpstart your creative juices, check out these 5 sites who hit the nail on the head when they redesigned their mobile websites.

Breaking News

Breaking News understands exactly how today’s users like to receive their information: quickly, easily, and with minimal distractions. They opted to display all the current news around the world in short twitter posts for quick reading, and gave users the ability to retweet the information by clicking the chat bubble icon next to each post.

If instead, you’re looking to search for a specific topic, the mobile menu allows you to filter by categories or by keywords. You can even ‘mute’, or hide, topics you have no interest in. Each of these options allows users to easily sift through the content so they can quickly separate what they want to read, enhancing their experience on the site.  As it is, 61% of users have a better opinion of brands when offered a good mobile experience.

BreakingNews-Mobile

What I found most remarkable on this mobile site was the integration of Google Maps. It  highlights specific geographic locations around the world where different news stories are occurring. When you click any of the bubbles on the map, the feed on the homepage changes to represent news stories taking place in the surrounding area.

breaking-news-map

Samsung

As a company who’s constantly on top of digital innovation, it’s no surprise Samsung's website complements its tech-savvy users.

Since Samsung's website is part eCommerce, it’s imperative that they properly optimize their site for mobile users in order to increase the likelihood of a purchase from them on a mobile device.

Samsung

Samsung’s mobile site does not disappoint. On the product category pages, the long list of products condenses into small sliders.  Product options (such as screen size, colors, etc.) are transformed into a option table which, when clicked on, leads to Samsung’s online store displaying products matching what the user clicked on.

Even the checkout process has been formatted so the steps you need to complete are clear. You can also track what stage of checkout you’re at by following the progress bar along the top of the page. The information within each step is also clearly labeled and given appropriate spacing so users can easily read what they are doing and clearly understand what they need to do next to complete the purchase.

Samsung-checkout

Mashable

News websites like Mashable can be a real struggle to optimize for mobile devices due to the issue of condensing an abundance of information traditionally displayed on a desktop down to fit a smaller viewport.


But Mashable didn’t let that challenge stop them. They strategically took their beefy desktop navbar and narrowed it down to show only the topics without their respective drop down menus.

mashable-combined

The news posts themselves are easily readable for those on a smaller device since there is no longer a large sidebar taking up screen space. The navbar now follows the user down the page with options to share or tweet the article at any time, instead of making them scroll back up to the top where the options exist by default.

mashable-article

UGG Australia

With winter around the corner (too soon?) now’s the best time to start stocking up on winter attire, and what better place to look than UGG.

Their website's already visual nature, made for an easy transition to mobile. The lack of readable content, short descriptions, and abundance of images makes their offerings easily understood.

Ugg-Australia

I also can’t help but enjoy the functionality of their navbar which consists of only four icons. Their mobile menu is beautifully organized and still keeps its drop down menus which can be easily closed using the respective ‘X’ icons. If you want to check your account information,  you can click the person icon and open up everything in a slide in tab regardless of what page you are on rather than redirecting you to a separate page.

ugg-combined

Hewlett Packard

HP is another tech giant who has all their bells and whistles on their mobile site while still continuing to keep the experience it offers consistent.

The abundance of images across the site are all significantly sized down to not overwhelm the user on their smaller screens. And since many of these images are on the product pages, HP gives users the option to ‘collapse’ some of the images which ultimately helps shorten the page.

 

hp-combined

Like Samsung's online mobile store, HP has also optimized its online store so you can easily view each product and their descriptions one by one. There’s also the option to filter at the top which you can choose to expand or hide since it takes up a fair amount of the viewport when open. Their checkout process also has a clear step by step process despite the multiple steps needed to complete it.

hp-3-images

 

 

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
Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

Topics:

Web Design
Marketing Strategy
Published on November 4, 2015

Recent Articles

11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage 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
5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)
October 14, 2021 • 7 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 2021)
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
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read
Google June 2021 core update live, July core update coming
June 4, 2021 • 3 min read
Google's June page experience core update will be mobile first, then desktop
May 21, 2021 • 3 min read