Articles

20 Best New Sites, October 2021

,

We’re well on our way to Hallowe’en already, and it’s time for another collection of websites that have caught our eye.

It’s a mixed bag of candy this month, but nothing that should make you scream with fright. Enjoy!

Tether

This single-page site for forthcoming cycle safety system Tether uses a balanced combination of hero video and illustration to explain its features.

Wayfinder 

Wayfinder is a game about our connection to nature that uses generative code, artificial intelligence, machine learning, and data mining to create a new experience each time it is played.

Beechhouse

Beechhouse has a clean, airy feel, with subtle scrolling animation. For a tattoo studio, the overall feel is refreshingly light, without a rose-filled skull to be seen.

edenspiekermann_ 

This is how you do a portfolio site with absolute confidence.

Forward Festival 

Forward Festival is a series of creative conferences run by Forward Creatives design agency. This is an excellent example of a classic magazine site with enough individuality to pull the user in and keep them engaged.

Danmarks Motionsuge 

Denmark’s Exercise Week focuses on a national campaign (in Denmark) to get Danish people to be more active. A fresh color scheme, offset grid, and strong photography all create a dynamic feel. And it is somehow reassuring to the rest of us that even the second happiest population in the world needs to exercise more.

Franco Maria Ricci 

Because we have come to expect load times to be almost nothing, loading screens are not something too many sites bother with. However, this site for publisher Franco Maria Ricci is a pleasing exception.

Pierre Yovanovitch 

Stylishly curated portfolio and catalog site for interior and furniture designer Pierre Yovanovitch.

Gir

Silicone spatulas are probably not the first subject most of us fantasize about designing a site for, but that’s what makes this site for Gir extra good. The ‘add to cart’ footer widget on individual product pages is done well, making sure a buy button is always present but without being over pushy.

Gastronomical 

Bright, bold, and in your face, this site for Gastronomical pancake and waffle mix is about as far from Betty Crocker as it could get, bringing ‘cool’ to home baking.

FC XV

Marking 15 years of Dutch fashion brand Fabienne Chapot, this microsite makes a feature of the illustration style used by the brand for its prints.

Websmith Studio

This is a good, simple portfolio site with good use of color to highlight, and the background noise effect adds subtle interest. Good name too.

Van Gogh Museum

This is definitely one of the better museum websites around. The use of color creates warmth without detracting from the sense of space. The ability to search the collection visually is a welcome feature.

Chérie Healey 

Life coach Chérie Healey’s site manages to stay on the right side of positive and uplifting without tipping over into hippy meme territory.

Kalso 

To mark the launch of the new Earth Shoes website, this microsite traces the history of the original Kalso Earth shoes, starting with their inventor Anne Kalsø herself.

The Order of the Good Death 

The Order of the Good Death is aimed at changing attitudes around a subject that most of us find extremely difficult, in a way that is informative and at the same time appealing. The tone of the content is as essential here as the visual style.

Air Company 

The use of split-screen works well here for Air Company, to show now and future, along with some great photography and video.

Wild Fi 

Wild Fi design agency’s site manages to be colorful but clean at the same time. Bold type and a balance between black on white and white on black make an impact.

Firefly 

This site for Firefly digital design agency has some great little details, notably a glow around the cursor.

StudioBand 

Dark neutral colors provide a calm, muted background for video and photography of work in StudioBand’s portfolio site redesign.

Source

The post 20 Best New Sites, October 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

7 Simple Ways to Boost Your Website’s CX

,

Many markets are saturated with competition; it’s no surprise that customers are expecting top-of-the-line experiences. Businesses must keep up with these ever-changing demands to remain competitive and drive forward.

One way to ensure customers have positive experiences is to take a look at your website. Your website is like your digital headquarters, where customers can browse through products or services, have frequently asked questions answered, and be able to reach you if they need direct support.

Making a site user-friendly and customer-centric will assist businesses while they work to build a loyal customer base. Customer happiness is more important now than ever and has the potential to make or break your business. We all know that happier customers spend more, and delighted customers will always come back for more.

Let’s explore some ways you can level up the customer experience on your website to foster customer loyalty and retention, as well as garner brand advocates for your business.

How Important Is CX?

As a site manager, your goal should be to meet customers’ needs. Creating a website is no simple task but can transform CX (customer experience).

Suppose a customer visits your site only to see a buffering symbol or a lag on their desktop or mobile device. This wouldn’t make for a positive experience, would it?

When customers have to spend extra time navigating your website to find what they’re looking for, it can directly lead to site abandonment, where customers leave the site before browsing. It’s vital to consistently monitor your website metrics to see if abandonment rates impact your overall traffic.

Customers who have enjoyable experiences browsing through your site are more likely to appreciate your brand and strongly consider purchasing whatever offerings you have.

Additionally, positive customer reviews can help your business gain new customers — word-of-mouth marketing is still relevant in 2021’s digital marketing landscape. Earning those 5-star reviews can help other potential customers see that they too could have a positive experience with your brand.

As you can see, CX is just as important as the products or services you offer, so keep that in mind as you set out on the journey to improve your website to advocate for your customer base.

Below, we’ll cover some of the most important elements and features of a strong business site so you can implement them.

Valuable Features to Include on Your Website

The features of your website are the foundation of your business. One of the best parts of building a killer website is that you can get as creative as you’d like with all of the features at your disposal.

Whether you use WordPress or another platform to host your website, you can always explore other paid services or offerings online to bring your site to the next level.

For example, the WooCommerce WordPress extension allows e-commerce sites to improve the overall appearance of their site, add customizations and, generally speaking, create a high-quality e-commerce store.

Below are some examples of elements you should consider incorporating into your web design. Offering these features will surely keep your site visible, relevant, and attractive to all types of customers.

1. Add Personalization

Every type of customer can benefit from a personalized experience, and it helps you turn them into loyal customers.

Personalization is becoming more prevalent in web design, whether it’s including past products they’ve viewed on your landing page or making it simple for them to log in to their account.

Maybe you allow your customers to create a wishlist, just as Amazon does. You could also make personalized deals or recommendations for your customers based on their past purchases or search history. When customers see this level of personalization, it may influence their purchasing decisions and make it simpler for them to order products.

2. Include Compelling and Unique Content

Every professional in the digital marketing space knows that content is king. The companies that include the most compelling content garner the most attention and increase the number of customers who make up their customer base. Here are some examples of what your content should look like:

  • Comprehensive
  • Useful
  • Accurate
  • Visually appealing
  • Helpful
  • A direct answer to a search engine query

By following these descriptions, your content will improve. Whether it’s a blog post or a photo or video, quality content is a driving factor in your user engagement. It helps to support your SEO strategy and will undoubtedly keep customers coming back.

3. Prioritize Speed and Usability

Because technology is an integral part of most people’s lives, customers expect to visit a fast, reliable website. No longer will customers wait patiently for a site to load. The dreaded buffering symbol is a clear indicator that your business is not taking customer experience into account.

It’s critical to create a website that loads quickly and is easy to use. Avoid organizing any tabs in a confusing way. Ensure that your website is visually attractive without overwhelming color schemes or photos that take up too much space.

Go for a more modern, contemporary look that’s easy on the eyes. Customers will appreciate this and will likely spend more time browsing your various website pages.

4. Focus on Navigation

Users should be able to access any page on your website with ease. They shouldn’t have to search for the right drop-down menu or type into the search bar unless they’re searching for a specific product or service.

The majority of users on a site, 70% to be exact, spend most of their time navigating freely without using the search bar. This should tell you how vital good navigation is to your business website. Placing menus on the top of your site is common practice — if you would rather place your drop-down menu somewhere else, make sure you’re putting it in a section where it’s easy to find.

Put yourself in your customers’ shoes. See what types of designs you can incorporate into your site to elevate UX and make browsing simple.

5. Make Sharing Simple

One of the best ways to grow your customer advocates is by leveraging your existing customers. Your customers should be able to easily send your product or service descriptions to their friends and family.

Rather than copying a link, include a share feature. If something on your site is worth sharing with other potential customers, make it easy for them to send it.

Social sharing plays a significant role in digital marketing — it helps to garner organic traffic to your website. You can reach a larger number of people than originally intended, which is the most important benefit to reap by making it easy to share links from your site.

6. Incorporate Chatbots

Offering customer support by using chatbots is something major companies are incorporating into their website designs.

Suppose your customer is trying to complete a purchase but runs into a problem with a coupon they’d like to use. Rather than wait on hold on the phone or for an email in their inbox a few days later, an automated chatbot can step in and assist them.

Chatbots are on the rise, and it’ll be critical for your business to include them on your site. Proactive web actions can increase your site’s conversion rates and improve the overall customer experience.

7. Allow Customer Feedback

It shouldn’t come as a surprise that allowing your customers to share their experience with your brand can help you better understand them and the solutions they’re looking for from you.

Did you know that brands with superior customer service can generate 5.7 times more revenue than their competitors? When you’re in touch with your audience, you’re better able to include features they want and need to have a positive experience. By taking advantage of customer feedback, you can make necessary changes to your site to better serve your customers.

Advocate for Your Customer Base

All of the examples listed above can help elevate your site and improve the overall experience for existing and potential customers. Isn’t that the goal of any business, regardless of industry?

To serve your customers effectively means they’ll feel valued and come back for more. Whether that’s ordering more products or requesting more services, you’ll see the benefits of including the elements we’ve covered in this post.

As a recap, here are some steps you can take to advocate for your loyal customers:

  1. Add personalization
  2. Include unique content
  3. Make your site fast and usable
  4. Provide easy navigation
  5. Allow for easy sharing
  6. Leverage chatbots
  7. Be open to feedback

Overall, customer experience will become more important in the future as customer expectations change. Standing out from your competitors is no longer an option but a necessity. So many markets are struggling to do just that — so if you’re able to offer unique features on your site, it could potentially draw more customers in and drive them to purchase.

 

Featured image via Unsplash.

Source

The post 7 Simple Ways to Boost Your Website’s CX first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Design Faster & Smarter with BeTheme’s 3 Builders & 600+ Pre-Built Sites

,

The WordPress themes and plugins you choose for your clients’ sites don’t just impact how the interface looks or how well it works. They also impact your ability to build them.

The point in using WordPress themes and plugins is to make your life easier, not to create more work for yourself or limit what you’re able to do. If you’ve struggled to find WordPress tools you can rely on from job to job, BeTheme might just be the total package you’ve been looking for.

BeTheme has it all:

  • A backend builder
  • A frontend builder
  • A WooCommerce builder
  • 600+ pre-built websites

There’s nothing extra to pay with BeTheme. One fee gets you all the tools you need to easily build professional-grade websites for your clients.

Get to Know BeTheme’s All-In-One WordPress Solution

Want to see how the BeTheme powerhouse works? Check it out:

1. Build and Manage the Backend With Muffin Builder 3

Let’s be honest, WordPress page builder plugins leave something to be desired. While they all have their strengths, it’s hard to find one that offers different tools for how you want to work.

Many of them offer a visual drag-and-drop builder, leaving designers with little flexibility in how they build websites. With BeTheme, you don’t have to compromise.

Muffin Builder 3 is the intuitive backend editor that gives you full control. And if you want to code it all by hand? You can. If you’d prefer to tap into BeTheme’s wide array of templates, pre-built sections, and predefined settings? You can do that as well.

What’s more, the backend builder makes it easy to add sliders to your website, optimize your pages for search, and more.

2. Design and Perfect Your Site on the Frontend with Muffin Live Builder

One of the reasons why drag-and-drop website builders have become so popular in recent years is because they empower everyone — from the DIY business owner to the professional web designer — to build websites visually. There’s just one problem:

While it’s great that developers both inside and outside of the WordPress ecosystem are creating these intuitive builders, they sometimes come at a cost.

One thing that tends to get sacrificed is speed. Because they take the editing out of the WordPress dashboard and onto the frontend of the website, many of them can take a while to load. (Some of them are known for stalling out on occasion, too.)

Another thing that gets sacrificed is how much you’re allowed to customize. You either have to design your website with the features and settings available from your page builder plugin or you have to do all the work inside of WordPress.

Muffin Live Builder doesn’t suffer from these issues.

For starters, the visual builder is lightweight, so it won’t keep you waiting around for pages to load or changes to reflect on the frontend.

Also, you don’t have to choose which builder you want to use. If you want to primarily build sites with the backend editor and then perfect the designs on the frontend, you can. With BeTheme, you don’t have to pick-and-choose which editor you want to use.

3. Create Great Looking Monetized Sites with the Muffin Woo Builder

Many page builders are built for one purpose: To help WordPress users visually design websites so they can see their work reflected on the site in real-time.

That said, many page builder plugins haven’t accounted for the ecommerce piece.

Users can design and customize the regular pages on their websites with the visual builder, like the Home, About, and Contact pages. However, their ecommerce pages — Shop, Products, Cart, Checkout, and more — have to be managed through WooCommerce’s interface.

WooCommerce is a great ecommerce plugin. However, it’s not ideal having to design different parts of your site with different tools.

Be now has a solution for this: Muffin Woo Builder.

The Muffin Woo Builder allows designers to build their own single product and shop templates instead of just customizing the default ones provided by WooCommerce or the theme.

It also gives you design editing capabilities that no other page builder plugin can. For example:

  • Create design rules for your ecommerce pages
  • Choose from 11 product gallery styles
  • Switch between Shop and Catalogue mode
  • Set custom variation swatches
  • Show or hide the cart button
  • Add a sidebar
  • Configure settings for how product images render
  • Enable a Wishlist
  • Pick and choose which icons appear in the header

If you want this level of control over the layout and look of your ecommerce pages, you have to install other plugins or custom-code those changes into the backend. So, this is definitely a unique feature amongst page builders.

4. Instantly Design an Attractive Website With One of 600+ Pre-Built Sites

BeTheme isn’t just the fastest WordPress builder because it’s lightweight or because there are various builder options that allow you to work the way that’s best for you.

BeTheme also comes jam-packed with 600+ pre-built websites, with new ones released every week.

When you install a pre-built site, BeTheme is going to do a number of things for you:

  • Install all the specific plugins you need for the site
  • Load a fully designed and fully functioning website into your WordPress installation
  • Add placeholder content and imagery throughout so you can easily swap in your own

That’s going to save you a lot of time. Think about the cost savings, too. You get access to more than 600 pre-built websites without having to pay anything extra for them.

Is BeTheme the total design package? You bet it is!

It can’t be overstated what a game-changer BeTheme is for WordPress designers. Two page builders, one WooCommerce builder, and 600+ pre-built sites all rolled into one?

Everything you need to design high-quality websites is baked in.

That’s something you rarely see in any product or service, let alone in WordPress.

If you’re ready to say “Goodbye!” to page builder plugins and transform the way you work, get the BeTheme powerhouse now.

Source

The post Design Faster & Smarter with BeTheme’s 3 Builders & 600+ Pre-Built Sites first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

8 Freelance Project Management Apps for 2021+

,

In my experience, the biggest challenge that freelancers face — more than winning clients or setting prices — is project management; take on too much work, and you’ll start missing deadlines, take on too little, and you’ll start missing your rent.

Some people are naturally organized; they rock up at their desk at 08:59, fully confident in what they will spend the next 8–12 hours working on. Let’s be kind and say that I am not one of them, and leave it at that. The only way I have managed to survive the industry is by self-consciously micro-managing my schedule on a daily basis.

When I worked in an agency, I knew what I would be working on days in advance. Now, I know 90% of what I’ll be working on, weeks in advance.

That level of organization requires very, very, very careful planning. I hold team meetings at the end of the day, yes, “team” meetings of one person. To do that I use a number of tools that suit me.

How to Choose a Project Management App

The most important aspect of any project is the end. That’s when the client will assess your work, and that’s when you get paid. So when you choose a project management solution, make sure it gives you a clear path to the project conclusion.

I know one freelancer who sets himself a hard stop at 7 pm every day. At 7 pm, he downs tools switches off, and walks away. I once heard him end a client call at 7 pm because he’d reached his cut-off point. It made me wince — I would have stayed on until the call concluded — but it hasn’t affected his business.

I know another successful freelancer who works on a budget. When she has earned the money she needs for that day, she stops. She bills by the hour to make this work, so when she sits down in the morning, she knows exactly what time she’ll finish.

Personally, I prefer a task-based approach. I know what I have to get done; if I can get ahead, then great, but my main focus is ensuring I don’t fall behind. I believe that if you hit your deadlines, everything else will take care of itself. Admittedly, there have been a few late-nights (and all-nights) over the years, but thankfully they’re less common these days.

No one style of project management suits everyone. And it doesn’t matter what approach you take, provided you take an approach.

8 Best Project Management Apps for Freelancers

As a freelancer, the most important thing characteristic you can have is reliability. Cultivate a reputation for delivering on your promises, and you’ll become invaluable to your clients. The best project management app is the one that helps you keep your promises.

There are some excellent tools on the market that facilitate project management, but most are aimed at SMEs, or project managers running a team of freelancers.

The tools here are listed from least, to most useful for the average freelancer. I’ve avoided too many time-tracking apps because I find these tend to encourage billing by the hour, which is potentially damaging to your business long term. If you do need pure time-tracking, check out Harvest. I’ve also avoided solutions that are too large-scale to benefit freelancers. If you’re looking for a project management tool for teams, then Basecamp, Jira, Project.co, and Redbooth are all worth considering.

Sadly none of these apps are perfect, and there’s a good chance you’ll need to use two or three to manage your projects.

8. Todoist

Todoist is hands down the best to-do app on the market. The downside is that its feature set is minimal.

Todoist really excels at lists. You can break down tasks into sub-tasks, and sub-sub-tasks. The downside is there’s no real scheduling or comparison of multiple projects in a single view.

The mobile apps are great, and Todoist recently introduced boards, a form of kanban board that gives you a good overview of everything. If it introduces a gantt chart, I can see myself relying on it more.

Todoist has a free forever plan that is fine for most freelancers, and the paid plans start at just $3 per month.

7. Bonsai

Bonsai is an excellent service for freelancers that grew from a simple invoicing app to include proposals, contracts, time-tracking, and more.

I used Bonsai for invoicing for a couple of years, and it does everything it claims to do. However, there are a couple of significant areas where it falls down. Firstly, its invoicing is super-aggressive and cannot be customized — make sure you’re on friendly terms with any client you send a Bonsai invoice to. Secondly, while it does a good job of tracking what you have done, it doesn’t help you plan what needs to be done beyond a formal proposal.

If you’re running a few simple projects, then it’s possible Bonsai is right for you. Pricing starts at $19 per month.

6. Monday

Monday is one of the biggest players in the project management market. It offers a dizzying array of options, and if this list were aimed at project management for agencies, Monday would be further along our countdown. Monday may suit freelancers, particularly those who have migrated from agency work, but for most, it’s more than we need.

There is a free-forever plan that covers almost everything you could want. However, if you need to view your projects as a gantt chart — and I strongly suggest you do — then you’ll need to update to the standard plan, which starts at $8 per user per month, with a minimum of three seats, meaning at least $24 per month when billed annually.

5. AND.CO

AND.CO stands out as a slick, easy-to-use option for managing a freelance business. Like Bonsai, it allows you to manage proposals, invoicing, time-tracking, expenses, and more.

AND.CO also has extremely well-liked customer support. An underestimated consideration when you don’t have your own accounts team to resolve problems.

As with other solutions of this type, the task-management is lacking. It does include a simple to-do list, but in my opinion, it’s not sufficient, and you’ll need to supplement it with something that supports gantt charts.

There’s a free forever plan, but it’s barely more than a free trial. Pricing for full-featured access starts at $18 per month when billed annually.

4. ClickUp

ClickUp is a SaaS that aims to replace just about everything else you could need. Unlike some options on this list, it includes a CRM, which is a bonus because there’s nothing worse than relying on the search function in your email to track down someone’s contact details.

ClickUp also offers a genuinely free-forever account with enough features to make it usable. If you choose to upgrade to a paid plan, it’s just $5 per user per month, which is excellent value.

If anything, there’s just too much in here. If you’re someone who considers themselves a power-user who enjoys digging into every nuance of a UI, then ClickUp could be for you. But, if, like me, you favor a simple tool that does what it’s told and gets out of the way, then there are better options.

3. Asana

Asana is probably the best-known project management tool on the market. It offers a tremendous number of options and is flexible enough for any style of project management.

There’s a free forever plan that is ideal for getting started and offers you most — you may be sensing a theme here — of the features you’ll need. But Asana’s best feature is its excellent timeline implementation of the gantt chart, for which you’ll need to upgrade to a premium plan costing $10.99 per user per month, with a minimum number of 2 seats that translates to a rather expensive $21.98 per month.

2. Trello

Trello is famous for its kanban boards, and many people prefer them to gantt charts, which has helped the app grow rapidly in the last few years.

If you’re prepared to pay $10 per user per month, Trello actually offers gantt charts as well, in the form of its timeline feature.

Trello is mainly designed for teams, not freelancers. However, if you do have the budget for a premium plan, Trello gives you an enviable ability to switch project management styles on a whim.

1. Toggl

Toggl is perhaps the perfect balance of time-tracking and gantt chart that is ideal for freelance projects.

As with most tools, Toggl is designed for teams, with billing starting at $8 per user per month. However, it offers a solo plan, designed for freelancers, that is free forever.

The main thing you miss out on with Toggl’s Solo plan is team timelines, which you won’t need unless you’re outsourcing work. One other obvious omission is unlimited planning boards, which you may find yourself paying for sooner or later.

But for a mixture of simplicity and powerful features available for $0, Toggl is hard to beat.

 

Featured image via Pexels

Source

The post 8 Freelance Project Management Apps for 2021+ first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Teach yourself Scrum in 5 minutes

,

I’ve just been appointed the CTO of a small company with less than 10 employees. Companies of this size typically don’t have the luxury of hiring a professional Project Manager, hence the role almost automatically goes to the CEO of the company, since he is the product owner – Which creates a problem for me, summarised in the ingress of this article. But as the CTO, I’m also responsible for all IT choices, including infrastructure choices, so let me go through all of my choices below – Since these have consequences for the process we must follow.

Cloudless first

Cloud systems such as Azure or AWS are amazing products, with a feature list covering everything you can imagine. However, they’re also ridiculously expensive, typically at least 10x as expensive as a simple VPS providing the same value from an application deployment point of view. At my last company we paid €5,000 per month for Azure, and probably something similar for our AWS account (Sigh, yes, we used both! Not my decision though!) – Let’s say €8,000 per month to make sure we’re within the boundaries and that I am not exaggerating. I told my developers back at that company that I could have ran the whole company on a handful of VPS servers from DigitalOcean paying no more than €200 per month in total. Nobody believed me until our CTO confirmed my numbers more or less by saying; « At my former company we ran a 300,000 EUROs daily profit FinTech company for some 200 EUROs worth of droplets from DigitalOcean. »

Source de l’article sur DZONE

/par

Progressive Delivery: A Detailed Overview

,

Every developer has been there before: You release a new feature expecting a smooth ride, only to have something go awry in the back end at the last minute. 

An event like this can derail a launch, letting down customers and leaving you scratching your head wondering what went wrong.

Source de l’article sur DZONE

/par

7 Landing Pages Comparisons To Improve Your Conversions in 2022

,

Landing pages are crucial for conversions. User-friendly landing pages rank higher in the search engines and generate the maximum leads.

Interestingly, user behavior changes every year, and new website design trends should be kept in mind to continue acquiring sales from your existing landing pages.

If your high-performing landing pages in 2019 have suddenly started underperforming in 2021, then it is a clear indication that your landing pages need a strategic revamp to record higher conversions.

Landing page revisions are necessary for reduced bounce rate, more visitor time on the page, and better user actions.

This article will discuss some of the top web design trends of 2021 that brands have adopted to revamp their landing page designs. You can learn from the trends and apply your own custom design intelligence to redesign your landing pages for 2022 and convert the maximum number of visitors.

Let’s begin…

Why Landing Page Design Is Crucial For Conversions

Landing pages are the first stop on your consumers’ online buying journey and the first chance to put an impression.

People on the internet are becoming less patient. It takes only about 50 milliseconds for a visitor to form an opinion about a brand and decide whether they want to stay or leave the website.

Convincing modern customers to buy products or fill up query forms on a landing page is not easy with traditional website elements.

In 2021, it is now harder to impress visitors landing on your website than in 2019. Keeping in mind the audience of 2021 and beyond, an ideal landing page should be user-friendly, engaging, innovative and should encourage users to take action.

Here are some of the top reasons why landing page design is so crucial for conversions:

  • You get barely 7 seconds to create a strong impression. It is a time span in which visitors roughly scan the page and make their decisions.
  • Publishing 40+ effective landing pages at regular intervals can generate 12X more leads.
  • The average conversion rate from the landing page across all industries is only 2.35%.
  • Using the right types of targeting and testing can boost landing page conversion rates by up to 300%.

Considering the above stats, it can be easily said that a landing page has to be impressive and quick enough to impact the visitors positively.

7 High Converting Landing Pages & Lessons You Can Learn From Each

Below are some of the best high-converting landing pages, which were just updated recently in 2021. For each page, we list a lesson you can learn to inspire your next design revision in 2021 and ahead:

Example #1 – Replace Boring Customer Info Forms With An Interactive Quiz

Landing Page: Nextiva’s Unified Communications Readiness Quiz Landing Page

Industry: Voice Over IP software

Conversion Measured By: Leads fill out a form if they are interested

Redesign focus: Improve the quantity and quality of leads

Solution: Substitute online form with an interactive quiz

In 2019 and even 2020, many businesses were practicing the trend of including a customer form on their landing pages as a call to action to initiate a quick customer action.

The customer information form was useful for businesses because it helped them generate quick leads. However, at the same time, there was no real reason pushing the customer to fill in the lead forms especially if it consisted of more than 2-3 fields.

Nextiva used its creativity to replace boring lead forms with interactive quizzes. In its 2021 page design, the company added a quiz for visitors to participate in.

The aim is to have interactive pages to keep visitors engaged and persuade them to stay on the page.

Here are the comparisons of both the designs:

2019

2021

Key Takeaways:

  • The 2021 landing page now has a free Unified Communications Readiness Quiz that allows business owners to fill the form interactively. Adding a quiz with the number of pages mentioned at the top tells the user how many steps are left to complete the quiz, making their waiting time easier.
  • The background image is replaced with communication icons to simplify the message of the kind of services they offer.
  • The page looks neater and appears to be easier to scan at a glance.

Example #2 – Emphasize Strong Visuals and Copy that Stresses on Product Details

Landing Page: Western Rise Homepage Variation

Industry: Ecommerce

Conversion Measured By: Apparel purchase

Major redesign focus: Improve the number of leads

Solution: Improve the copy and visuals

Western Rise, a clothing eCommerce company, realized the importance of having impressive images and detailed product information on its landing page.

The 2021 page replaced ordinary product images with strong visuals of the models wearing Western Rise clothing. Also, the product image includes extensive product details, which were missing on the older page.

Here is a clear comparison of the 2019 vs. 2021 landing pages of Western Rise:

2019

2021

Key Takeaways:

  • The new landing page has a powerful headline – Performance Clothing for Travel, Work, and Play. In just a couple of words, the brand tells everything about itself. ‘Performance Clothing’ is their unique selling proposition (USP) that tells the customers that their product is durable. Besides, the caption ‘Travel, Work, and Play’ tells what the product is about. Modern customers like products that fulfill a particular need, and Western Rise made it easier for the users to realize the importance of their products which fulfilled their specific needs.
  • The bold visuals in the new page capture contemporary shots of the models that put a strong impression on the audience. Every image is clicked mindfully to explain the style and quality of the Western Rise clothing line.
  • The products displayed on the new page include every minor detail and feature that often other clothing brands ignore, such as the specialty of the product, occasions to wear, and weight other than colors, fabric, fitting, etc.

Example #3 – Use Strong Social Proof To Increase Conversions

Page: Aura Save 50% Landing Page

Industry: Identity Theft Software

Conversion Measured By: Online registration or an inbound call

Major redesign focus: Improve the number of signups

Solution: Add strong social proof

It is a known fact that social proof on sales pages is essential for increased conversions. But in 2021, the importance of social proof has gone too far.

Aura is an identity theft protection service that aims to build trust with its prospective customers when they first browse their landing page. Take a look at how Aura displays customer reviews above the fold to catch user’s attention.

Unlike others, Aura combined the rating stars and the review to prove customer satisfaction and emphasize their expertise in the field.

BONUS:

Another example of using strong social proof is the Exploding Topics newsletter landing page.

Exploding Topics is a newsletter with a pro subscription for content marketers and anyone interested in trending topics about any topic. It’s an excellent example that uses a lot of social proof on landing pages that give something away for free, like a weekly newsletter or an eBook.

If you could notice, the latest landing page below has multiple forms of social proof on a single page. First, they feature a list of brands that trust Exploding Topics. Secondly, they quote Wired Magazine founder Kevin Kelly’s feedback, followed by the logos and tweets praising the newsletter.

Key Takeaways:

  • Exploding Topics uses several different types of social proof that appeal to different demographics.
  • Their “trusted by” logos of world-renowned companies stand out to potential B2B subscribers.
  • Kevin Kelly’s quote is catching the attention of tech-savvy readers.
  • Despite packing the page with social proof, the opt-in form is still well above the fold. It is the best landing page practice that applies to nearly all pages.
  • The landing page uses actually embedded tweets (not screenshots), which help demonstrate that the tweets are legit.

While Exploding Topics have smartly used social proof on its page, the ideas of leveraging social proof are not limited to this only.

Example #4 – Focus On Visually Appealing Above the Fold Content

Landing Page: Perfect Keto Homepage Variation

Industry: Supplements

Conversion Measured By: Online purchase

Major redesign focus: Improve the number of purchases

Solution: Improve Above The Fold Content

Above the fold content greatly impacts customer’s decision-making. Perfect Keto lacked that appeal on its 2019 landing page design.

Hence, the 2021 design was revamped with better visuals and more professional looks.

The 2021 page received major changes in above-the-fold content, such as the top menu bar with the brand name not losing the user’s attention anymore and an additional menu bar giving a quick overview of what the brand offers.

The older page did have many social proofs, but those were limited to customers only. The 2021 design also highlighted the publications where the brand appeared, which proved exceptional in building customer trust.

Take a look at the two landing pages of Perfect Keto in 2019 and 2021:

2019

2021

Key Takeaways:

  • The 2021 landing page heading is more compelling because it clearly conveys what their product is all about. The older page was missing the actual purpose of the product.
  • An additional section on the new page to educate customers about the Keto diet and how to start it helps visitors understand the product even better.
  • The inclusion of a product image above the fold attracts user attention and makes the product trustworthy. People now know what they will be buying right at first sight of the page.
  • The new page proudly displays the products featured in the publications, such as Women’s Health, Healthline, Reader’s Digest, and Popsugar, which again helped customers trust the brand.
  • The page also features a video of the Perfect Keto founder that is brilliantly working in gaining visitor’s attention and faith.

Example #5 – Make The Call to Action More Compelling

Landing Page: Zendesk HelpDesk Softwage Landing Page

Industry: SaaS

Conversion Measured By: Online registration

Major redesign focus: Improve the number of registrations through the website

Solution: Make The CTA More Compelling

Zendesk did a clever job by replacing the sign-up form with a single button. On the older page, it was unclear to the user if the company has a trial option for free unless they move to linked pages. Such confusions often resulted in traffic bounces.

Adding the start free trial button on the 2021 page makes it easier for the users to understand that the product comes with a free trial. At the time, it helps the user take quick action.

Similarly, the ‘Get started’ button at the top was replaced with ‘Free trial’ with the same intention.

Moreover, chat support was added to guide users at any stage of the buyer journey. Live chats are vital to help visitors better understand the product and move a step ahead in the customer journey.

Take a look at below two images:

2019

2021

Key Takeaways

  • The CTA buttons have more actionable text and look more prominent.
  • The color choice for the button is in contrast with the background but matches the page theme.
  • The older page missed sales support, which is included in the new page for a better customer experience.
  • The tabs in the menu bar were reduced to four to make the page simple to use for users.

Example #6 – Use Contrast To Highlight Specific Copy On The Page

Landing Page: GetResponse Website Building Landing Page

Industry: Online Software

Conversion Measured By: Online signup

Major redesign focus: Improve the number of signups

Solution: Use contrast around important copy on the page

GetResponse focuses on attracting visitors’ attention towards the offerings from their business. Starting from above the fold section, the landing page highlights the texts that are important and need the visitors’ attention.

The infographic on the landing page is the next thing that promises to grab user attention while beautifully describing how this website builder works and is useful to the user.

Key Takeaways:

  • The text highlighted on the landing page draws the user’s attention towards what the business has to offer or unique selling points.
  • The infographics briefly explain the working of the tool in an easy-to-understand manner.
  • The Yellow color is used prominently on the landing page to attract user attention and persuades users to try the tool by listing its advantages.

Summary

Landing pages provide the first opportunity to create an impression in the minds of the consumers. A well-structured and mindfully designed page sets the right tone for your brand message and encourages users to choose your business.

However, the strategy for landing pages needs innovations from time to time for better results. The examples and tips shared above prove how landing pages in 2019 have seen significant improvement in 2021.

In the coming year, use these ideas to create landing pages that influence customer decisions and encourage them to take quick actions.

Source

The post 7 Landing Pages Comparisons To Improve Your Conversions in 2022 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Exciting New Tools For Designers, August 2021

,

It’s almost time for another season of change. Although the temperatures might not reflect it, this is the time of year where most of us start thinking about what’s next.

This collection of tools and resources for designers is just the spark to propel you forward with work as you think ahead. Here’s what’s new for designers this month.

Gradient.Art

Gradient.Art is a CSS-based gradient generator that’s packed with functionality and customization options. It’s more than just a color selector and is an actual gradient editor that allows you to work with a variety of controls to get just the color variations you want for projects. Create illustrations, patterns, icons, and more with this layer-based tool that’s still in beta.

Wicked Backgrounds

Wicked Backgrounds takes some of the headaches out of creating just the right background for website design projects. It’s another easy and customizable generator designed to help create backgrounds with great color, depth, and balance for various project types. The makers promise more features in the future as well.

Typedream

Typedream is not what you might expect from the name; it’s actually a website-building tool. It’s designed to help put the focus on the words of a design with a simple interface that most people can figure out. You can connect your own domain and then optimize for search with built-in SEO tags. It’s a zippy tool for simple sites.

Orbital

Orbital is a zero-friction, super-interactive, customizable place to gather online. Pop in for meetings, quick chats, open-door office hours, or cowork together through the day – all using the same link. This premium tool has super fun backgrounds and meeting spaces.

Access Guide

Access Guide is your one-stop guide to accessibility information for the web. It’s packed with articles and information to help you understand parts and all of the WCAG 2.1 guidelines, the official standard for accessibility online. (Plus, content is sorted into neat cards that make things easy to search and find.)

InLine

InLine is a free JavaScript library built to create a simple text editor for web applications and mobile apps. The tool claims to be the smallest WYSIWYG editor designed to fit into any layout. The plugin allows you to edit and customize text elements practically anywhere.

3D Bay

3D Bay is a collection of free three-dimensional stock images that you can use for various projects. Collections are searchable. Most of the images are actually 3D scene illustrations, a popular design element with many SaaS website designs.

MeisterNote

MeisterNote is a writing tool for teams. (It’s perfect for the new remote working world.) The interface is sleek and intuitive, and you can create customer workspaces for notes and teams to collaborate. One of the best functions might be the search feature, allowing you to find information in notes easily.

Shapecatcher

Shapecatcher solves an interesting problem. Have you ever visualized an element but don’t know what it is called or how to find it? This tool has a “drawbox” where you can sketch the element, and then it visually searches a database of 11,000-plus Unicode characters in multiple languages to find a close match that you can use online.

Batch Image Processing

Batch Image Processing allows you to edit, crop, and style or add watermarks groups of images all at once. It’s a web-based tool that does everything in a flash and allows you to redownloaded processed images for quick use. (It’s great if you need multiple photos with the same crop or size!)

Integrately

Integrately is an integration automation tool designed to help your apps, tools, and web elements talk back and forth. Connect apps to make tasks run on their own in ways that native software might not do alone. (Pro tip: Use it to connect with your email to send notifications or reports automatically.)

Vechai UI

Vechai UI is a set of high-quality, accessible React UI components with built-in dark mode using Tailwind CSS. Components include pre-designed headless UI and Radix UI.

Style Free HTML Bootstrap 4 Template

Style Free HTML Bootstrap 4 Template is a simple and minimally styled website template for a variety of project types. It’s a great website starter if you need to get a site up and running quickly.

Glass UI CSS Generator

Glass UI CSS Generator helps you create trending neumorphism/soft UI/glass UI style elements. The tool is a CSS generator that allows you to add some of your own elements and then pick styling options while outputting CSS and HTML.

Lineicons

Lineicons is a collection of more than 5,000 line icons that you can use for various projects. Every icon comes with free CDN, regular and light variations, an editor, and more to make it browsable and easy to use. The set has high legibility, and the free set of icons includes more than 500 options.

Carrd

Carrd is a simple, free, and responsive one-page website builder that you can do pretty much anything with. It’s perfect for personal profiles, landing pages, or one-page websites. All it takes is a little imagination.

AdonisJS

AdonisJS includes everything you need to create a fully functional web app or an API server. So stop wasting hours in downloading and assembling hundreds of packages and do it all with this framework for Node.js.

Eastman Condensed

Eastman Condensed is a beautiful and functional sans serif that’s easy to read. The demo version is free for personal use, but a commercial license for the full family is available.

Peachy Rose Font

Peachy Rose Font is a fun novelty option that is fun and light. Plus, it is free for any use, even commercial. The set is fairly large for a free option, with 233 characters.

Selga

Selga is an expressive and complex display font with a retro feel. The swashes and tails are especially nice on this typeface, which is free for personal use.

Source

The post Exciting New Tools For Designers, August 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par

Cultivating Customer Confidence with UX

,

Businesses rely on designers to help them build the perfect relationship with visitors.

After all, as much as companies may wish it wasn’t true, many consumers still judge a book by its cover. A website that fails to prioritize concepts like trust and transparency could instantly lose the confidence of its target audience. 

As a designer, it can be tempting to focus on figuring out ways of convincing an audience to convert or give up their money instantly. However, while design experts know how to enhance conversions, they also understand how important it is to make sure that customers feel confident in a website.

Here’s what you need to know about cultivating confidence in user experiences.

How Does Transparency Affect Confidence? 

In a survey conducted in 2016, 94% of consumers stated that they would happily be loyal to a fully transparent brand. As customers continue to search for more honest and reliable companies, the demand for transparency in UX will likely continue. 

As a web designer, you can’t force a company to share all vital information with its clients. However, you can use your design knowledge to help the honesty of a company stand out.

Here are some other strategies that designers can use to build transparency for their clients. 

Create an Eye-Catching “About” Page

One of the first things that today’s businesses need to be honest about if they want to delight their customers is their people. 

For instance, creating a page where your client can highlight the nature of the products that they sell is an excellent first start. Maurele has a beautifully designed “About” page to tell its customers everything they need to know about the business. 

At the same time, drawing attention to the footer where customers can check things like the terms and policies of the website or FAQs that answer their most common questions is another fantastic way to build transparency. 

Giving a brand a human face makes it easier for that company to establish lasting connections. That’s why designers should always prioritize using real, authentic images over stock photos where possible. For example, a large feature image on an “About” page that addresses the company’s unique nature makes it easier to connect with a target audience. 

Make sure that there’s plenty of space on the “About” page to introduce significant members of staff that can give a face and personality to both the website and the brand. For instance, Mociun.com uses a fantastic hero image of a person with her cat.

Add Space for Testimonials and Customers

While you don’t need to post a customer’s entire consumer list online to prove that they’re a reputable company, it is worth highlighting some of their clients. No one wants to be the first person online to trust a new website. Testimonials and reviews from other people are how you add instant confidence to any experience. 

For designers, social proof can come in a lot of different formats. For instance, if you’re building a website for a company that sells directly to other businesses, you could add pictures of the logos of the brands that the company has worked with. Alternatively, for a B2C brand, basic reviews and quotes will often work wonders. For instance, there’s a list of great reviews included on the product pages of the PlaySuperlative.com website.

Unless customers leave comments directly on the web page themselves, remind your customer that they need to get permission from the client to use their quotes on any web page. 

Additionally, remember that adding pictures and names to testimonials where possible can sometimes make them more believable. 

Tell Your Client’s Story

When building a website for a client, there are many different things that you’ll need to think about. For instance, you need to focus on the company’s USP or whatever makes them unique. You’ll also need to ensure that clients have all the information they need to make purchases easily. 

At the same time, it’s important not to go over the top with too many features. Simplicity is often the key to good UX. 

Where possible, however, if you want to boost confidence for your client, it’s a good idea to highlight their unique motives and vision as a business. Ask the company that you’re designing for what their mission is. Do they want to transform the way people communicate and collaborate like Trello? Do they want to fill the world with information, like Google?

Focusing on the unique ambitions of the business, beyond the desire to make money, makes them seem more three-dimensional and real. 

Highlight Security

Use your skills to ensure that certain aspects of safety and security stand out for your client. For instance, notice how Fetching Fields instantly pulls attention to the fact that they’re using certified and organic, human-grade wellness solutions.

Other steps you can take include making sure there’s an SSL certificate installed to cement the website’s safety. Additionally, if your customer has any badges or certifications that can highlight their security strategies, it may be a good idea to include those too.

If your customer takes payments online, you can use several secure website seals to boost confidence. For instance, showing that you’re “Verified by Visa” or using Mastercard Secure Code is a wonderful choice. 

Make Sure Visitors Can Find Contact Information

As a website designer, one of the best things you can do for your customer is making sure that they have excellent navigation, complete with easy-to-find information. 

On any website, innovative navigation ensures that an audience can find the pages they need to make sure that they feel as comfortable as possible, making their purchases. 

Make it easy for visitors on a website to track down useful insights about the products they want to buy or the kind of services available from the company in question. Additionally, if your client has any FAQ pages or additional resources, make sure that customers will have no trouble tracking those down. 

The example above from Petersham Nurseries makes it easy for clients to find everything they need on the website, thanks to a convenient vertical navigation bar. 

Remember, one piece of information that should always be as easy as possible to find for your customers should be the contact page. A contact page shows that the business is willing to answer any questions a client might have via many channels. 

List a physical street address and phone number for the website where possible, or at the very least include an email address where people can get in touch. 

Make Sure Pricing is Clear

Finally, if you want to ensure that visitors can trust your client’s website, you need to avoid hiding any critical information with fine print or content hidden in the website’s footer. When designing product pages or service information, make sure that you’re as transparent as possible about the company’s pricing. 

You don’t want a customer to wait until they click through into the checkout page to discover that they have to spend a fortune on postage and packaging. And, no one purchasing a service wants to wait until they’ve got their credit card out to discover that they’re going to be paying extra for things like set-up fees. 

According to Jakob Nielsen, one of the top mistakes anyone can make on a website is not listing their pricing as clearly as possible. 

As tempting as it may be to hide certain expenses and send customers through to the checkout page faster, avoid any opportunity to hide information about costs. 

Designing for Confidence

Ultimately, many different things can make a website stand out today. 

Designers can experiment with unique strategies like dynamic loading and video-based backgrounds. You might even decide to explore new styles with the right company or adapt certain pages to take advantage of things like 5G and new connectivity options. 

However, before you can begin exploring new opportunities on any website, one of the most important things you can do is ensure that you get the foundations of the website’s credibility right. Take an approach to design that focuses on transparency and trust first, and the rest will naturally fall into place. 

In a world where consumers are less trusting of brands than ever before, people who design for transparency will be sure to stand out from the crowd. Don’t underestimate the power of embracing trust for your clients in 2020. 

Source

The post Cultivating Customer Confidence with UX first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

/par