Articles

Creating an incredible brand experience for an end-user is about more than just designing the right home page or lining up a series of great product pages. 

Effective website design conveys crucial information about a company, through everything from font styles, to image choices. Nowhere is this representation of brand identity more important than on the about page. 

People frequently confuse the about page with the contact page or fail to leverage it correctly simply because they don’t know what to say. However, creating an about page that speaks to an audience can be immensely powerful. 

What is an About Page?

The first step in designing a great about page is understanding the purpose of the space. This isn’t just a page on a website explaining what a company does. 

The about page is an introduction to a company’s story, its brand essence, and personality. 

Done correctly, this page will demonstrate a crucial sense of affinity between a business and its customers. It will highlight values that resonate with a customer and make it easier for clients to trust businesses.

The Yellow Leaf hammocks company starts its about page with a video.

As you scroll through the interactive site, you discover new elements of the company’s tale, including what prompted the birth of the business to begin with and the brand’s mission. 

Yellow Leaf lets its visitors know what the company is all about by using authentic images of real people to external content and bold quotes. 

There are even snippets from customer case studies for social proof. 

About pages are relevant because they give customers a way to build a real human connection with a business. Harvard professors say that 95% of purchasing decisions are emotional; we don’t buy things just because we need them. Instead, we look for companies that we feel connections with to solve problems. 

Using an about page to convey an attitude, personality, or just what makes a business special is how designers can ensure that end-users will care more about the business. 

How to Make an About Page Stand Out

So, how do you make an about page stand out?

Since every company is different, there’s no one-size-fits-all strategy for everything.  However, there are a few essential steps to consider as you move through the design process. 

Here are some pro tips for successfully attracting attention with the about page…

Step 1: Decide What to Include

It’s tempting to assume that a complicated about page will lead to a stronger relationship between a brand and its customers. After all, the longer the story, the more the customer knows about the company – right?

While it’s essential to include plenty of valuable information in an about page, it’s also worth remembering that today’s customers are short on time. They don’t want to spend hours scrolling through one part of a website. Instead, they want access to quick, convenient snippets of information. 

The Joseph Payton about page is effective because it cuts the story down into bite-sized chunks. Each piece of information highlights valuable insights for the customer. Plus, hand-drawn images and animations make the experience feel like you’re getting to know Joe on a deeper level. 

Before you begin designing, ask yourself:

  • How much text does the page need? How much space does there need to be for copy? How can you spread the content out in a visually engaging way?
  • What sections should the page include? For example, does there need to be a link to the contact us page or a contact form somewhere?
  • How does the page connect to the rest of the website? For example, can you link to things like case studies and reviews with quotes to tie more of the website together?

Step 2: Make the Mission Statement Clear

In a world where emotion influences buyer behavior, clients and customers want to buy from companies they believe in. It’s not enough to have the right product or price point anymore. People want to know that they have a human connection with a business. 

On some about pages, it’s difficult to pinpoint the real mission of the company. It seems like you have to scroll through endless paragraphs of text to make your own assumptions about what matters to the company. However, a well-designed about page puts this crucial info front and center. 

For instance, on the Apptopia about us page, the subheading tells you everything you need to know about the brand. This heading instantly tells the audience whether it’s worth reading on to find out more. 

The best about us pages often include a lot more than just a single sentence of text. But it’s worth pinpointing some of the essential details from these pages and drawing extra attention to them. A larger font or a different font color could be perfect for this purpose. 

Alternatively, if it’s difficult to refine the company’s mission down into one message, it might be worth creating a whole segment at the top of the page dedicated to this information. That’s what the Toms shoe company does.

Step 3: Invest in the Right Trust Elements

People aren’t always sure who they can trust these days. 

There are millions of websites out there and billions of companies. Not all of them are going to appeal to every customer. Since an about page is all about making a crucial human connection between a business and its client, it’s important to implement as much trust as possible. 

The good news is that there are many trust elements you can embed into an about page to make it more reputable. Star ratings taken straight from companies like Trusted Reviews and Google are a great way to show that a company is already impressing its followers. 

Quotes plucked from your customers or segments of case studies that you can place throughout the About Page copy is another great way to show your authenticity. 

You could even take the same approach as Aja Frost here and embed genuine data and graphs into the about page.

One particularly helpful way to make a website’s about page more trustworthy without eating up too much space is to implement trust stickers. Badges that show all the right groups and regulators approve a company are a great start. 

Even showcasing the logos of companies that the business worked for before on a slideshow could be an excellent opportunity to add depth to their authority. 

Step 4: Convey Brand Personality

Brand personality is reflected in the tone of voice that a company uses for its content. You can see a company’s personality in the choice of colors it has on its website. It’s in the fonts that convey a message, and the videos, images, and other unique strategies that each business uses. 

Although a brand personality needs to shine through in everything the company does, it’s imperative on the about page. This is the environment where a customer is getting to know a business for the first time. As a result, the consumer should instantly recognize what kind of brand archetype they’re working with. 

Take a look at the Eight Hour Day about page, for instance. The first thing you see is a picture of two people laughing. That means you instantly get a sense of friendliness.

As you scroll through the page, you’re greeted by friendly, informal copy combined with bright colors and snippets of useful information. Everything feels comfortable and reassuring. 

When you reach the bottom of the page, you find a bunch of data that makes the company seem more trustworthy. There are links to its social media pages and a partial client list showcasing brands like JCPenny, Wired, and Purina.

Using the right combination of font, copy, and imagery, this About page tells you exactly what to expect before you begin interacting with the company. 

Step 5: Take Visitors on a Journey Through Time

Showing customers where a business is going with things like brand mission statements and values are great. However, it’s also worth giving people an insight into where a brand has already been. 

Many of today’s shoppers aren’t comfortable buying from brands that haven’t spent much time in their chosen industry. They want to see that the people they’re working with have experience, heritage, and plenty of background knowledge. 

What better way to demonstrate all of these things than with a timeline of accomplishments? Here’s an example of how Marshall showcases its history by mentioning various crucial historical milestones.

A timeline of events doesn’t have to be this complex, however. If you don’t want to overwhelm visitors with a wall of text, an actual timeline that offers quick and easy insights into what the business has done over the years could be a better option. 

Another option could be to have a few key statements from the company’s timeline, then link out to a separate “History” page for people who want to find out more. 

Step 6: Show the Human Side

People don’t buy from businesses; they buy from other people. 

An about page isn’t just a chance to show customers what a company does. It’s also an introduction to the people behind that organization. Showcasing the team members that contributed to the growth and continued development makes that organization more attractive. 

Obviously, if there are hundreds or thousands of employees in a team, you might not be able to mention them all on an about page. However, the page should generally include some insights into the c-suite and significant members of staff. 

A selection of company photos is a good way to introduce your team. However, you can consider other options too. For instance, to maintain their unique brand, the Tunnel Bear team designed to draw their own bear icons that represented their personalities.

The design is adorable, and it’s a wonderful way to showcase what makes the company so unique. At the same time, using this kind of illustration means you can avoid the hassle of trying to get all of your business photos to look consistent. 

Step 7: Show Values with Visuals

Finally, as we’ve mentioned frequently throughout this guide, an about page is an essential place to showcase the values of your business. These are the core principles that guide you in everything that you do. They help tell customers what matters most to you and prevent you from moving in the wrong direction. 

However, you’re not restricted to highlighting your values through copy and nothing else. You can also introduce customers to the things that matter most to you through visuals too. Graphics or illustrations that highlight important aspects of your business are a great way to share information without relying too heavily on text. 

Videos are another brilliant option, particularly if you have a lot to say but not a lot of time to say it in. That’s what Ben & Jerrys does.

You can also find a stream of “issues” the company cares about on the website too. This means that people can get more information on things like Democracy, Racial Justice, Fair trading, and what Ben & Jerry’s is doing about all of those things. 

Visual elements like this are a great way to give an about page more pizazz. Plus, they appeal to people who want to learn about your company but don’t want to spend forever reading through the text. 

Create Better About Pages

An about page shouldn’t be an afterthought. 

It’s a crucial part of showcasing a company’s unique style and personality. Used correctly, these pages convey crucial information about everything a business stands for. 

Use the tips above to give more meaning to your about page design, and remember to pay attention to how much your traffic and conversions evolve with every update you make. A better about page could even help you to drive more conversions.

Source

The post 7 Essential Design Tips for a Killer “About Us” Page first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

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

In the information age, time is a valuable commodity and something people don’t want to spend too much of. As a result, the average visitor only reads about 20% of the content of a page

For web designers and developers, that means a few things: first, you need to ensure that the web pages you create are as engaging as possible; secondly, you need to find a way of making the critical information on any page stand out; thirdly, every modern designer needs to create assets that are easy for today’s fast-paced customers to use. 

Making websites more scannable is how you do your part as a designer to ensure that the customers who come to a page get the quick and convenient experiences they need. 

So, how do designers embrace scannability?

Designing for Scannability: An Introduction

At first glance, the concept of creating a website for scannability is strange. 

Most designers start their projects with the aim of making customers stay on a page for as long as possible. So it’s odd to think that you would want to make it simple for end-users to skip from one page to another on a website in a matter of seconds. 

However, scannability isn’t just about delivering information and getting users off a page. When sites are scannable, they make it quicker and easier for customers to slide down the purchasing funnel. A quicker and more convenient customer journey leads to a stronger user experience and more conversions. 

Look at Netflix, for instance. It doesn’t give interested users a ton of information on its homepage. Instead, the key USPs of the product are laid out bright and bold in the middle of the screen, along with one simple call to action: Get Started.

Designing for scannability means making it easy for users on a page to glance at a screen and instantly access all the information they need to take the next step in their buyer journey. 

There’s no needless scrolling or wondering what to do next. 

According to analyst Jacob Nielsen, scannability is essential because people look for specific things on every page they visit. 

Customers don’t read through web pages word by word. Instead, they scan through the content, plucking information out that serves their requirements. 

Questions to Ask When Designing for Scannability

So, how do you know if your web pages are scannable?

Start by asking the following questions:

  • What’s the intent of the people who arrive on this page?
  • What kind of information needs to be conveyed instantly?
  • Can the visitor see the next step in their journey immediately?

For instance, when someone arrives on the Evernote homepage, you can assume that they want to:

  • Find out about Evernote
  • Learn how to sign up
  • Jump to other pages to find out about features, and contact details

That’s why the designer behind the Evernote website placed an immediate piece of useful information at the top of the page: “Tame your work, organize your life” tells customers exactly what the entire product is all about. The brief paragraph of information underneath can provide a few more details if customers need it, then there’s an immediate call to action: Sign up for free. 

Not only does the call to action tell users what to do next, but it tells them the most important information they need straight away: it’s free. 

Scannable pages like this are useful because:

  • They help users complete their tasks quicker: Whether you want to sign up or learn more about the product, everything you need is available instantly, with no scrolling required. 
  • The bounce rate is reduced. Customers don’t get confused and hit the back button. That’s good for your client’s SEO and their bottom line. 
  • The website looks and feels more credible: Because customers get all the answers to their questions immediately, they’re more likely to trust the website. 

So, what are some of the best things you can do to make your sites as scannable as possible?

Use Visual Hierarchy

Visual hierarchy is a way of organizing the content on your website in a way that adheres to how people use the website. For instance, if you land on a blog page, you expect to see the headline first, maybe some information about the writer, and any other essential information, followed by the body content. 

Although it’s tempting for designers to try and surprise users with new visual strategies, the best way to make your content more scannable is to give end-users precisely what they expect. 

If you’re not sure what a page should look like, try checking out the competition. 

One of the most obvious visual hierarchy rules is that the main navigation should always go at the top of the page. 

Customers will expect to look at the top of the page to find navigation. They don’t want to have to scroll through your website, searching for a way to get to another page. If you want to make it as easy as possible for end-users to jump from one page to another, you can pin the navigation bar to the page so that it stays with users as they scroll. 

Maintain Negative Space

White space, negative space, or whatever you call it – is the part of your design that’s left empty. 

White space is crucial because it gives all of the objects on your page some much-needed breathing room. Without enough negative space on your pages, it’s impossible to embrace scannability because there’s too much information for a customer to take in at once. 

For instance, notice how there are big gaps of space between every element on a Forbes website post. A proper amount of negative space on your site ensures that users can quickly take in chunks of information and use that information to decide what to do next. 

To ensure there’s enough negative space on your website pages, ask yourself what the key elements visitors will notice when they come to a website. The essential items should be:

  • A title or header to confirm that the user is in the right place
  • A CTA that shows your user what to do next
  • A navigation header or menu
  • Critical information includes an introduction to what a page is about or an excerpt from the blog post they’re about to read. 
  • A visual component: A picture or image that gives context to the page. 

Anything else can usually be removed. So, for instance, if Forbes wanted to make the page above more scannable, they could easily remove the ads and social media sharing buttons.

Make the Next Step Obvious

Every page on a website exists in a hierarchy within the customer journey. 

A homepage leads customers to product pages, which leads to a checkout page, which connects to a thank-you page that sends the visitor back to another product page, and so on. 

When designing for scannability, it’s crucial to make the next step in the journey as obvious as possible. Usually, this means placing the call to action “above the fold,” where the customer can see it immediately.

Ideally, scannable pages should have just one CTA. This will stop your audience members from being confused or overwhelmed by choice. 

However, if you’ve got multiple CTAs, think about the average customer’s journey and what they’ll want access to first.

If those buttons don’t appeal to the customer, they can scroll a little further and see other “next step” options, like shopping for “self-isolation essentials” or browsing other popular product categories:

Test Every Page

Testing for scannability means examining every page and making sure that it’s as easy as possible for customers to move through the buying process as fast as they want to. 

Visit each page you design in a buyer journey and ask how quickly it would take end-users to get from point A to point B and beyond. Here are some of the common issues that might slow the customer’s journey and harm scannability:

  • Readability: Is the font legible? Is it large enough to read on all screens, including mobile devices? Legibility in the design world measures how quickly and intuitively your users can distinguish what’s going on any page. Remember that the color of the background, the amount of negative space around copy blocks, and even font pairing can impact the readability of the content. Show your pages to multiple people and time how long it takes for them to grasp the message that you’re trying to convey. 
  • Fluff: Fluff and extra features can make your pages more intriguing, but they can also slow users down. For instance, one picture at the top of a blog page can add context to the article. A slideshow of pictures stops the customer from progressing and keeps them stuck at the top of the page for longer. 
  • Words instead of numbers: According to Nielsen, eye-tracking studies show that numerals often stop the wandering eye. Numbers are compact and more regularly associated with statistics and facts, so they’re more likely to grab attention. If you want to get important points across to end users fast, use numbers, not words. 

Creating Scannable Pages

Scannability is becoming an increasingly important concept in today’s busy landscape. 

Now that more customers are browsing websites from their smartphones or checking out products on the move, designers need to think more carefully about adjusting to this agile environment. 

Scannable pages that move visitors along the buying cycle and into the next stage of the funnel will deliver better results for your clients, and therefore better outcomes for you. 

Source

The post Quick Ways to Make a Webpage More Scannable first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

La gestion d’une PME comme la montée en puissance d’une ETI impliquent nécessairement la digitalisation des processus de l’entreprise. Pour gagner en compétitivité sur le marché actuel, l’implémentation d’un ERP se révèle être un atout indéniable. En effet, il est indispensable d’automatiser les tâches, de fournir des services à distance et de rendre les données accessibles depuis différents supports.

Gérer efficacement les bases de données devient capital et relève d’un véritable enjeu stratégique pour chaque société. Leviers de croissance, centralisation et hiérarchisation des données permettent aux entreprises de se développer. L’externalisation informatique via le cloud assure une flexibilité et une sécurité supplémentaires dans le stockage et la mise à jour des databases. La maintenance à distance réduit considérablement les coûts. Il s’agit aussi de s’adapter aux fluctuations du marché en temps réel avec une réactivité à l’épreuve des aléas économiques. Tous les secteurs d’activité sont alors concernés par la transformation numérique ou l’optimisation de la solution digitale déjà en place. L’importance croissante du commerce en ligne accélère d’ailleurs la tendance.

Le traitement des informations requiert un logiciel de gestion d’entreprise performant, adapté à la taille de la structure et conçu pour permettre son évolution en fonction des objectifs fixés. Le système ERP soutient l’activité dans des conditions de rentabilité optimale au niveau de la production mais aussi de la gestion et du commerce. Il offre également un outil d’analyse fiable pour définir une stratégie d’entreprise pérenne. La solution ERP garantit un pilotage sur-mesure aux PME comme aux ETI. Mais derrière la technologie ERP et sa définition marketing, quelles modalités de déploiement assurent une compétitivité sans délai ? Voici tout ce qu’il faut savoir pour mettre à profit un ERP d’entreprise avec une intégration système réussie, une interface conviviale pour ses utilisateurs et un support client irréprochable.

Tous les bénéfices d’un système ERP pour les PME et les ETI

La transition numérique met en avant l’ERP avec une signification pas toujours accessible aux personnes extérieures au service informatique de l’entreprise. Pourtant, les PME comme les ETI peuvent elles aussi faciliter leur digitalisation en ayant recours à un Progiciel  de Gestion  Intégré  (PGI, de l’anglais ERP), conçu par un éditeur spécialisé. Les coûts de gestion de l’entreprise diminuent également avec l’automatisation des tâches récurrentes et la fin des répétitions de saisies informatiques inutiles entre les services. Avec un PGI, il n’est pas nécessaire d’investir dans une licence pour chaque poste de travail : il gère l’ensemble du système informatique et partage les données en temps réel avec les départements concernés.

Dans l’industrie, les sociétés de services et le commerce, les PME gagnent ainsi du temps et économisent sur leur budget annuel. Les équipes peuvent davantage mettre à profit leur énergie sur des tâches à valeurs ajoutées. L’Enterprise Resource Planning porte les petites structures au rang des ETI. Mais que signifie exactement ce terme informatique et quelles applications trouve-t-il dans les processus de gestion des informations et des services opérationnels des entreprises ?

Qu’est-ce qu’un ERP ?

Le terme désigne un logiciel professionnel aux multiples fonctionnalités. Il est conçu pour répondre à l’efficacité de gestion des processus informatisés de l’entreprise. En français, il est aussi connu sous l’appellation PGI pour Progiciel de Gestion Intégré. Il regroupe un ensemble de programmes paramétrables en fonction des utilisateurs et des besoins en lien avec l’activité. Il intègre à son système d’informations toutes les fonctions d’une société. Outil de gestion informatisée, il met à disposition des services concernés toutes les ressources nécessaires au fonctionnement de l’entreprise. Le PGI favorise le travail en équipe et assure la transmission des données entre les différents départements. Il permet d’interagir avec un site client. Il sert de passerelle entre les données des sites de production et celles des points de livraison. Le PGI promet une logistique sans faille. Mais qu’en est-il plus concrètement ?

Son rôle dans le fonctionnement d’une entreprise

Dans une usine de production, par exemple, l’ERP centralise toutes les informations utiles pour assurer les commandes et les livraisons dans les délais prévus. Il adapte le rendement au stock disponible et au coût total. Il peut être programmé pour commander les matériaux automatiquement avant une pénurie pénalisante. L’ERP envoie alors la facturation de l’approvisionnement au service comptabilité. Il permet de planifier les roulements des équipes en fonction de la rentabilité de la production. Il fournit l’analyse financière nécessaire à la prise de décisions. Les données sont disponibles en temps réel. Même les ressources humaines peuvent bénéficier des applications du PGI. La base de données utilisée prévoit le croisement des informations, leur classement et leur extraction en fonction des stratégies préalablement définies. Autrement dit, l’ERP fluidifie l’agrégation et le traitement des données de toute l’entreprise pour que tous ses services en tirent profit.

L’ERP s’adresse également aux commerces et à la grande distribution. Un logiciel de gestion commerciale facilite la logistique au quotidien et la traçabilité des produits. Il s’inscrit dans une logique de gestion du cœur de métier ou des fonctions administratives comme l’émission des bulletins de paie. L’accès aux différentes informations de la filière entière reste toutefois soumis à des autorisations validées par la structure organisationnelle de l’entreprise. Mais tous les intervenants concernés partagent la même information immédiatement actualisée.

Le fonctionnement d’un ERP au sein d’une PME

L’avantage principal d’une intégration de système réside dans l’homogénéité des données accessibles. La mise à jour d’une information au niveau d’un poste de travail se transmet à tous les étages de l’organigramme de gestion. Chacun dispose des mêmes éléments pour traiter les tâches qui lui sont imparties. Tous bénéficient de la capitalisation des données stockées au sein du réseau interne. L’implémentation d’un ERP implique aussi des passerelles entre les différents programmes des départements spécifiques et leurs nombreux périphériques. Les données transitent sans problèmes de compatibilités ni d’interfaces. Le PGI communique avec les serveurs des fournisseurs et des clients lorsque le contexte s’y prête. Il est alors primordial de définir les fonctionnalités indispensables à l’activité.

Le logiciel gestion commerciale peut gérer l’envoi de mails pour une prospection régulière et une fidélisation des clients efficace. Certains secteurs ont intérêt à utiliser des assistants digitaux pour filtrer les communications par type d’informations. Chaque entreprise a son propre fonctionnement, l’ERP lui donne les moyens de l’optimiser avec une solution globale ou spécifique. Les conseils spécialisés de l’éditeur du progiciel de gestion d’entreprise apportent une expertise dans le choix des applications à mettre en place dans une filière particulière. Un diagnostic ERP après un audit complet des besoins de l’entreprise donne des perspectives nouvelles d’évolution sur le marché.

Choisir un progiciel de gestion intégré en fonction des besoins du business

La nature des données détermine en partie l’algorithme à utiliser. Les informations d’une ligne de production dans une usine ne sont pas du même ordre que celles d’une entreprise de services. Le commerce en ligne requiert des fonctionnalités spécifiques à son activité. La gestion des ressources humaines, des finances ou de la relation clients nécessitent des technologies adaptées à leur environnement de travail, sans nuire au fonctionnement du système global. Les supports multimédias utilisés et les composants de la bureautique déjà installés entrent également en ligne de compte dans la conception du PGI. Pourtant, certaines fonctionnalités sont communes à toutes les PME comme l’accès au réseau ou la gestion des mails. Les modules reliés à la base de données offrent ensuite des applications appropriées à chaque service. Ils visent à donner de l’ampleur au business mais doivent convenir aux dimensions du marché parfois géographiquement limité.

Les PME peuvent aussi disposer d’un terminal performant et sécurisé pour les paiements par carte de crédit via leur dispositif ERP. Mais les adaptations prévues par le fournisseur ERP ne se limitent pas aux opérations à réaliser pour la gestion de l’entreprise. Le progiciel est conçu pour respecter le mode de fonctionnement des équipes ainsi que la structure organisationnelle de l’entreprise.

Les différentes versions de la planification des ressources de l’entreprise

Le système ERP privilégie la gestion management. Il centralise les informations dès leur enregistrement dans la base de données et donne accès aux différentes composantes de l’activité selon les fonctions exercées au sein de la PME. L’ERP permet de superviser les flux en regard de leur rentabilité économique, logistique ou financière. Il fournit des outils d’analyses avancés pour amorcer une dynamique de croissance à partir de la configuration initiale de l’entreprise. La solution proposée répond à la capacité de production de l’entreprise ou à ses objectifs de ventes. Mais la mise au format doit être progressive. Elle nécessite une phase de tests : avant le déploiement intégral de la solution ERP, une intégration pilote garantit la continuité dans la qualité des processus. Il s’agit de ne pas impacter le fonctionnement de l’entreprise et d’assurer une transition à la hauteur des nouveaux objectifs de l’ETI. L’ERP pour PME sert également à travailler en équipe.

Les fonctionnalités à privilégier pour la gestion de projet ou l’organisation administrative

Le pilotage d’un projet et la gestion administrative d’une PME ne relèvent pas des mêmes processus. Ils sont donc assignés à différentes fonctionnalités. Les applications utilisées par les entités de travail organisent l’activité selon le mode opérationnel habituel. Le département des achats ou de la comptabilité ne fonctionne pas sur le modèle de la gestion de projets d’équipes. Les visioconférences et la communication unifiée permettent de mener à bien un projet d’étude. Les données statistiques, la gestion du budget et des délais à respecter avec le logiciel ERP libèrent du temps au chef de projet qui peut alors se concentrer sur les difficultés techniques et la relation client.

Un éditeur avec une expertise du métier garantit une implémentation informatique réussie. Si la formation des utilisateurs à l’ERP de l’entreprise est primordiale, sa configuration intuitive autorise une maintenance corrective simplifiée. Une simple mise à jour du système suffit souvent à apporter de nouvelles fonctionnalités pour rester concurrentiel.

Planifier l’évolution des structures organisationnelles du PGI avec une solution SaaS

La pertinence des fonctionnalités de l’ERP permet de gagner en rentabilité mais elle ne suffit pas à garantir la compétitivité en toute circonstance. Or la flexibilité est la clé du succès des PME. Elles profitent alors de leur statut d’ETI avant de conquérir de nouveaux marchés et de s’agrandir. Pour rester concurrentielles, elles doivent désormais se positionner à la pointe de l’innovation technologique.

Le cloud computing offre un système d’exploitation aux multiples possibilités et se révèle simple à utiliser. Il accompagne tous les projets innovants initiés pour s’adapter au marché. Les données sont accessibles même en distanciel et depuis n’importe quel type de terminaux. Les informations doivent pouvoir être consultées directement depuis un smartphone ou une tablette de l’entreprise. Les postes de travail évoluent en mode nomade et nécessitent une gestion à distance via internet. La solution SaaS donne les moyens d’organiser la réactivité des entreprises connectées mais pour quel taux d’investissements de la part des PME ?

Quand les avantages fonctionnels et les intérêts financiers se rencontrent sur le cloud

Le logiciel SaaS prévoit la gestion de l’entreprise dans le Cloud. Il assume un stockage massif de données de façon décentralisée pour gagner en capacités. Il offre un service aux PME en quête de parts de marché supplémentaires. Ce type de logiciels professionnels s’avère performant pour le traitement des données et des flux d’informations. Le fournisseur héberge les codes sources des applis et des données dans un espace de stockage sécurisé. Il garantit la sauvegarde des données en cas de problème technique. Il les rend disponibles depuis internet à la demande de l’entreprise. Les PME n’ont jamais le souci de la maintenance du système. Un abonnement suffit pour profiter d’un usage illimité des ressources web prévues dans la solution SaaS. Les entreprises n’ont pas besoin d’investir dans du matériel puissant pour lancer les applis : le serveur web du logiciel de service s’en occupe à distance.

Le paramétrage du logiciel SaaS sur la table

Le cloud computing fournit les services informatiques indispensables à la croissance des entreprises. En plus de la gestion du réseau et du stockage des bases de données, il intègre l’intelligence artificielle dans les outils d’analyse. La vente et les finances sont gérées dans des conditions optimales. La stratégie évolue au même rythme que le marché. Le fournisseur ERP programme un paramétrage spécifique au domaine d’activité et aux objectifs chiffrés de l’entreprise. Les algorithmes présentent alors des solutions évolutives pour gérer les difficultés et développer un nouveau modèle économique à partir des nouvelles opportunités du marché.

Il existe aussi des solutions prévues pour développer le commerce en ligne. Les analyses prédictives font alors place aux améliorations de l’expérience utilisateur sur le site web. Le décryptage du trafic en ligne et des modalités du déclenchement des achats orientent la stratégie digitale à suivre.

La maintenance du système par SAP France

Leader de l’ERP, SAP France propose des solutions SaaS sur-mesure aux PME et aux ETI. Les entreprises bénéficient d’une expertise du logiciel de service et d’une implémentation spécifique à leurs processus. Spécialisé dans le Cloud, SAP accompagne le projet de digitalisation de la gestion organisationnelle et fonctionnelle des entreprises jusque dans la compétitivité. Ne vous laissez pas distancer sans réagir !

The post Comment gagner en compétitivité avec un logiciel ERP innovant ? appeared first on SAP France News.

Source de l’article sur sap.com

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

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

Productivity is a crowded space, with countless apps and services promising to make your life and business easier and more profitable. Of all the apps that make that promise, very few deliver, but we’ve found one that does: Taskade.

Flexible Planning With Taskade

Every problem is unique, and part of what defines us as creative professionals is the different ways we approach problems. What suits one person in one situation doesn’t suit another in another. This is where many planning apps fall down: they adopt one singular approach and expect users to fit around the app.

Taskade is different. Like the love-child of Trello, Notion, and Slack, Taskade uses a template approach to create a flexible planning system that you can use in whatever way you prefer.

When you open up Taskade, you’ll see some quick options: ‘blank,’ ‘weekly planner,’ ‘meeting agenda,’ and so forth. But there’s also a ‘more’ option that will give you access to the hundreds of templates Taskade supplies. There are dozens of template categories, and each category contains multiple templates that you can use to drive your planning process.

Whether you’re looking for a task list for launching on Product Hunt, a design system checklist, or a project scrum board, you’ll find the template ready and waiting for you.

If none of the predesigned options are right for the task at hand, Taskade gives you the option to create your own template from the basic building blocks of boards, actions, mind maps, charts, and lists.

Team Collaboration With Taskade

One of Taskade’s main strengths is its ability to work equally well for individuals and teams.

It makes sense when you’re evaluating a product that you do it on your own. But we encourage you to bring team members on board early in the trial because it’s when working with teams that Taskade really excels as a collaborative tool.

Once you’ve created a new planning project, you can invite your team, either by email or — if they’re already registered — by tagging them with their Taskade username.

You can assign tasks to individuals or multiple individuals (a much better option than the free-for-all you find in some to-do apps). You can also set deadlines for tasks so that everyone knows what the schedule is.

Team Chat on Taskade

Another area that Taskade excels for teams is the built-in real-time live chat. You can communicate with team members right in the project instead of jumping onto Slack or email.

For teams working remotely, or even just multi-tasking throughout the day, it’s a great way of ensuring that everyone has the information they need. As a result, mistakes are minimized, and best of all, there’s a written record that can be referred back to at any time.

Chat can be sent to the whole team, or direct messaged to an individual, so you don’t need to worry about filling up everyone’s notifications with messages that don’t apply to them.

Project Management With Taskade

If you’re working on a single project, then you probably know exactly where it is at all times. But for anyone working on multiple projects, it can be hard to keep track of everything. So Taskade has several different options for project managers.

The Mindmap section is one of the most useful parts of Taskade because it gives you a complete overview of everything in your project. You can see what has been completed and how much time it took — that way, you can assess how viable the timeline for your other tasks is.

Another great feature of Taskade is the activity feed. When one of your team makes a change to a project, it will pop up in your activity feed, and the next time you log in, you’ll see the status of your projects with a single glance.

Multi-Platform

One of our favorite aspects of Taskade is that it works equally well across different platforms. As well as the desktop web app, you’ll also find native apps in the iOS app store and the Android play store.

Syncing your account over different apps is awesome because ideas often occur at inconvenient times — on your commute, walking the dog. Even when you’re at your desk, it’s much handier to grab your phone and make notes than it is to switch to your browser and visit a site.

Easy Registration

If you’re feeling the pressure of a bulging inbox, or to-do lists on multiple post-its, then the last thing you need is another complex, confusing task to add to the pile.

Taskade is super-easy to get started with. Just click the ‘Sign up’ link in the top right of the site, and you’ll have three options: Sign up with Google, sign up with your email, or you can continue as a guest.

If you’re not sold yet, then continue as a guest — essentially a free trial — you can sign in properly later once your curiosity is satisfied.

Free to Use

Taskade is free to use on a limited basis. The free plan comes with 500Mb of storage and a maximum 25Mb file size. You can create individual tasks or whole projects, workflows, and custom templates and share tasks and projects with your team. That’s enough to help you make the most of Taskade for $0.

If you find that the generous free plan isn’t quite enough, paid plans start at just $5 per month. The paid plan gives you unlimited storage and bumps the maximum file size up to 250Mb. You have the same core features as the free plan; it’s just that they’re unlimited, which means you can do even more planning. In addition, the paid plan adds some handy extra features that are great time-savers, such as sorting tasks, creating repeat tasks, and bulk assigning tasks. Just look at how Taskade compares to similar tools.

Most professionals will get along with the free plan just fine, but $5 per month for unlimited storage is a great deal. On top of that, you have future premium features to look forward to, including a project revision history and a calendar view.

You can sign up to Taskade for free now, as a guest, with your email, or with Google.

 

[– This is a sponsored post on behalf of Taskade –]

Source

The post Collaborative Task Management with Taskade first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

La mise en oeuvre d’un nouveau système ERP offre une occasion majeure de transformer numériquement votre entreprise. Non seulement vous pouvez dépasser les fonctionnalités limitées ou la technologie obsolète de votre ancien système, mais vous pouvez également tirer parti des capacités du système ERP moderne pour vous aider à saisir de nouvelles opportunités commerciales.

Cependant, toutes les mises en place ne se déroulent pas sans heurts. Alors comment préparer votre entreprise à une mise en oeuvre réussie de l’ERP ? Comment éviter les coûts et les risques inutiles ? Ces meilleures pratiques de mise en œuvre d’un ERP peuvent vous aider à éviter les pièges les plus courants et à profiter plus rapidement des avantages de votre nouveau système ERP.

Par où commencer votre projet ERP ?

Lorsque les gens pensent à la mise en oeuvre d’un système, ils commencent souvent par envisager les fonctionnalités souhaitées. Mais les nouvelles fonctionnalités ou technologies ne sont pas le cœur du problème ; ce dont une entreprise a besoin pour se développer, ce sont des processus de gestion modernes. Ce n’est qu’avec des processus efficaces qui vous permettent d’être agile et réactif que vous pourrez stimuler votre compétitivité et mieux servir vos clients internationaux.

Souvent, les processus existants sont rigides et ne répondent pas aux besoins de l’entreprise. Même lorsque des processus éprouvés et rentables sont en place, ils doivent souvent être mis à jour pour répondre à l’évolution des besoins ou être enrichis de nouvelles fonctionnalités, comme l’accès mobile, les alertes et la veille économique. Il est donc important de toujours garder ces processus au cœur de votre plan de mise en œuvre.

Quel est le plus grand facteur de réussite ? Votre équipe de projet.

Toutes les études de cas sur la mise en oeuvre d’un ERP se rejoignent
: le facteur déterminant est l’équipe de mise en œuvre.

Un excellent logiciel n’est excellent que s’il est mis en œuvre par une équipe solide. Si les membres de l’équipe n’ont pas le temps, le soutien ou les compétences nécessaires pour effectuer le travail efficacement, ils ne réussiront pas – et le projet souffrira probablement de retards, de coûts supplémentaires et/ou d’un logiciel qui ne répond pas aux besoins de l’entreprise.

Les entreprises qui ont connu des revers ou des échecs en matière d’ERP ont souvent affecté des employés qui « avaient le temps » de travailler sur le projet. Mais pour réussir, vous devez recruter les personnes dont « vous ne pouvez pas vous passer ». Il s’agit des personnes bien occupées qui connaissent les processus opérationnels, travaillent bien avec les autres membres de l’organisation et ont le respect de la direction. Dédiez ces personnes au projet à plein temps (40 heures de disponibilité), ou autant d’heures que possible par semaine.

N’ajoutez à l’équipe de projet clé aucune personne qui ne peut pas consacrer au moins 25 % de son temps (minimum 10 heures) au projet chaque semaine. Les membres de l’équipe consacrant moins d’un quart de leur temps pourront rattraper les activités du projet mais n’y apporteront aucune valeur ajoutée.

Le soutien de la direction à votre équipe est essentiel. Dans toute mise en œuvre importante, des décisions doivent être prises concernant les priorités et les compromis en matière de ressources. Sans un soutien et un engagement fort, même les équipes qualifiées peuvent échouer.

La mise en oeuvre rapide d’un système ERP moderne est l’une des choses les plus importantes qu’une entreprise puisse réaliser. Cela vaut la peine d’y consacrer vos meilleurs éléments et de poser les bases du succès dès le départ.

Comment planifier la mise en œuvre de votre ERP

Planifiez la séquence de mise en place de façon réaliste. Tenez compte de la disponibilité de votre équipe de direction, des managers et des experts internes qui contribuent à l’effort.

Classez vos besoins par ordre de priorité afin de pouvoir vous concentrer sur les gains importants tout en constituant une base logicielle et technologique de base qui pourra évoluer en fonction des besoins de votre entreprise.

Votre plan détaillé et vos indicateurs clés de performance seront adaptés à vos besoins spécifiques. Toutefois, les activités clés suivantes sont des étapes communes à toutes les mises en place réussies :

Mise en oeuvre d'un ERP

1. Sélectionnez un partenaire intégrateur pour vous aider à la mise en œuvre

Votre équipe de projet n’est probablement pas très expérimentée dans la mise en œuvre d’un logiciel ERP ; elle aura besoin d’aide. Cherchez et sélectionnez un ou plusieurs consultants qualifiés pour la mise en oeuvre de l’ERP, ayant une connaissance approfondie et une expérience de l’application ERP que vous allez installer. Confirmez qu’ils comprennent comment la nouvelle solution logicielle soutient vos processus d’affaires actuels et à venir. Interrogez leurs références pour le vérifier.

Vos partenaires intégrateurs doivent disposer d’un personnel formé à votre secteur d’activité et disponible sur vos sites. Si vous avez des clients et des fournisseurs internationaux, vos partenaires doivent avoir les compétences nécessaires en matière de commerce international, de langues et de devises pour rationaliser votre mise en œuvre.

Enfin, examinez le logiciel de gestion de projet que l’entreprise utilise pour vous assurer qu’il est compatible avec votre système interne de planification, d’ordonnancement et de suivi.

2. Détaillez toutes les tâches du projet

Votre partenaire de mise en place vous aidera à dresser une liste détaillée de toutes les tâches à accomplir. Cette liste sera longue. La formation seule, par exemple, comprend de nombreuses tâches :

  • Formation de l’équipe de projet : Votre équipe doit se familiariser avec le logiciel afin de pouvoir décider comment adapter vos processus d’entreprise.
  • Formation de l’équipe informatique : L’équipe informatique doit être formée afin de comprendre comment installer et maintenir le système de manière optimale.
  • Formation des utilisateurs métiers : Toutes les personnes appelées à utiliser le logiciel doivent apprendre comment il fonctionne.
  • Formation continue : Les nouveaux utilisateurs auront besoin d’être formés au fur et à mesure qu’ils rejoignent votre entreprise, vous devrez donc mettre en place un plan à plus long terme.

La liste des tâches doit être divisée en phases. Il faut prévoir du temps pour le pilote en salle de conférence, la personnalisation de l’application, l’intégration à d’autres applications et sources de données, la mise en œuvre de l’infrastructure, le nettoyage des données, l’acceptation par les utilisateurs, etc.

3. Calculez les heures de travail

Estimez soigneusement le temps nécessaire à chacune des tâches. Pour ce faire, comprenez la tâche et le travail qu’elle implique, puis déterminez le nombre d’ « heures de travail » nécessaires. Il peut s’agir d’une fourchette d’heures, mais elle doit être précise. Additionnez les heures de travail pour chaque phase du projet et désignez la personne chargée de les réaliser.

C’est pourquoi il est important de faire appel à un partenaire intégrateur qui connaît bien la solution logicielle. Si vous effectuez cette étape correctement, vous serez en mesure de calculer avec précision votre calendrier, de déterminer si vous avez besoin d’aide en dehors de votre équipe actuelle et de limiter les dérapages.

4. Créez un calendrier réaliste

Maintenant que vous avez calculé les heures de travail disponibles et nécessaires, vous pouvez créer un calendrier réaliste. Dans de nombreux cas, le premier passage révèle un problème de capacité par rapport au calendrier de mise en œuvre qui avait été présenté à l’origine aux dirigeants.

Voici un exemple de calcul qui illustre les écarts potentiels :

  • Délai de mise en service prévu = 12 mois ou 1 an
  • Nombre total d’heures de travail disponibles sur une période de 12 mois = 540/semaine ou 28 080 heures/an
  • Nombre total d’heures de travail nécessaires à la mise en place = 42 000 heures au total
  • Heures requises divisées par les heures disponibles par an = 1,496 années

Le résultat ? La date de mise en service est manquée avant le début du projet. Voici quelques solutions possibles :

  • Réduire le scope – même si l’équipe a convenu que ces tâches sont essentielles.
  • Repousser la date à une date réaliste
  • Ajouter plus de ressources internes et externes (heures de travail disponibles)
  • Décomposer le projet en phases

C’est ici que l’équipe de direction devra prendre la décision. Ce n’est qu’un exemple des raisons pour lesquelles ils doivent être impliqués dans le processus de sélection et de mise en œuvre du logiciel.

5. Menez un projet pilote

Une fois le projet lancé et avant la mise en service, effectuez un test ou un pilote (dans une salle de conférence) avant le déploiement complet. Ce pilote interne vous permettra de vous assurer que vous avez mis en place les processus opérationnels appropriés pour les besoins actuels et futurs de l’entreprise. Lorsque vous concevez vos nouveaux processus, il est important de comprendre l’éventail des options disponibles dans votre système ERP – et de valider vos processus avec l’équipe de projet et les parties prenantes de la communauté des utilisateurs.

Au cours de cette phase de plusieurs semaines, votre partenaire de mise en place installera un logiciel pilote qui vous permettra de tester tous vos processus et de vous assurer qu’ils fonctionnent comme prévu, sans surprise. Souvent, vous pouvez appliquer les meilleures pratiques pour gagner du temps, en particulier si vous disposez des outils de configuration pour effectuer des ajustements rentables à mesure que vous affinez vos opérations.

6. Nettoyez vos données

Cela semble simple, mais le nettoyage des données est une activité chronophage. Il est préférable de commencer à évaluer l’exactitude de vos données dès que possible, car il faut beaucoup d’efforts pour réaliser cette étape correctement. Au cours du projet, des changements de processus métiers se produiront – soyez donc prêt pour des étapes supplémentaires de gestion des données pendant la mise en œuvre.

7. Tenez tout le monde informé

Chaque semaine, un membre du personnel doit contacter toutes les parties prenantes clés afin qu’elles soient informées des points positifs et moins positifs de l’avancement du projet de mise en œuvre. Le pire scénario est celui où les gens ne sont pas tenus au courant et sont pris par surprise.

La plupart des bons systèmes de gestion de projet comportent des représentations visuelles de l’avancement du projet.

Commencez par les processus les plus importants de votre entreprise

Toutes les entreprises n’ont pas les mêmes problèmes. Il est donc préférable de passer en revue vos processus opérationnels et de classer par ordre de priorité ceux qui doivent être abordés en premier. Voici une liste de domaines à haute valeur ajoutée à prendre en compte :  

  • La veille stratégique, y compris les alertes de gestion et les tableaux de bord : Votre équipe a besoin de mises à jour rapides sur les problèmes de l’entreprise, ainsi que de la possibilité d’approfondir facilement les détails pour résoudre rapidement les problèmes – au bureau, à la maison ou sur la route. Vous avez besoin d’une intelligence d’affaires intégrée et de données qui se trouvent dans une base de données unique.
  • Gestion de la relation client (CRM) : Aujourd’hui, les processus CRM touchent généralement toutes les parties d’une entreprise. Les ventes directes, les distributeurs, les showrooms, le commerce électronique, le service client et les commerciaux partagent tous des informations sur les clients avec la gestion des commandes, les opérations, les achats, l’ingénierie, les comptes clients et l’expédition.
  • Finance et comptabilité : Des transactions financières précises et en temps réel, des indicateurs clés de performance et des analyses sont essentiels à toute entreprise, et ils doivent couvrir tous les sites et départements. Outre la comptabilité, elles doivent être intégrées à l’évaluation des coûts, à la budgétisation, aux prévisions, aux projets, à la gestion des actifs, à la conformité et à la gestion de la trésorerie.
  • Gestion de la chaîne logistique (DSC) et fabrication : Les délais serrés, les faibles marges et les perturbations de la chaîne d’approvisionnement constituent un défi pour toutes les entreprises. Leur gestion nécessite un travail d’équipe – collaboration avec les fournisseurs, les transporteurs, les sociétés d’import/export, les banques et d’autres partenaires – souvent sur des appareils mobiles répartis sur plusieurs sites.
  • Ressources humaines (RH) : La gestion d’une main-d’œuvre diversifiée est plus difficile aujourd’hui que jamais, et votre équipe a besoin d’un accès immédiat et sécurisé aux informations sur les employés pour la paie, les avantages sociaux, la budgétisation, la programmation et les besoins de conformité. De plus, le recrutement, le développement et la fidélisation des employés constituent une part importante de l’évaluation des plans d’affaires actuels et proposés.
  • Langues, devises et sites multinationaux : À mesure que vous développez votre entreprise, en particulier si vous vous implantez dans de nouvelles régions ou de nouveaux pays, vous devez être en mesure d’ouvrir et de développer de nouvelles opérations de manière cohérente et rapide. Cela nécessite des capacités logicielles étendues et avancées, ainsi que des services cohérents de la part de votre fournisseur de logiciels sur chaque site.
  • La mobilité : La capacité d’accéder à l’information et de travailler à distance est désormais vitale – comme l’a démontré la pandémie de COVID-19. Les entreprises qui disposent des outils nécessaires pour s’adapter rapidement peuvent prendre l’avantage en période de perturbation.

Conseils pour atténuer les risques liés à la mise en œuvre d’un ERP

Tous les projets comportent un élément de risque. Vous trouverez ci-dessous cinq conseils précieux pour améliorer vos chances de mener à bien votre projet dans les délais et les budgets impartis.

  1. Choisissez des partenaires expérimentés en matière de logiciels, de processus opérationnels et de mise en oeuvre qui possèdent un savoir-faire sectoriel et local. Interrogez toujours des références dans des entreprises comme la vôtre.
  2. Ne poussez pas une technologie dépassée au-delà de ses limites. Éliminez les anciens systèmes autonomes dépassés et, dans la mesure du possible, consolidez vos données dans une base de données unique (version unique de la vérité) avec une veille économique intégrée pour des performances multinationales.
  3. Dans l’économie numérique, les entreprises doivent souvent intégrer des systèmes entre les unités commerciales ainsi qu’avec les clients et les fournisseurs. Confirmez que vous disposez de capacités d’intégration dans le cloud et d’une expertise en matière de réseaux de fournisseurs.
  4. Évitez les dérives du projet. Il est fréquent de découvrir des besoins et des opportunités au cours de la mise en œuvre d’un ERP. Il est donc important de gérer les ordres de modification pour éviter les retards et les dépassements de coûts.
  5. Confirmez que vous disposez d’une expertise cohérente sur tous vos sites. Vous avez besoin d’une formation, d’une mise en place et d’une assistance, souvent fournies par la direction locale, les distributeurs de logiciels, les sociétés de conseil et votre partenaire logiciel.

Conseils pour éviter les coûts supplémentaires liés à la mise en œuvre d’un ERP

L’investissement dans un nouveau système ERP comprend l’engagement en temps de votre entreprise, le conseil en processus métier et en mise en œuvre, les logiciels et les services cloud, ainsi que l’équipement en ordinateurs, tablettes et téléphones – il est donc important de contrôler le projet et les coûts.

Voici quelques points clés à suivre :

  • Restez concentré sur le coût total de possession (TCO). Gérez vos coûts totaux – et les avantages au fil du temps pour minimiser les dépenses et maximiser le rendement. N’oubliez pas que la mise en œuvre d’un système ERP aura un impact important sur votre entreprise.
  • Respectez l’orientation de l’entreprise et n’imposez pas de changements de processus inutiles. Dans de nombreux cas, les entreprises sont contraintes de modifier leur mode de fonctionnement pour s’adapter à leur logiciel, ce qui augmente les coûts de mise en œuvre et d’exploitation.
  • Concentrez-vous sur les processus de routine qui apportent une valeur significative à l’entreprise.  La gestion des commandes des clients, la mise à jour des prix, l’ajout de nouveaux produits et services, la modification des détails de fabrication et l’intégration des nouveaux employés sont des exemples de ces processus de routine.
  • Évitez les personnalisations et tirez parti d’une interface utilisateur configurable, des tableaux de bord, des alertes, des flux de travail, de la veille économique et des fonctionnalités mobiles. Grâce à ces fonctionnalités, vous pouvez rationaliser le travail de tous vos services ainsi que procéder à des ajustements rapides et rentables si nécessaire.
  • Les piratages de systèmes et les violations de données coûtent cher. Lorsque vous utilisez Internet, utilisez une solution ERP en nuage sécurisée si nécessaire – confirmez que vos fournisseurs de logiciels et de services prennent en charge une gamme d’options de déploiement de logiciels sécurisés.

Quand votre mise en oeuvre ERP sera-t-elle terminée ?

Une fois votre mise en oeuvre initiale terminée, vous aurez toujours besoin de la flexibilité nécessaire pour ajouter des fonctionnalités supplémentaires à votre entreprise. De nombreux changements peuvent être à l’origine de ces opportunités, comme de nouveaux sites, de nouvelles gammes de produits et de services, et des acquisitions.

La transformation numérique offre également des possibilités supplémentaires de faire équipe avec les clients et les fournisseurs pour redéfinir la manière dont les affaires sont menées dans votre secteur. Souvent, ces projets incluent de nouvelles technologies, comme l’apprentissage automatique et l’intelligence artificielle (IA), ainsi que l’intégration avec des équipements et des véhicules utilisant l’Internet des objets (IoT) pour améliorer la vitesse et l’efficacité.

Prêt à passer à l’étape suivante ?

Dans tout projet ERP, il y aura des problèmes inattendus – alors attendez-vous à en rencontrer dans le vôtre. Mais, en suivant les meilleures pratiques pour une mise en oeuvre réussie de l’ERP, vous pouvez les identifier et les traiter dès qu’ils se présentent afin de gérer efficacement vos risques et vos coûts.

Essayez une solution ERP moderne cloud

The post Meilleures pratiques de mise en œuvre d’un ERP pour réduire les risques et les coûts appeared first on SAP France News.

Source de l’article sur sap.com

Looking to give your homepage a well-needed design update in late 2021 or 2022? Not a bad idea; first impressions are crucial when it comes to business websites. But, fixing your homepage and website design is no easy feat.

Web design trends are evolving faster. Blame the ever-decreasing user’s attention span. The average visitor now spends just 0.5 seconds scanning your homepage to form an opinion about your brand and decide whether to click through or bounce.

Increased user expectations and uncertainty in the user’s response, which is highly impacted by the site’s first impression, are other reasons to consider. This is why the designs which were trending in 2019 are no longer viable in 2021 or 2022.

We have curated the ten best examples of homepage designs to inspire your business in 2022, including a rundown of the best strategies and tips.

Let’s start by highlighting why homepage optimization is necessary for 2022:

Why Your Homepage Will Be So Important in 2022

Your website — especially your homepage — is your brand’s first chance to attract, build trust with, and connect with visitors.

According to recent statistics on why website design is important:

  1. 38% of visitors will stop interacting with a website if they think the layout isn’t visually appealing or intuitive. This creates a higher bounce rate and fewer conversions.
  2. 94% of a visitor’s first impression is based on website design (including colors, fonts, layout, navigation menus, etc.).
  3. 46% of people base a business’s credibility on the aesthetics of its website. Brands with less-than-stellar homepage designs are seen as less trustworthy than companies investing in the visitor experience.

Think of it the same way as walking into a brick-and-mortar store. Visitors are more enticed by a carefully curated ambiance of neatly stocked shelves and welcoming employees than a store that’s dark, messy, or seemingly unfriendly.

Using this logic, your homepage’s above-the-fold section is where you’ll greet visitors and reel them in for more.

10 Homepage Design Comparisons (2019 vs. 2021) To Inspire Your Business Website Design in 2022

Homepage design has come a long way since 2019. In this section, you will explore how.

These homepage designs crush it above the fold. Take just a few of these tips to heart, and your website will be poised to attract leads and conversions — no matter which industry you’re in.

1. Netflix – Crafting The Perfect Call To Action That Reduces Friction With An Additional FAQs Section

Most businesses make the mistake of adding a CTA button that first persuades the user to click on it and then asks for the visitor’s email address.

Netflix also did the same in its 2019 design.

However, Netflix combined both steps in its 2021 homepage design.

The new, improved 2021 homepage design asks for the user email address right up front along with the CTA button.

Here is a good comparison of both the designs:

2019 homepage design

vs.

2021 homepage design

Key Takeaways:

  • The design encourages visitors to enter their email address right when they land on the homepage. As a result, form submission is much easier when the user has started the process. Hence, Netflix makes it easier for visitors to move along their conversion funnel nicely by reducing the friction.
  • The 2021 design also has a nice FAQ section that provides quick information about the company’s services and improves the overall user experience.
  • FAQs also help increase the organic presence of the website in the search engines because Google presents snippets from the FAQ section in the form of an answer box in the search results.

2. Spotify – Revamped Color Combinations For Improved CTA Visibility And Using The ‘Rule of Three’ For Heading Text

The older 2019 Spotify homepage design used light pink and orange colors in its home page main area. The CTA color was green, but if you look closely, the CTA lacks visibility.

The new 2021 design uses blue and green colors with a much larger font size for the main heading. The colors are attractive, and the CTA is visible clearly.

Here is the comparison of the Spotify homepage 2019 design vs. 2020 design:

2019 homepage design

Vs.

2021 homepage design

Key Takeaways:

  • Blue is the most versatile color, and green is the perfect choice for the CTA button. Spotify used universally accepted color combinations to redesign its homepage and made the CTA more visible.
  • The main heading is also made larger than it was in the 2019 design, and it follows the rule of three in writing which is effective and satisfying. It uses just three words in the main heading to allow the human brain to process information as a pattern that is more memorable.

3. Hulu – Give Priority To Your Brand Name And Hide Pricing

If you compare the Hulu 2019 vs. 2021 Hulu homepage, the brand name has been prioritized and shown as the main heading.

Moreover, the older homepage had pricing information everywhere, which has been reduced intelligently in the new design.

2019 homepage design

vs.

2021 homepage design

Key Takeaways:

  • The brand name ‘Hulu’ is displayed as the main heading of the homepage, which helps to build audience trust.
  • The older design persuaded the users to pick a paid plan even though they had a free trial option—this discouraged users from trying their service. The new 2021 design encourages users to try the platform for free. In addition, the packages have prominent CTAs that mention “try for $0”. This design move improves conversions on the website.
  • The new design makes it easier for the visitors to select a viewing plan with easy comparison of the three available plans. The best part is, customers can start all the plans for $0. It’s a win-win situation for the users, and they can quickly pick a plan to start watching Hulu.

4. Nextiva – Reduce Visual Noise And Add Pictures In Menu To Improve UX

Nextiva realized the importance of reducing visual noise in its newly designed 2021 homepage. Visual noise happens when you use too many colors to attract user attention. Different colors compete with each other resulting in diluted customer observation.

In the old 2019 homepage, Nextiva used orange, blue, and green as the primary colors, while in the 2021 revamped design, they have used blue as the main color.

Here is a comparison of the two designs:

2019 homepage design

vs.

2021 homepage design

Moreover, the older homepage didn’t have an image in the product menu, but the new 2021 homepage improves the UX further.

Below is a comparison:

2019 homepage design

vs.

2021 homepage design

Key Takeaways:

  • Nextiva used blue as their base color for the homepage design and removed orange and green colors to reduce visual complexity. This is an excellent change to keep the user’s attention focused. Notice the green colored bar at the top of the homepage in the 2019 version now replaced with blue.
  • The 2021 design has a clean look compared to the 2019 design, which looks scattered with too many different elements, including CTAs that confuse the users.
  • The product menu does an excellent job of linking intelligently to service pages such as phone systems and video meetings. The image of a smiling lady attracts users to click on Nextiva’s products to learn more about them. Improving UX is an impressive way to reduce bounce rates and increase time on site.

5. GoToMeeting – Avoid Lengthy Sign Up Form, Educate Users About Your Products, and Add Images That Depict The Current Needs of The Audience

GoToMeeting does a great job educating the users about their product by adding more content on the homepage that comprehensively explains their product features.

Moreover, they have replaced the older hero image with a new picture that portrays the changing needs of their audiences. Nowadays, there is a rise in work from home culture due to Covid-19. Hence, the photo and the heading text clearly target the needs of their users.

Here is a comparison of the 2019 vs. 2020 homepage of GoToMeeting:

2019 homepage design

vs.

2021 homepage design

Key Takeaways:

  • The 2019 homepage design had a sign-up form on the homepage, which GoToMeeting removed in the 2021 design. People hate to fill in so much information right when they land on the home page. Hence, GoToMeeting did the right thing by removing the signup form from their homepage.
  • The hero image steals the show of the 2021 redesign because the picture of a working mom with her kid playing studying in front of her is a great way to portray the current needs of the society when over 60% of the employees are working from home. Audiences can quickly relate their working environment with the hero image leading to more sign-ups.
  • The older 2019 design was confusing, and it made little effort to help the users understand the different features of the product. The new 2021 homepage design has a product features section that explains the different features of the software. When users are educated about the product, they earn the confidence to try the product.

6. Zillow – Apply Hick’s Law To Allow Visitors To Take Faster Decisions

Zillow does an impressive job of applying Hick’s Law in allowing visitors to make faster decisions. Hick’s law states that the more options you present to the users, the faster they will decide. Therefore, it is a major factor in improving website usability.

The old 2019 homepage design of Zillow offered too many options to the users, like they want to buy, rent, or sell a property. The users first select either one of the three options and then enter the zip code to start their search.

The new 2021 homepage design changed that. Now, Zillow offers users a single option. They only need to enter the zip code to get started.

By reducing the number of actions that users need to take to just one, the homepage design eases the overall decision-making process of the site visitors.

2019 homepage design

vs.

2021 homepage design

Key Takeaways:

  • The new homepage design has a simple search bar that persuades visitors to take prompt action.
  • The Hero image is placed smartly behind the search bar to depict the needs of the users accurately.
  • The homepage does have three different panels for buying, renting, or selling a home when the users scroll below. The old design is missing that. The new design removed so many options above the fold and kept just a single option for the users to encourage more users to search properties on the site.

7. Plex – Placement of Prominent Calls-to-Action On Homepage

The CTA is a key element of every website. It helps the users decide on their next action and helps to convert the visitors into leads.

Plex lacked an optimized CTA placement in its 2019 home page design. Hence, the 2021 design received an uplift to better place the CTA for increased visitor engagement.

Take a look at the home page designs of Plex from two different years. If you compare the two home pages of 2019 vs. 2021, the primary difference that will grab your attention is the CTA.

2019 homepage design

vs.

2021 homepage design

Key Takeaways:

  • The call-to-action buttons are more prominent and have actionable texts.
  • The number of CTA buttons is increased to two to encourage users to take action.
  • The additional CTA button is wisely placed at the center to get immediate attention.
  • Note that the color choice for the button is also bright and highly contrasts with the background yet matches the color theme.
  • The old heading text ‘Stream Smarter’ was confusing because it didn’t help the users understand what Plex does. Hence it is now revised to ‘Watch Free Movies and TV on Plex.’ The new text is easy to understand and has the word ‘Free’ to increase the number of visitors clicking on the CTA.

8. Dropbox – More Above The Fold Content And Change of Fonts

Dropbox has significantly worked on its main content, which is clearly visible in the comparison homepage design images of 2019 vs. 2021.

The 2021 homepage is seen fixing faded, minimalistic, and less engaging content in the older homepage.

2019 homepage design

vs.

2021 homepage design

Key Takeaways:

  • Sans serifs, with their clean readability, are included for longer bouts of the homepage.
  • Bold sans text is doing the job of drawing user attention effortlessly.
  • The color contrast of the text with the background is increased, which improves the visibility.
  • The right side image of a laptop is replaced with a screenshot of the software, which intrigues users to know more.

9. Cisco – Moving Blocks To Outsmart Competitor Websites

The homepage design of American technology company Cisco has seen a drastic change in 2021; it deserves to appear on this list. The company website smartly represents an appeal for future development through its killer homepage design.

Here is a comparison of the old 2019 homepage design vs. the new moving block design of 2021:

2019 homepage design

vs.

2021 homepage design

Key Takeaways

  • The home page contains moving blocks with news from the blog. As you hover over the image, it widens up, and a CTA button appears. The blocks represent a design of the future which the competitors might find hard to replicate.
  • Every block has a CTA, which was missing in the 2019 design. Each block represents a specific Cisco service and caters to the different needs of the visitors.
  • The new design is elegant and cleaner with lots of information.

10. Slack – Product Video On Home Page For More Conversions

Slack has made it easier for the users to understand the product well by using a video on the homepage.

The 2019 design has an image, while the 2021 design has a video that helps the visitors understand how the product works.

Here is a comparison of the 2019 design vs. 2021 design:

2019 homepage design

vs.

2021 homepage design

Key Takeaways

  • The inclusion of a product video leaves a great impression in the minds of the visitors and shows them what your product does.
  • Video helps Slack to make its value proposition clear and super fast.
  • Video has a strong correlation to conversions, and they work well as compared to hero images. Slack used a hero image on the homepage in 2019, but they replaced it with a video in 2021.

Final Thoughts on Using These Homepage Designs for Inspiration in 2021

By making it to this point in our guide, you now have plenty of inspiration to run with when upgrading your homepage. You should also have a better understanding of how powerful this tool may become for your brand.

So now it’s time to brainstorm how to use these ideas for your own 2021 homepage design. First, jot down the key points from this guide and honestly assess how your website currently compares.

Accomplish this task, and your brand might see an uptick in website traffic and conversions. It may even earn a spot in a roundup of killer website designs just like this one.

Source

The post 10 Homepage Design Comparisons to Inspire Your Business in 2022 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot