NEWS

5 Examples of Awesome Mobile Landing Pages

Published

3 years ago

July 13, 2021

Entireweb News Bot

5 Examples of Awesome Mobile Landing Pages

Mobile landing pages must perform at their absolute best.

Slow loading, clunky design, and poor user experience all drive down search rankings and conversions.

So who’s doing it right — and what can you learn from them to improve your own mobile landing page performance?

In this column, learn how to turn mobile landing pages into sales and lead generation machines.

1. ASPCA Makes It Easy to Convert on Mobile

Creating a mobile web page that is easy for visitors to make a purchase seems like a no-brainer.

Designing a web page that is intuitive for users to navigate to the content they want is also important.

Many landing pages seem to be able to do one or the other but doing both can be tricky. This is especially true when the landing page is the home page, where it’s extra difficult to optimize for a sale.

The ASPCA home page is a great example of balancing the needs of site visitors while optimizing for conversions.

In the example below, the menu and search bar are tucked at the top of the page. But the donate button is front and center; it’s hard to miss.

The orange background immediately catches your eye and the one-word call to action, donate, is written in all caps.

ASPCA mobile landing page.

The ASPCA mobile home page is a great example of making it super easy for a site visitor to perform a conversion action (donate) while also conveniently providing search and menu navigation.

It’s a perfect blend of serving the visitor and making it easy to check out with a donation.

Los Angeles, California based PPC expert Kenny Hyder offered this insight:

“It’s always been true, but even more so on mobile: you need to make your offering easy to purchase with as few clicks and forms as possible.

Remove any barrier to your add to cart process that isn’t necessary.

Also, as soon as a user adds to cart, you need to immediately give them the option to check out, and you need to make it even easier to pay.”

Top Factors That Make It Easy to Buy

Easy to purchase in the fewest number of clicks and forms.
Remove barriers to add to cart.
Add to cart should trigger option to check out.
Payment process should be easy.

2. Check Out Peacock’s Goal-Focused Landing Page

Back to the home page as a landing page — the best way to improve that scenario, apart from promoting a more appropriate inner page, is to make the home page clearly focus on a goal.

The Peacock TV landing page is a great example of how to handle a home page/landing page. One notable aspect of the Peacock TV landing page is its lack of clutter.

Peacock Mobile Landing Page

The next notable factor is how goal-oriented the page is above the fold.

There are two goals for the Peacock TV home page:

Join Peacock TV as a customer.
Log in to the service.

That’s all.

Nothing about multiple plans. Nothing about what shows they offer.

It’s a beautiful example of a goal-focused mobile landing page.

The prominent message on the page is:

“Watch Peacock for Free or Unlock Everything with Peacock Premium. Only $4.99/Month.”

The words used on that page are so concise they could effectively be used as a PPC advertisement.

There’s more that can be said about this home page but for right now, the key insight about that page is that it does not waste words or screen space.

I showed the Peacock.com mobile landing page to Kenny Hyder. He smiled and commented on the efficient use of space and how it doesn’t require scrolling.

He said:

“That’s an efficient use of real estate. On mobile, users are very familiar with both horizontal and vertical scroll. But scroll fatigue is still a real thing.

Use your mobile screen real estate wisely.”

3. Kayak.com: Easy Tap Targets on Pages That Look Like Apps

Another feature of great mobile landing pages is the ability for consumers to see where they need to tap to get what they want.

Easy tap targets contribute to the success of goal-focused landing pages and they make them easy to buy.

Kayak.com Mobile Landing Page

I asked Cindy Krum, founder of the online mobile benchmarking software MobileMoxie, about the Kayak.com landing page.

She agreed that it was ideal:

“Yes, make buttons bigger than your designer wants to. The design should feel more like an app, rather than a website that has been shrunk down to fit.”

That’s a great description of the Kayak.com landing page, which does indeed look like a mobile app and not a shrunken-down desktop site.

4. Lyft Captures Attention with High Contrast Buttons

A call to action that contrasts with the rest of the page is an oldie but goodie. Buttons that called attention to themselves were well known by affiliate marketers for helping to drive conversions.

Snarky affiliate marketers in the early 2000s remarked that if you want the monkey to press the buy button, color it a garish yellow and make it as big as you can.

The same effect can be achieved by using buttons that scream for attention just with color choice. The actual color doesn’t matter as much as the contrast.

Read: Ugly Sites Sell

Colors can be categorized as cool and hot. If the page features predominantly cool colors, make the call to action a hot color (and vice versa).

This is important for buttons and encapsulated calls to action. An encapsulated call to action is one within a colored box that contrasts within its surroundings.

5. Walmart’s Mobile Landing Page Has a Persistent Buy Button

As mentioned earlier, a key to improving conversions is to make it as easy as possible for a consumer to make a purchase.

But that’s not always easy to do on a mobile ecommerce site.

Many ecommerce sites force users to scroll past product images and dropdowns for making selections, then scroll a little more to find the button for making a purchase.

Not so at Walmart.com.

Walmart has a persistent buy button that stays glued to the bottom of the mobile screen.

A consumer can scroll up and down, making selections and viewing product images, and the Add to Cart button remains fixed to the bottom of the mobile screen.

Consumers don’t need to become frustrated scrolling around on a web page trying to figure out how to buy something. The buy button is always front and center.

This is a great solution for both the consumer and the store.

It’s surprising that more stores don’t do this. Adding a persistent button is simple to do with a minimal amount of CSS work.

Mobile Landing Pages Can Be Conversion Machines

The mobile format at first seems like a limitation — but it’s not.

With the right keys, mobile can open doors to as many or more sales as what can be achieved on a desktop computer.

If there’s a single overarching key takeaway, it’s this — do not make landing pages that resemble scaled-down desktop sites. Create mobile landing pages that behave, resemble, and function more like mobile apps instead.

More Resources:

Image Credits

Featured image created by author
All screenshots taken by author, April 2021

Searchenginejournal.com

Related Topics:Digital Experience Web Development

Up Next

Twitter now lets you limit who can reply to a tweet after the fact

Don't Miss

Changes to Infrastructure May Trigger Indexing Drop via @sejournal, @martinibuster

NEWS

OpenAI Introduces Fine-Tuning for GPT-4 and Enabling Customized AI Models

Published

3 weeks ago

August 21, 2024

Max

OpenAI Introduces Fine-Tuning for GPT-4 and Enabling Customized AI Models

OpenAI has today announced the release of fine-tuning capabilities for its flagship GPT-4 large language model, marking a significant milestone in the AI landscape. This new functionality empowers developers to create tailored versions of GPT-4 to suit specialized use cases, enhancing the model’s utility across various industries.

Fine-tuning has long been a desired feature for developers who require more control over AI behavior, and with this update, OpenAI delivers on that demand. The ability to fine-tune GPT-4 allows businesses and developers to refine the model’s responses to better align with specific requirements, whether for customer service, content generation, technical support, or other unique applications.

Why Fine-Tuning Matters

GPT-4 is a very flexible model that can handle many different tasks. However, some businesses and developers need more specialized AI that matches their specific language, style, and needs. Fine-tuning helps with this by letting them adjust GPT-4 using custom data. For example, companies can train a fine-tuned model to keep a consistent brand tone or focus on industry-specific language.

Fine-tuning also offers improvements in areas like response accuracy and context comprehension. For use cases where nuanced understanding or specialized knowledge is crucial, this can be a game-changer. Models can be taught to better grasp intricate details, improving their effectiveness in sectors such as legal analysis, medical advice, or technical writing.

Key Features of GPT-4 Fine-Tuning

The fine-tuning process leverages OpenAI’s established tools, but now it is optimized for GPT-4’s advanced architecture. Notable features include:

Enhanced Customization: Developers can precisely influence the model’s behavior and knowledge base.
Consistency in Output: Fine-tuned models can be made to maintain consistent formatting, tone, or responses, essential for professional applications.
Higher Efficiency: Compared to training models from scratch, fine-tuning GPT-4 allows organizations to deploy sophisticated AI with reduced time and computational cost.

Additionally, OpenAI has emphasized ease of use with this feature. The fine-tuning workflow is designed to be accessible even to teams with limited AI experience, reducing barriers to customization. For more advanced users, OpenAI provides granular control options to achieve highly specialized outputs.

Implications for the Future

The launch of fine-tuning capabilities for GPT-4 signals a broader shift toward more user-centric AI development. As businesses increasingly adopt AI, the demand for models that can cater to specific business needs, without compromising on performance, will continue to grow. OpenAI’s move positions GPT-4 as a flexible and adaptable tool that can be refined to deliver optimal value in any given scenario.

By offering fine-tuning, OpenAI not only enhances GPT-4’s appeal but also reinforces the model’s role as a leading AI solution across diverse sectors. From startups seeking to automate niche tasks to large enterprises looking to scale intelligent systems, GPT-4’s fine-tuning capability provides a powerful resource for driving innovation.

OpenAI announced that fine-tuning GPT-4o will cost $25 for every million tokens used during training. After the model is set up, it will cost $3.75 per million input tokens and $15 per million output tokens. To help developers get started, OpenAI is offering 1 million free training tokens per day for GPT-4o and 2 million free tokens per day for GPT-4o mini until September 23. This makes it easier for developers to try out the fine-tuning service.

As AI continues to evolve, OpenAI’s focus on customization and adaptability with GPT-4 represents a critical step in making advanced AI accessible, scalable, and more aligned with real-world applications. This new capability is expected to accelerate the adoption of AI across industries, creating a new wave of AI-driven solutions tailored to specific challenges and opportunities.

GOOGLE

This Week in Search News: Simple and Easy-to-Read Update

Published

2 months ago

June 30, 2024

Entireweb News Bot

This Week in Search News: Simple and Easy-to-Read Update

Here’s what happened in the world of Google and search engines this week:

1. Google’s June 2024 Spam Update

Google finished rolling out its June 2024 spam update over a period of seven days. This update aims to reduce spammy content in search results.

2. Changes to Google Search Interface

Google has removed the continuous scroll feature for search results. Instead, it’s back to the old system of pages.

3. New Features and Tests

Link Cards: Google is testing link cards at the top of AI-generated overviews.
Health Overviews: There are more AI-generated health overviews showing up in search results.
Local Panels: Google is testing AI overviews in local information panels.

4. Search Rankings and Quality

Improving Rankings: Google said it can improve its search ranking system but will only do so on a large scale.
Measuring Quality: Google’s Elizabeth Tucker shared how they measure search quality.

5. Advice for Content Creators

Brand Names in Reviews: Google advises not to avoid mentioning brand names in review content.
Fixing 404 Pages: Google explained when it’s important to fix 404 error pages.

6. New Search Features in Google Chrome

Google Chrome for mobile devices has added several new search features to enhance user experience.

7. New Tests and Features in Google Search

Credit Card Widget: Google is testing a new widget for credit card information in search results.
Sliding Search Results: When making a new search query, the results might slide to the right.

8. Bing’s New Feature

Bing is now using AI to write “People Also Ask” questions in search results.

9. Local Search Ranking Factors

Menu items and popular times might be factors that influence local search rankings on Google.

10. Google Ads Updates

Query Matching and Brand Controls: Google Ads updated its query matching and brand controls, and advertisers are happy with these changes.
Lead Credits: Google will automate lead credits for Local Service Ads. Google says this is a good change, but some advertisers are worried.
tROAS Insights Box: Google Ads is testing a new insights box for tROAS (Target Return on Ad Spend) in Performance Max and Standard Shopping campaigns.
WordPress Tag Code: There is a new conversion code for Google Ads on WordPress sites.

These updates highlight how Google and other search engines are continuously evolving to improve user experience and provide better advertising tools.

FACEBOOK

Facebook Faces Yet Another Outage: Platform Encounters Technical Issues Again

Published

6 months ago

March 20, 2024

Max

Uppdated: It seems that today’s issues with Facebook haven’t affected as many users as the last time. A smaller group of people appears to be impacted this time around, which is a relief compared to the larger incident before. Nevertheless, it’s still frustrating for those affected, and hopefully, the issues will be resolved soon by the Facebook team.

Facebook had another problem today (March 20, 2024). According to Downdetector, a website that shows when other websites are not working, many people had trouble using Facebook.

This isn’t the first time Facebook has had issues. Just a little while ago, there was another problem that stopped people from using the site. Today, when people tried to use Facebook, it didn’t work like it should. People couldn’t see their friends’ posts, and sometimes the website wouldn’t even load.

Downdetector, which watches out for problems on websites, showed that lots of people were having trouble with Facebook. People from all over the world said they couldn’t use the site, and they were not happy about it.

When websites like Facebook have problems, it affects a lot of people. It’s not just about not being able to see posts or chat with friends. It can also impact businesses that use Facebook to reach customers.

Since Facebook owns Messenger and Instagram, the problems with Facebook also meant that people had trouble using these apps. It made the situation even more frustrating for many users, who rely on these apps to stay connected with others.

During this recent problem, one thing is obvious: the internet is always changing, and even big websites like Facebook can have problems. While people wait for Facebook to fix the issue, it shows us how easily things online can go wrong. It’s a good reminder that we should have backup plans for staying connected online, just in case something like this happens again.