More than ever, companies are focusing on creating great experiences on mobile websites.
After all, Google has long favored mobile-friendly websites, where it updated its ranking algorithm in April 2015, and then began indexing mobile devices. sites in March 2018.
And this is crucial because there are more Google search queries on smartphones than on desktops and tablets for over a year.
In the future, Google will only continue to raise the bar for what it considers to be compatible with mobile devices (including page loading time) and that it reflects in the bets update of its algorithm. So, if you do not focus on improving your mobile experience, you’d better prioritize it now, otherwise your search ranking might suffer. In addition, javaheritage research revealed that half of US consumers are more connected to their phone than to their computer or tablet.
To help you find ideas for mobile website design, here is a list of 19 companies that have really nailed their mobile Web experience.
Best Mobile Websites
- Google Maps
- Adrian Zumbrunnen
- Elf on the Plate
- Huffington Post
- National Insurance
- Lean Labs
- idig Marketing
is an online service that allows users to create photo albums, personalized cards, stationery, and more. As more and more people take photos and then access them using their smart phones, Shutterfly has recognized the need to create an exceptional mobile experience for its customers – and they’ve got it. book.Shutterfly fulfills two key objectives on its mobile website: It is easy for users to find information about their offers.
When you get to their mobile site, you’ll see the latest Shutterfly promotion in the foreground, as well as a big finger-sized login button for members who come back – which does not interfere with the user experience.
Scroll down, and users will see large buttons that allow users to quickly select the type of product that interests them. Once users have clicked on one of these options, they are greeted with great photos illustrating Shutterfly‘s capabilities for easy navigation.
2. Google Maps
Everyone has their favorite map or guide app. Mine is Google Maps, which I use for walking, driving, cycling or public transport. The peculiarity of their mobile website is that it is virtually impossible to distinguish them from their downloadable mobile application.
The screenshots below are for their mobile website, but if you’re familiar with the app, you’ll notice they look like . exactly the same. Not only is the appearance the same, but the mobile website has the speed and features of the app.
Typeform is a technology company based in Barcelona whose mission is simple: “make funky forms”. Their desktop website is really beautifully designed, welcoming visitors with a succinct copy, high definition videos, relevant animations and other more complex design components.
But they recognized that complex design components such as video and animations could dramatically affect page loading time, among other things. That’s the reason they have actually removed a lot – which has increased the site tenfold and simplified the overall mobile experience. The mobile website is a simplified version of their desktop website, and it is still beautifully designed.
Take note of the big buttons on the menu page, perfect for typing on a mobile. screen.
Etsy is an ecommerce website where people can buy and sell vintage or handmade items. Most shoppers who visit Etsy’s website can do any of the following: they search for a specific item or browse items in categories that interest them.
The mobile website addresses both types of visitors from the very beginning. When you access their mobile website for the first time, you have the option to search for specific items, stores, or categories.
Immediately below the search bar are miniature images of fashionable items that showcase some of the most popular things that you can buy on Etsy. Mobile users can display these trend elements as a collage and the images are large enough to easily tap.
5. Adrian Zumbrunnen
This is the personal website of Adrian Zumbrunnen, UX designer, editor and speaker. When you visit his website, you’ll immediately notice something very special: it’s a conversational website .
This almost sounds like an SMS conversation that you would normally have on your phone – including the ellipsis to show that it is “typing”. Users have two answer options at the end of each exchange. So it’s a bit like an “Choose Your Adventure” experience.
Although the experience of mobile and desktop computers are very similar, the desktop computer website seems to be as before. mainly done for mobile – which could be the direction going in the future.
And if you prefer not to participate in a conversation-type exchange, you can simply do scroll down for more details.
6. Elf on the Shelf
Elf on the Shelf is, relatively speaking, a relatively new Christmas tradition based on a children’s book. If you’re not familiar, here’s the basic premise: The book tells the story of Santa’s scout elves, who are sent by Santa Claus to monitor children in their homes all over the world and report to Santa Claus.
In the book, parents can buy an elf figurine, which they will place in a place in the house where their children can see it. Every night before Christmas, parents move the elf to a different place in their home to “prove” to their children that the scout elves are real and constantly watch them.
When you first arrive on the Elf on the Shelf website, you will find that there are many types of Elf on the Shelf products that you can buy. But instead of forcing users to scroll through each product individually, web designers group each product into a large, eye-catching tile depicting the purpose of each buyer’s trip, with the article featured on the front.
You do not buy your product. own elf or puppy – you are adopting it . It’s a really stimulating experience on such a small screen.
BuzzFeed is a news company known for its viral content and popular quizzes. It’s also one of my favorite sources of entertainment while traveling to and from work.
And where do you think I check BuzzFeed during my travels? You guessed it: on my phone. BuzzFeed knowing that many visitors visit its site on mobile, so they took care to create a pleasant experience for their nomadic readers.
When you first get to BuzzFeed’s mobile website, the first thing to do is you’ll see that some of their most popular content is displayed in a simple, collage-like format, using large, easy-to-use images with the finger.
For users interested in specific categories, a clickable menu located in the upper-left corner of the screen lists the following. set of messages. categories.
Evernote is an application that allows you to store notes, pictures and web articles and then access them on all your devices. Users tend to download the application or access the website on multiple devices, including a desktop computer, a smartphone, and tablets, so it’s essential that Evernote takes full advantage of the technology. mobile experience.
If you check out the Evernote home page on your desktop, notice how clean the design is. Value statements are short and accurate, and graphics add to the brand’s positioning but do not clutter the page.
When you look at Evernote’s mobile website, you may find that they have preserved their color palate and their style of general mark. The company’s mobile website is clean, simple and in no way diminishes the value of the application. The Evernote conversion path is evident from the call to centered action: “Sign up for free.”
9. Huffington Post
The Huffington Post is a well-known media that deals with everything from politics to news, entertainment and technology. What makes their mobile website unique is that they slightly modify their titles for mobile users, so that their content is more easily scannable. home page. The titles are shorter and much easier to assimilate – perfect for readers or readers on a small screen.
As with BuzzFeed, you will find a menu click in the upper-left corner of the screen listing all categories of items.
Express is a clothing store that caters to young men and women. Because their audience often comes to their website to browse clothes, it is important that their website includes large, clear pictures of their clothes – especially on mobile devices, when users have to press items at the same time. screen with their fingers to click. purchase information.
Express goes even further in its mobile experience than most online retail sites. If you slide your finger from left to right on an image representing a garment, it will change so that you can see the clothes in another view. In other words, users do not need to load another page to see multiple images of the same garment.
Look at the top right image in the following two images to see how it changes when you switch to an image. side:
11. Nationwide Insurance
Nationwide Insurance provides insurance and financial services. You may think that a financial company would have a really complicated website, but on mobile, Nationwide Insurance sums up the simple user experience.
When you arrive at the Nationwide mobile site, you will see at the top two tabs allowing you to identify as one of two types of users immediately to personalize your experience: personal or professional. You can also “Find an Agent” or “Find a Financial Advisor” to find out more about their services.
While limiting the experience to these two options excludes the more detailed features of Nationwide, it will experience easier for visitors using smaller screens. It is an excellent technique to guide potential customers in the right direction if they are not yet an account holder and visit the website for the first time.
Squaredot is an agency based in Dublin, Ireland that helps marketers develop their inbound marketing strategies. Their mobile website is colorful, simple and allows easy navigation.
What strikes me most are the visually pleasing color combinations and the three-dimensional texture of their home page, as well as the large clickable dots in the center of
Zappos is an online supplier of shoes and clothing known for its outstanding customer service. Their top priority on mobile is to help users easily search for the items they are looking for on their website. So they have placed a large search bar at the top and bottom of their mobile website to make it extremely easy.
Here is what the top of their mobile site looks like:
ABC is a television broadcasting company known for its popular shows such as “The Bachelorette”, “The Rookie” and “General Hospital.” Users visiting the ABC office website are greeted with these options and more – check out the network’s television schedules, check out the latest Emmy winners, watch some of your shows favorite TV shows or check out the entertainment news related to them.
But because almost every household is now composed of multiple screens, ABC knows that his experience on a mobile device must be both simple and ready to view.
When you visit the ABC website on a mobile device, you’ll see a dark background for a theater-like experience with mosaics for each program. want to broadcast. Users can browse these options and click on the shows of their choice based on genre, alphabetical order, popular and similar categories that you will also find on your TV’s broadcast platform. .
15. Lean Labs
Lean Labs is a marketing agency that creates engaging, responsive and high conversion web solutions. (They were also featured in the hit TV series ABC Shark Tank .) The people of the area are providing great work to provide a seamless experience to their mobile users, especially with regards to their techniques of design and focus that they put on. on their “10x formula” – which is obvious to visitors a few seconds after they arrive on their mobile site.
Notice how Lean Labs’ mobile website uses scale, contrast and font to distinguish certain elements of their page. You can even see the subtle picture of a set of mountains in the background on the website, evoking the heights that your brand can reach as a Lean Labs customer.
And, as explained above, their basic “10x” formula is clearly visible and broken down into easy-to-follow steps for mobile users parading in the home page, with the corresponding icons to associate.
SAP is a business software company that manages business operations and customer relations. The company improves its mobile experience by condensing information, especially in an important video case study, readable from the homepage of a mobile device.
SAP also combines some of their calls for action into sliders, while their desktop website has these CTAs are arranged horizontally. This helps keep things simple so that mobile users are not overwhelmed by a multitude of information at once, and also ensures that no CTA is too small to read.
KISSmetrics provides enterprise analytics software. On their homepage, many information explain what the software does with a testimonial.
But their mobile site is displayed a little differently: on a mobile device, the information on their site is displayed in a list with a dark alternative. and light modules. This allows users to easily browse the page without getting lost in the text.
They also expanded and simplified the text and fields of their forms:
18. idig Marketing
Idig Marketing is a development and communications provider. Their mobile website is designed in much the same way as their desktop website, but I especially enjoyed the way they incorporated the interactive heart icons into their blog so that users could “like” their posts.
This mimics the heart icon “I like” in Instagram and Twitter, easily recognizable by mobile users familiar with these platforms.
IndiaMART is the largest online B2B Marketplace in India and its simple category-based mobile store makes it one of the best mobile websites ever seen in the eCommerce industry.
The company’s mobile home page makes research available. In order for you to search for the item you are looking for, IndiaMART makes it easy to view its digital aisles by sorting each item by item type.
then subtypes within each type of element – a smart move to entice users to further explore your site. Under “Clothing and Apparel”, for example, you have easily clickable tiles to check for more specific categories of clothing, such as men’s clothing, women’s dresses, and even costumes, saris and similar clothing from 39; India.
Under the IndiaMART navigation thumbnails, the company has its own trend section specifically designed for merchandise, such as a list of trend news on social networks. Each category has a call-to-action button that allows users to get quotes for the product they are interested in.
Want more information on how to optimize your business for mobile devices? Download the free mobile marketing kit below.