16 Modern Mobile-Friendly Website Designs That Will Rock Your Day

|

mobile-call-to-action

Have you ever created a mobile site and failed miserably? Maybe the site is not responsive or perhaps it is really difficult to find what your customers were looking for. Or maybe it’s something else….

Whatever the problem was, you may have left to go to another site as a result. Google knows that unhappy website visitors will go elsewhere, thereby increasing bounce rates and decreasing the chances a site will rank on mobile searches. While some of the commotion was certainly a bit extreme, the update was a big deal, is a big deal, and will mean billions in revenue gained or lost in the coming years. This is especially true now that mobile search queries have already begun to surpass desktop.

Many brands across the globe have been working to improve their mobile website experiences. To inspire you on your own mobile web design, in today’s post we have compiled 16 companies that are doing a great job with their mobile optimisation. Let’s take a look at the designs of their mobile websites and go over what makes them so great.

1. Beaglecat

1-beaglecat-mobile-website

With its bold colors and simple design, Beaglecat’s mobile homepage gives visitors a lot of helpful information without seeming overwhelming. With a few quick scrolls, visitors can quickly get an overview of Beaglecat’s mission, the value they provide, and who’s on the team. To learn more about any of these things, you can click on big call-to-action buttons that say things like “More Details” and “Learn More.” Finally, the forms on their pages are really short and easy to fill out on a mobile device.

2. Oakley Hall Hotel

2-oakley-hall-hotel-mobile-website

When you’re looking for a hotel, the top three things you want to see are big pictures of the rooms and spaces, room availability, and pricing information, right? Oakley Hall does a tremendous job capturing the essence of their hotel with big, high-definition images and a mobile-friendly availability feature that leads users to pricing options. They also provide concise but enticing descriptions of their room styles, as well as call-to-action buttons for users who want to learn more about weddings and their exclusive dining club.

3. Impact Branding & Design

3-impact-branding-design-mobile-website

Impact’s mobile site is a great example of blending multiple elements of your value proposition into one, succinct scrolling page. Starting off with easy-to-click buttons, users can learn more about what Impact does and the value they provide — followed by customer testimonials, a graphic on what inbound marketing is, and finally, a big call-to-action button linking to their learning center.

4. Speckyboy

4-speckyboy-mobile-website

Speckyboy is a design blog, so you’d expect a great mobile experience from them, right? Well, they deliver it well. The experience scrolling through Speckyboy’s blog is flawless, including intriguing imagery, article titles in large fonts, and an easy-to-read introductory paragraph teasing each article, which users can click if they want to read the rest. For lead capture, Speckyboy offers a mobile-friendly form that solicits subscribers to their newsletter: All you have to do is enter your email address. Toward the bottom of the homepage, Speckyboy keeps users engaged by offering two separate list of historic blog posts that users can click, including the “Most Popular” and “Recommended.”

5. Landscape Leadership

5-landscape-leadership-mobile-website

One of the first things users see on Landscape’s mobile homepage is a press-to-dial phone number that connects directly to the firm. We love the placement of that call-to-action. The rest of the site then goes on to explain what Landscape specialises in, followed by useful content including blog articles, website links, and large, easy-to-press social media buttons. For visitors who want more information, Landscape provides a large search box near the bottom of the mobile page.

6. SyncShow

6-syncshow-mobile-website

Everything about SyncShow’s mobile website is clear, crisp, and concise. Their mobile homepage immediately offers can’t-miss call-to-action buttons, followed by a full description of their target market, B2B and B2C manufacturing companies. When you scroll down you’ll find succinct explanations of how the manufacturing industry’s changed, which is very relevant for their target audience. You’ll also find a short description of the company’s value proposition and a case study highlighting a recent five times return on customer investment. The pattern here? Short blurbs followed by call-to-action buttons for visitors who want to learn more.

7. NudeAudio

7-nudeaudio-mobile-website

NudeAudio sells portable speakers and their mobile homepage does a great job of providing visitors with exactly what they’re looking for on the website: Striking product imagery coupled with feature details and big call-to-action buttons. They also include product update links that send people directly to their blog, as well as a one-field form where visitors can enter their email address to sign up for the newsletter.

8. Influence & Co.

8-influence-and-company-mobile-website

Near the top of Influence and Co.’s mobile website is this compelling, inviting, and easy-to-understand value proposition: “We work with you to get you published in targeted online publications that showcase your expertise to your exact audience.” They go on to display a visual testimonial from Dell, along with a very short, touch-friendly form for interested prospects to quickly drop off their contact information.

9. 1252 Tapas Bar

9-tapas-bar-mobile-website

What would you want from a tapas bar’s mobile website? If you answered food pictures, a blurb about delicious, locally sourced food, and menus, then you’ll love this website as much as we do. Their full menu is designed to be mobile responsive, so no pinching and zooming is needed. They also tell a charming story about their head chef, Wes Tyler right on the homepage, which gives a welcoming feel to this local restaurant.

While the page has all of the relevant contact information and hours of operation, we love the special offering at the bottom of the page, which highlight 1252’s weekly food-and-drink specials with delicious-sounding descriptions.

10. TrendKite

10-trendkite-mobile-website

TrendKite takes all the good things about desktop websites and puts it on their mobile page. Their homepage starts with an aesthetically pleasing visual above the fold, and then goes on to explain their value proposition and contact information. Keep scrolling, and you’ll be able to click into ebook offers and read more information catered specifically to you, as they separate content “For Brands” and “For PR Agencies.” There are well-positions call-to-action buttons throughout.

11. Dog-a-holics

11-dog-a-holics-mobile-website

Great mobile webpages have a lot of compelling imagery. Dog-a-holics knows to lead with their best K-9 face forward. Following an adorable first picture, visitors can read three, succinct reasons the company loves dogs, which are separated by delightful little icons.Before providing all details on store locations, hours of operation and clickable contact information, Dog-a-holics includes a few humanising details about the company to make them feel closer to the customer: a picture of the founder, and a call-to-action offering visitors the option to join as a “special member” of the store.

12. Rover Labs

12-rover-mobile-website

Rover Labs’ mobile homepage does three things exceptionally well. First, the page tells an easy-to-understand yet compelling story of why they exist and why their target audience needs them. Second, they include some awesome product shots that are really easily digestible on mobile. Finally, the entire experience is clean, brief, and offers users plenty of information along with calls-to-action to learn more.

13. VentureFar

13-venturefar-mobile-website

VentureFar’s mobile website has a difficult goal: They need to convince users to climb Mount Kilimanjaro on a cell phone. What’s impressive about the site is that they actually do a really good job. Starting off with a postcard image of the mountain, they immediately offer users the ability to compare tour-operating prices. (Yes, they know their demographic well.) They also include one of the better mobile responsive charts we’ve seen, which includes a simply designed but detailed chart showing all the tours they offer. Finally, their homepage ends with a short blurb answering frequently asked questions, like “Why Climb?” and “When Should You Go?” Being a remote tour company, VentureFar is also sure to include details on their licenses/verifications and options to book direct.

14. Blue Zone SUP

14-blue-zone-sup-mobile-website

Blue Zone SUP is a stand-up paddle boarding camp in Costa Rica, and after seeing their mobile site, we totally want to go. Their site begins with an enchanting hero image, followed by a quick company description and well-produced video that works really well on mobile. They also show visitors a nice chart they can measure their skill level by on a scale of one to five. This way, when browsing camp dates (which is offered via call-to-action button under their video), visitors will know which weeks are most applicable to their skill level. To showcase more of the company culture, Blue Zone provides links to blog articles and additional imagery.

15. TinyPulse

15-tinypulse-mobile-website

TinyPulse’s mobile homepage is loaded with visuals, including customers from more well known brands and PR features from national publications. Instead of a text-heavy value proposition, the one on their mobile site is visual and concise, and they follow it with a mobile responsive product video.

16. AX Fitness, LLC

16-ax-fitness-mobile-website

AX Fitness wastes no time in showcasing their culture: The very first thing you see when you go to their mobile site is a large picture of a group running a foot ladder workout, along with the phrase (in all caps): “Real People. Serious Fitness.” We commend the focused approach. Keep scrolling, and you’ll immediately see a “first free class” call-to-action button along with a special first month deal. It also includes a few words from the owner, showing visitors her passion and commitment to customers as both a gym owner and fitness enthusiast. From there, users can learn about personal training, group fitness, read blog articles, and get information on exciting, upcoming events.