Articles

The new year is often packed with resolutions. Make the most of those goals and resolve to design better, faster, and more efficiently with some of these new tools and resources.

Here’s what new for designers this month.

Radix UI

Radix UI is an open-source UI component library for building high-quality, accessible design systems and web apps. It includes examples and guidelines for all kinds of user interface elements that provide guidance and really make you think about accessible website design. (And everything is usable!)

Froala Charts

Froala Charts is made to help you create data visualizations for web or mobile apps. Build any chart you can imagine – bar, line, area, heat map, sankey, radar, time series, and more. Plus, you can customize anything and everything, so it all matches your brand. This premium tool is enterprise-level and comes with a one-time license fee.

CSSfox

CSSfox is a collection of designs that you can use for inspiration. The curated community project includes posts, reviews, and award nominees and winners.

Pattern Generator

Pattern Generator is a tool to create seamless and royalty-free patterns that you can use in projects. Almost every element of the pattern design is customizable, and you can “shuffle” to get new style inspiration. Design a pattern you like and export it for use as a JPG, PNG, SVG, or CSS.

Type Scale Clamp Generator

Type Style Clamp Generator helps you create a visualize a typographic scale for web projects. Pick a font and determine a few other settings and see the scale right on the screen. You can even put in your own words to see how they would look. Then, flip to see how sizes appear on different devices. Find a scale you like and snag the code with a click.

Flowdash

Flowdash is a premium app that helps you build custom tools, data sets and streamline your business operations with one tool. Manage data and processes without code. The tool combines a spreadsheet’s familiarity with a visual workflow builder, plus built-in integrations to automate repetitive tasks so your team can focus on what matters.

Scale

Scale is a website that provides new and open-source illustrations that you can use for projects. Maybe the illustration generator’s neatest part is that you can change the color with just a click to match your brand. Then download the image as an SVG or PNG.

Pe•ple

Pe•ple is a tool that adds a “customizable community” to any website to help grow your fanbase and provide a boost to SEO. It allows you to integrate chat, commenting, emojis, and passwordless login, among other things.

K!sbag: Free Minimal Portfolio Template

K!sbag is a free minimal website template that’s made for portfolio sites. (Did you resolve to update yours in 2021?) It includes 6 pages in a ready-made HTML format and PSD.

Merico Build

Merico Build is like a fitness tracker for code. It uses contribution analytics to empower developers with insight dashboards and badges focused on self-improvement and career growth. Sign up with tools you already use – Github or Gitlab.

Automatic Social Share Images

Automatic Social Share Images solves a common website problem: Missing or broken images when posts or pages are shared on social media. This tutorial walks you through the code needed to create the right meta tags so that popular social media channels pick up the image you want for posts. The best part is this code helps you create a dynamic preview image, so you don’t have to make something special every single time.

Animated SVG Links

Animated SVG Links can add a little something special to your design. This pen is from Adam Kuhn and includes three different link styles.

Blush

Blush helps you create illustrations. With collections made by artists across the globe, there’s something for everyone and every project. All art is customizable, so you can play with variations to create something unique.

Palms

Palms is a set of 43 sets of hands to help illustrate projects. Each illustration is in a vector format and ready to use.

Tabbied

Tabbied allows you to create and customize patterns or artwork in a minimal style for various projects or backgrounds. Tinker with your artwork and patterns and then download a free, high-resolution version.

How to Create Animated Cards

How to Create Animated Cards is a great little tutorial by Johnny Simpson that uses WebGL and Three.js to create a style like those on Apple Music. The result is a stylish modern card style that you can follow along with the CodePen demo.

Bandero

Bandero is a fun slab with a rough texture and interesting letterforms. The character set is a little limited and is best-suited for display use.

Magilla

Magilla is a stunning modern serif with great lines and strokes. The premium typeface family has six styles, including an outline option.

Roadhouse

Roadhouse is one of those slab fonts that almost screams branding design. The type designer must have had this in mind, too, with stripe, bevel, inline, half fill, outline, drop extrude, and script options included. (This family is quite robust, or you can snag just one style.)

Street Art

Street Art is for those times when a graffiti style is all that will do. What’s nice about this option – free for personal use – is that the characters are highly readable.

Source

The post Exciting New Tools for Designers, January 2021 first appeared on Webdesigner Depot.


Source de l’article sur Webdesignerdepot

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.

The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

10 Free Calendar 2021 Vectors

 

Free HTML/CSS Landing Page Templates Without JavaScript

 

Botsman – Free Platform to Develop, Test and Monitor Telegram Bots

 

Typography Principles

 

Top 10 Web Development Trends to Look Out for in 2021

 

Parametric Color Mixer

 

Add to Calendar Generator – Generate ‘Add to Calendar’ Buttons for your Website

 

What Designers Need to Know About Copyright Infringement

 

Lose the Very – “Very Good English” is not Very Good English. Lose the Very.

 

Linkish – All-in-one Bookmark Manager

 

Life of a Designer Through Funny Memes

 

APIs all the Way Down

 

Got Milk Font

 

14 Bootstrap Profiles

 

Big Review of Major UI Design Trends for Web and Mobile in 2020

 

How to Use Figma’s Inspect Panel

 

Reducing Motion in Animations

 

Dopely Colors – Free Color Palette Generator

 

How to Upload an HTML File to WordPress

 

Using Math in Photoshop

 

How to Set up your WFH Space for Creative Success in 2021

 

StackWhats – Add the WhatsApp Live Chat to your Website

 

How to Export a WordPress Site (Beginner’s Guide)

 

Podpage – Build a Podcast Website in Less than 5 Minutes

 

How to Paginate Data with PHP

 

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

Source


Source de l’article sur Webdesignerdepot


Introduction

The COVID-19 pandemic has forced the corporate business world to network with associates and communicate with potential clients using online communication tools. Hence, given the current market conditions – having a functional and efficient communication system has become the need of the hour. Due to which platforms offering text, voice, and video chat features must ensure they offer enterprise-level models. These platforms must be customizable and scalable. It is also important for the communication platform to be of a certain standard that supports a huge number of users with minimal latency rates. Nevertheless, with multiple options in the market, it can be difficult to choose the right real-time communication platform.

Twilio

So, what is Twilio? Twilio is one of the top-rated cloud communication platforms in the market that uses a PaaS model. Twilio offers developers tools or software-based platforms to integrate voice, video, or messaging into any mobile app. Twilio is basically a developer’s platform, which means that this platform cannot be used by a marketer or a non-developer. Twilio as a communication platform provides a powerful API system for phone services offering companies to make and receive phone calls and send and receive text messages instantly.

Source de l’article sur DZONE

2020 has been an interesting year, to say the least. And although I’m sure many of you can’t wait until the calendar flips ahead to 2021, it doesn’t look as though we’re going to be able to say goodbye to 2020 so easily. Many of the changes we’ve had to make this year are now expected to stay with us — a least for the following year.

The latest research gives us some hints about what’s to come.

If you want to start preparing for 2021 now, then these reports and surveys from organizations like 99designs, Upwork, Content Marketing Institute, and McKinsey & Company are a must-read:

1. 99designs Reports on the Common Challenges Freelancers Faced in 2020

I don’t want to make 99designs’s Design Without Borders 2020 report sound like it’s all doom-and-gloom. Because it’s not.

That said, 2020 has been a rough year and it would be irresponsible for me not to acknowledge the challenges that all of us freelancers have encountered this year. This report is one of the few I’ve found that includes data on the major challenges freelancers have dealt with this year, including:

  • 36% have struggled to maintain a steady flow of work or a stable client base;
  • 27% had clients who cut their business budgets and, consequently, their freelancers’ workloads;
  • 26% had at least one project cancelled or indefinitely paused;
  • 22% have been ghosted by at least one client.

Beyond working more hours and hustling to find new clients all the time, what else can freelancers do to weather a business disruptor like COVID-19? There are a number of things.

For starters, it would be really helpful to have a crisis management plan for your finances. It would also be beneficial to refocus your efforts on finding clients who pay for the value you provide and not for the hours you spend building websites. Clients who see the value in what you do will be less likely to ghost or drop you at the first sign of trouble.

2. Upwork’s Survey Reveals Educational Opportunities for Freelancers

Upwork commissioned Edelman Intelligence to put together its very first Freelance Forward survey. The goal of the ensuing report was to shed light on the state of freelancing, how the pandemic has changed it, and what we can expect in the future as a result.

One of the data sets I think web designers should pay close attention to is this:

According to this survey, freelancers only spend about 52% of their time on billable work.

Now, one of the reasons why entrepreneurs and enterprise companies make so much money is because tasks are relegated to different team members. For instance, if a design agency owner is good at building relationships with prospects, they’re going to spend time on sales calls and managing social media. The day-to-day admin tasks would then get offloaded to virtual assistants and billable project work would go to designers, developers, writers, and so on.

But as a freelancer, you don’t have the ability to delegate and scale when you’re working solo.

Rather than burn yourself out trying to handle all these things yourself, the report suggests there’s something else you can do:

Although freelancers recognize how important soft skills and business skills are, the first data set suggests that not enough attention might be paid to them.

What I suggest is that you take a look at the division of your work hours. If you’re spending less than half of your time on billable work, it might be a good idea to strengthen your non-design skills. That way, things like marketing, contract preparation, and client management won’t consume so much of your time in the future and you can bill more.

3. CMI’s Annual Report Reveals Profitable Opportunities for Web Designers

Content Marketing Institute’s annual B2B Content Marketing Report is, once again, chock full of useful tidbits about the state of content marketing.

While a lot of the data is focused around marketing organizations and how they’ve pivoted during the pandemic, I thought this bit of info would be really helpful for web designers:

For those of you who design B2B websites, take note of where these companies plan to invest in 2021. If 2020 has been particularly hard on you, or you simply want to expand your horizons, there are some other opportunities worth jumping into:

B2B Marketing Investment => Web Designer Opportunity
Content creation => Blog graphic design, infographic design, and schema markup creation
Website enhancements => Website redesign, website audits
Content distribution => Social media ad design, Google ad design, schema markup creation
Getting to know audiences better => UX research, UX design
Customer experience => Chatbot/live chat development, support portal creation

4. McKinsey B2B Analysis Suggests That Digital Is Here to Stay

For those of you who’ve worked for a B2B sales organization before, you know how important in-person interactions are to them. It’s not as though they can just sell their products or services online the way B2C ecommerce companies can. The key to B2B success is through customer (and partner) relationship building.

Prior to 2020, this meant lots of in-person meetings, phone calls, and emails. But something has changed this year, on both sides of the fence.

This chart from McKinsey suggests that digital relationship building and customer service aren’t just a temporary solution for COVID-19. B2B decision-makers are coming around to the idea that this is going to be their “next normal” (as McKinsey refers to it).

These new “go-to-market models” include the following:

  1. Talk to prospects, customers, and partners via video calls;
  2. Digital self-service options for customers who prefer the DIY method.

As a web designer, you can help your B2B clients level up their efforts to achieve this next normal.

For starters, you can integrate scheduling into their websites. This’ll empower prospects to schedule video meetings (for demos, discovery calls, etc.) with your clients’ sales teams.

Another thing you can do is build out self-service elements like live chat or chatbots, FAQs pages, knowledgebases, and support portals. As consumers become more confident with doing business online, these self-service options will make a world of difference in their experience with brands.

Wrap-Up

I know, I know. 2020 sucked. But at least we have a good amount of research and experience that gives us a much clearer idea of what we’re getting ourselves into with the coming year. (At least, I hope so.)

Source


Source de l’article sur Webdesignerdepot

Since there are so many CMS plugins out there, it can be overwhelming to choose the best ones for your website. We’ve done the research for you; this list contains the top new CMS plugins for November 2020. You’ll find useful plugins for WordPress, Craft, Shopify, and Joomla.

Let’s get started…

WordPress

404 Page Editor

404 Page Editor is a simple WordPress plugin that helps you add custom text to the default 404 page on your website. The plugin comes with seasonal and industry-related 404 templates. One useful feature of the plugin is that it backups your current 404 page before changing it. So you can restore the backup page anytime you choose. The plugin duplicates your current 404.php page to wp-content/uploads/404-page-editor/ so you can easily find it. You can also change the text on the plugin to fit your local dialect. 

UnusedCSS Power-Up

Most WordPress themes and plugins load their CSS in the wrong areas of your website. This can slow down your site. A slow website will reduce user experience and lead to increased bounce rates.

UnusedCSS will help reduce the size of your website’s CSS files by up to 95%. The best part is that the plugin works automatically. It will remove any unused CSS when visitors view any page on your website. UnusedCSS will automatically reduce your website’s load times by reducing your CSS files and page size. The plugin also optimizes the performance of other WordPress plugins and extensions. UnusedCSS also works with WooCommerce themes and plugins.

Simple Redirects

Simple Redirects is a WordPress plugin that helps you to automatically redirect requests to another page on your site or any other place on the web. The plugin allows you to easily redirect users from your old web pages to new pages using 301 or 302 redirects. You don’t have to worry about losing backlinks or page rank. Any incoming links to the old web page will be automatically passed along to the new page. The page rank on the old page is also transferred to the new page. The plugin is useful when migrating a WordPress site when don’t want to retain the URL structure. 

HTML Validation

HTML Validation plugin helps you identify any HTML validation errors on your website. The plugin works automatically in the background of your website and will send you regular reports. There is a progress bar on the report screen to show you the progress of the scan. The plugin uses WordPress Cron to scan the content of your website. There is also an option for the plugin to automatically fix any HTML validation issues on your website. You can also choose to fix the issues manually. 

Just Highlight

Just Highlight is a simple WordPress plugin that helps you highlight text in your posts or pages. You can use this plugin to highlight any portion of the page you want to draw the reader’s attention to. You can highlight the background of the page and also add animation to the highlighted text. In the WordPress admin area, you can change the speed and color of the animation. The plugin is compatible with Gutenberg, and the WordPress classic editor. 

DeviantArt Embed

DeviantArt Embed is a simple plugin that helps you embed any work from Deviant Art into a post. The plugin provides a block for the WordPress block editor so you can easily embed the image. It uses a DeviantArt oEmbed API to pull the images and their descriptions, and creates an embedded image. 

Static Optimizer

Static Optimizer is a static file optimization plugin that serves and optimizes static files on your website. The plugin will help you increase your website speed by automatically compressing your static files. It is easy to set up, you just need an API key to get started. Other useful features that the plugin offers include automatic JS and CSS minification, automatic image optimization, and processing of responsive images. You don’t have to worry about losing your files if their server is down. The plugin automatically backs up your files and will load your original files when their servers are down (either because of an upgrade, maintenance, or outage).  By default, only images are compressed when you activate the plugin; you can also choose to optimize fonts, CSS, and JS files. 

RankBear

RankBear is a keyword rank tracker plugin that helps you analyze your SEO efforts. With RankBear, you can track the keywords for each of the posts and pages on your site. While the plugin has a paid plan, you can track up to five keywords for free. On the free plan, you will receive weekly reports on each keyword you are tracking. You can search for the rank and volume of a keyword in every location supported by the Google search engine. RankBear is a lightweight software-as-a-service plugin hosted by Amazon Cloud Services. The plugin also offers the option to download the keyword reports to CSV. 

Table of Contents Block

Table of Contents Block is a plugin that allows you to easily create a Table of Contents for your WordPress posts. The plugin is lightweight and will automatically add a Table of Content in your website’s posts and pages. You can select the heading tags you want to add to the Table of Content. It also has a dedicated support team to assist you. The plugin works fine with all standard WordPress themes. 

Markease For WooCommerce

Markeaze is an all-in-one communication plugin that allows you to add live chat to your online stores. The plugin will help you improve your customer service by decreasing your response times. With the plugin, you can collect your visitor’s contact information via a widget. This feature is useful in building a subscriber database. You can also use the plugin to track customer behavior on your site, inform customers about new products, help customers with active orders, and collect customer feedback. You can also use the auto-reply function to answer commonly asked questions. 

Craft CMS

Image Toolbox

Image Toolbox is a Craft CMS plugin that offers image-related tools for your templates. The plugin will automatically create a WebP variant of the images you upload. It also has a fallback for browsers that do not support WebP images. Other useful features the plugin offers include automatic creation of placeholder images and generation of responsive images with multiple variants. The plugin also supports Imager-X (or old Imager). 

Element Panel

Element Panel plugin allows you to add elements and an eager-loading panel to the debug toolbar. This feature will help you benchmark your templates in Craft CMS. For elements, the panel has a dashboard that shows how many elements are populated. It also shows how many elements are duplicates. The plugin also shows you how many eager-loading elements are detected. Duplicate elements are grouped by field name. 

Shopify 

VStore Shoppable Videos

VStore Shoppable Videos is a Shopify plugin that allows your customers to shop directly from your videos. The plugin allows you to embed your products into any video. Since videos have a high engagement rate, this plugin will significantly improve your store’s conversion rates. 

ProofMotion Video Testimonials

ProofMotion Video Testimonials plugin helps you to easily collect video testimonials. The plugin sends an automated email or SMS requests to customers asking for their satisfaction feedback after making a purchase. The responses are analyzed to determine whether the customer had a negative or positive experience. Customers that offer negative feedback are sent to customer care to help them with the problem they encountered. Happy customers are prompted to make video testimonials of their positive shopping experience. ProofMotion guides the customer through the interview so they can give the best testimonial. They also offer an on-site widget so you can easily share your testimonials. 

Real ID

Real ID is a Shopify plugin that allows you to verify customers’ real identity using a photo ID and facial biometrics. The plugin is perfect for orders that have an age restriction, verifying flagged fraud goods, and selling expensive goods. Real ID will help you identify whether a government-issued-ID is fake during fulfilment. All the customer needs to do is take a selfie on their phone. This way, even if a customer has access to a stolen physical ID, they won’t still be able to make any purchase. The plugin can verify documents such as passports, visas, national IDs, driver licenses, and more. Real ID will help you handle GDPR compliance. The plugin is available in hundreds of countries around the world. 

Joomla

Accessibility

Accessibility is a Joomla plugin that allows your website visitors to easily access your website content. The plugin will remove any barrier between the visitor and your Joomla site. There is no coding required and you can customize the plugin directly from the module manager. The plugin has a useful feature called Dyslexic Readability; this feature allows your visitors to set the entire document font to a dyslexic-friendly font. Visitors can also grayscale the page, resize the fonts, and resize the word space. From the backend module, you can add any custom CSS and JS. The plugin is also available in 12 different languages. 

Reading Time

Reading Time is a simple plugin that will help you easily show the reading time of your Joomla articles. The plugin is easy to set up and does not require any coding. You can customize every parameter, including the text, in minutes. You can also choose to exclude categories, articles, and menu items. Reading Time also allows you to easily add custom CSS code from the plugin parameters. 

 

Featured image via Pexels.

Source


Source de l’article sur Webdesignerdepot

How can your customer reach you? If a client arrives on your website after searching on Google, what can they do to take the next step in a relationship with your brand, without buying anything?

One of the primary aims of any website is to drive conversions. However, it usually takes between 5 and 8 touchpoints to generate a viable sales lead. People don’t want to convert straight away.

Since building a relationship with customers is crucial to success, it makes sense that the contact page would be an essential part of driving results. Unfortunately, a lot of website owners pay virtually no attention to that page. They ask their designer to create a page with their address and phone number on – and that’s it.

What many business owners don’t realize, is that the contact page is the door to deeper, more lucrative relationships with potential prospects. The design of this essential website element needs to be fantastic to drive results.

So, where do you start?

Defining a Well-Designed Contact Page

Let’s start with the basics, what makes a great contact page?

The complete answer to that question depends on the target audience. Some customers will want to see fun and friendly contact pages, complete with social media sharing buttons. Others will want to see a map that shows them exactly how to reach an office or business.

There are a few golden rules to keep in mind, of course. Contact pages should be:

  • Easy to find: Don’t hide the link to the contact page on the website footer. Make it easy for customers to find out how they can get in touch.
  • Simple: Don’t put too much content on this page or it will overwhelm your audience. Just let them know where they can go to get answers to various questions.
  • Professional: Even if you have a friendly brand personality, your contact form still needs to be grammatically correct and well-designed to show a professional edge.
  • Convenient: Make your phone number clickable so customers can use it on Skype. The same can apply for your email address. Provide easy access to social media profiles, and if you have a contact form – keep it short and sweet.
  • Informative: Include all of your contact information in the same place. This may include your address, a map to your location, social media pages, email addresses, and even forums.
  • Accurate: Ensure that the information on your contact page matches the information listed elsewhere. Check directories and Google my Business listings to be sure.
  • Attractive: Yes, a contact page needs to look good too. Plenty of white space will make essential information stand out. A good layout will guide the eye through the page.
  • Consistent: Make sure the contact form on your website matches the brand personality that appears on all of your other pages.

Take a look at the Tune Contact page:

It’s beautifully laid out, with clear information that’s easy to read. The company shows exactly why customers might want to get in touch and how they can reach out. As you scroll through the page, you’ll find additional office locations, email addresses for different teams (sales and support), and links to social media accounts too.

How to Drive Engagement on a Contact Us Page

A good contact page needs to look fantastic, showcase the company’s personality, and capture audience attention. However, there’s a big difference between a contact page that gets the job done, and one that convinces your audience they have to connect with you.

Here are some excellent ways to make your contact us page stand out.

Step 1: Using Color Correctly

Color and color psychology have a massive impact on user experience.

Studies constantly demonstrate the conversion powers of having the right shades on certain pages throughout your website. For instance, changing a CTA button from red to green can increase click-through rates by 27%.

However, every audience is different. The colors that drive engagement on a contact page for your company will depend on your target customer. A/B testing color palettes that match your brand personality is a good way to get started.

One interesting example of colors that make the right impact on a Contact Us page comes from Hubspot. Here, the brand maintains it’s brand color (orange), but it also introduces some new shades that convey trustworthiness and professionalism.

Blue is the most calming and credible color for any brand, The gradient that Hubspot uses here blends perfectly with its brand identity, allowing for a stunning contact page, with CTA buttons that still stand out.

Experiment with colors that can generate the right emotional response from your audience, but don’t ignore the golden rules of color in web design. You still need to showcase your brand identity, and you still need a way of making crucial information stand out.

Step 2: Humanizing the Customer Service Team

Some of the customers that arrive at a contact page are interested in your product or inspired by the potential of your service. Other customers will be looking for assistance because they’re frustrated with something or stressed out.

If you’ve ever had a problem with a product and wanted to reach out to the brand about it, you’ve probably noticed how annoying it is to find a blank contact page with nothing but an email address. The lack of effort and humanity in the contact page is enough to convince you that you probably won’t get a response.

But what if you add some happy smiling faces to the page?

Research indicates that brains are fine-tuned to recognize and appreciate human faces. Having a picture of your customer service team, or just any human being on your contact page makes you instantly more approachable. Your customers start to feel like they’re reaching out to a person – not an empty website.

Look at how engaging and personalized this contact page from Amber McCue looks:

Although you can show any human face on your contact page and potentially get results, showing your actual agents will be more likely to drive positive results. It’s a great way to showcase the authenticity and humanity of your team.

Step 3: Making it Easy to Find

A surprisingly large amount of the time, companies shove their contact information into the footer of their website, forcing customers to spend forever looking for them. However, your audience might not want to spend an age searching for your details if they’re in a hurry to get answers.

Stowing a contact page in a footer is also a problem for those visiting your website via mobile, as they might not be able to see all your footer details and links as well.

A Contact Us page doesn’t have to be a massive part of your website navigation if you don’t want it to be. However, it should be one of the first things your audience can see. Putting the information on the header of your website, or even sticking it to the top of the page as your users scroll is very helpful.

Zendesk makes it easy for customers to get in touch in multiple ways. First, the Contact section of the website is clear at the top of the page. Secondly, if you start scrolling through the Zendesk website, a “Get Help” button pops up, so you don’t have to scroll back to find assistance:

Remember, aside from making sure that your contact page appears in the right part of your website, it’s also worth ensuring that it’s easy to understand. Don’t use unusual terms like “Chat”, or “Chill with us”. Stick to tried-and-true options like Help, Contact, or Support.

Step 4: Making the Experience Relevant

There’s a reason why it’s practically impossible to find a one-size-fits-all contact page.

It’s because different customers need different things from your brand.

Some customers will be looking for the answer to a question; others will want to discuss something with your sales team. That’s why many companies are using adaptive contact pages that can change to suit the situation.

For instance, you may start by asking customers what they need help with. Zapier takes this approach with its Contact page:

By asking the client what they need straight away, Zapier can make sure that the visitor finds the right information, and the right number or email address for the appropriate agent. You can even scroll down the help page and look for something in the available help centre, using the search bar. Or you can click on View our experts to hire a Zapier pro.

Creating a dynamic and customized experience like this does a few things. First, it ensures that the customer will reach the right person to help them first-time around. This reduces the number of inappropriate calls your employees have to deal with, and the number of transfers.

Secondly, you deliver a better experience overall for your client, because they don’t have to repeat their issue to multiple people or start a massive email thread. They get the support they need immediately.

Dynamic contact pages can even save you some money and time. If clients decide to solve an issue themselves, using your resources, that’s great for your busy agents.

Step 5: Direct People to the Right Place

The central focus of your contact us page needs to be the available contact options. Centralizing the contact options on a page is an excellent way to make sure that they get the right amount of attention. Centralizing also means that your customers can spend less time searching for the contact details that they need, which is great for usability.

The Melonfree.com website uses a contact us form that’s centralized to immediately pull attention to the customer’s options for getting help.

Centralization isn’t the only way of using design principles to guide visitors on a contact page. According to Ray Hyman and Edmund Hick, increasing the number of choices on a page often increases the time it takes for people to make a decision.

When it comes to connecting with a brand, the right option for each customer will depend on the person and the situation they’re trying to overcome. For instance, a customer that needs to reset their password will probably be able to get the solution they need from an FAQ page.

On the other hand, someone who needs help using a new feature might need the guidance of a professional. To help guide customers to the right solution, Basecamp gives customers a variety of steps to follow to get the right solution fast.

The main purpose of the contact page is to help customers get the right answer with an informative form. However, there are unobtrusive alternative options available too. If all you’re looking for is a way to help yourself fix a problem, you can click on the help guides link before you ever scroll down to the form.

Step 6: Support the Contact Team Too

The best contact us pages aren’t just a great way to improve customer experience. Well-designed solutions also help the customer service team to save time and stay productive.

One of the primary metrics that companies consider when evaluating the success of a service team, is the number of replies required before an issue is resolved. However, if the initial question from a customer doesn’t contain enough information, this number often increases.

Using the design of the contact form to access the right information helps with:

  • Automatically routing people to the right team member: Companies can set up segmentation rules that automatically send certain emails to different employees based on keywords. You might have questions that go to the sales team, and separate queries that you direct straight to the customer service team.
  • Show appropriate support options and FAQs: Remember to give the audience a chance to help themselves before they reach out for extra support. Links to an FAQ page or self-service options can really reduce the pressure on a team. Some companies even add automated chatbots to the mix to help with self-service.
  • Prompt for extra context: Although not every customer will take advantage of an opportunity to add extra information to a form, some will. Adding a box to your contact form for “anything we need to know?” is a great way to generate more information. Ban.do includes a simple “question” box where customers can add as much detail as they like. An option to add screen shots or documents might be a nice touch too.

Building Your Own Contact Us Page

Every customer has their own specific set of needs. The right contact page for another business might not be the right one for you. That’s why it’s so important to take some time getting to know your customers and speaking to your support team.

When you’re planning your contact page, it helps to ask yourself some basic questions about what you want to achieve. For instance:

  • What kind of channels will our customers want to use to connect with us? Look at things like social media messaging, email, or phone calls. If you’ve got a relatively tech-savvy audience, then they might want to use things like instant messaging with chat bots too.
  • How can we direct clients to the appropriate channels in as little time as possible? Having a system in place to automatically route your customers to the right agent will reduce the time to resolution for your customers. The faster you solve problems, the better your reputation becomes.
  • What can we do to set customer expectations and build confidence before they speak to us? Designing a professional-looking contact page will increase customer confidence, while an FAQ section shows that you’re ready to answer common questions.
  • How can we showcase a unique brand personality without making the page complicated? Everything from using distinct brand colors on a contact page, to adding images and illustrations reminds customers that they’re in the right place.
  • What can we do to reduce the friction points in a customer’s path to contact? Avoid adding too many input options to a contact form and ensure that it’s easy to reach out when your clients have a problem.

Understanding exactly what your audience needs from you, and what they’re looking for when they come to your team for help reduces the effort involved for your client when they reach out for help. Remember, today’s digitally-savvy customers expect their interactions with companies to be as streamlined and simple as possible.

Make the Most of Your Contact Page

Contact pages are frequently an afterthought in the website design process. However, they’re one of the most valuable tools your company has. With a good contact page, you ensure that your customers can always reach you when they have problems. What’s more, you boost your chances of people wanting to reach out to the sales team too!

Good luck creating a contact page that encourages engagement from your target audience. Don’t forget to track your results from each design, and A/B test for optimization.

Source


Source de l’article sur Webdesignerdepot

Stephen Hawking a défini l’intelligence comme « la capacité à s’adapter au changement ». En ce sens, 2020 peut être vu comme un test de QI géant pour les entreprises. La pandémie mondiale, le Brexit, les attentes croissantes des clients, la hausse des cyberattaques, la volatilité de l’activité et les exigences de conformité du XXIe siècle ne sont que quelques-uns des changements que les organisations doivent savoir intégrer intelligemment – non seulement maintenant, mais aussi sur le long terme.

La résilience est désormais associée à la survie des entreprises. Selon McKinsey, « votre contexte commercial est et restera incertain. Mais si vous bougez maintenant, vous pourrez surfer sur les vagues d’incertitude au lieu d’être maîtrisé par elles. »

Nous partageons cette analyse. Mais nous ne pensons pas que vous devriez avoir à tout gérer par vous-même. Lors du confinement, la réponse de SAP a consisté à aider ses clients. Nous offrons maintenant des ressources pour aider les entreprises à revenir à leur meilleur niveau.

SAP aide les organisations à être mieux gérées en devenant des entreprises intelligentes. Une démarche dont le cœur est l’ERP Intelligent SAP S/4HANA. C’est pourquoi nous avons créé un programme pour aider les entreprises à basculer vers SAP S/4HANA.

Comme l’explique Christian Klein, CEO de SAP : « plus qu’une transformation technologique, le passage à SAP S/4HANA est une véritable transformation métier. » C’est pourquoi nous vous proposons de vous aider à rédiger votre business case de migration en vous faisant découvrir les capacités intelligentes qui apporteront de la résilience à votre organisation. Nous vous aidons à mener votre projet à bien en utilisant notre expertise, nos outils spécialisés et nos partenaires. Le tout en tant qu’équipe unie : vous, nous et notre écosystème. Nous vous assistons également tout au long de votre projet, en vous accompagnant à chaque étape.

Comment ? Grâce à notre Digital Forum en trois parties : « Construire la résilience avec un ERP intelligent ». Cet événement prépare le terrain en apportant des conseils, des réponses aux questions courantes, des ressources, des outils, des informations et des éléments concernant le temps nécessaire pour construire un business case qui transformera tous les domaines de votre organisation, de la finance à la supply chain et l’informatique, en passant par les ventes et le marketing.

Les 20, 21 et 22 octobre de 10h00 à 11h30, nous vous livrerons les six ingrédients clés qui vous aideront à construire votre business case SAP S/4HANA, notamment :

  1. Des retours en live de la part d’experts SAP
  2. Des orientations métiers
  3. Des présentations client significatives
  4. Des conseils en provenance de nos partenaires les plus expérimentés
  5. Du chat et des sessions dédiées aux spécialistes
  6. Des questions-réponses et des téléchargements sur notre Digital Hub

Des clients tels que Vodafone, Naturipe Farms ou Enexis expliquent comment ils ont construit leurs propres business cases spécifiques et quel support s’est révélé déterminant. Ils livrent leurs expériences et conseils, afin de vous permettre de viser résilience et intelligence. Des partenaires tels que Deloitte, Capgemini et Delaware partagent leurs idées, expertise et conseils afin d’aider des organisations comme la vôtre à devenir des entreprises intelligentes.

Et parce que nous voulons que vous fassiez l’expérience de la première suite ERP Intelligente au monde, nous avons créé un jeu de simulation en temps réel, qui vous permettra d’acquérir une expérience pratique de SAP S/4HANA, les après-midi des 20 et 21 octobre. Cette expérience divertissante et ludique permettra à des groupes de joueurs de se mesurer entre eux, dans le cadre de décisions clés et de transactions dans la planification, les ventes, le marketing, les achats, la production, les finances et plus encore. Tout ceci dans un environnement métier fidèle à la réalité. Préparez-vous à gagner et adoptez ce jeu de simulation en prélude à votre passage à SAP S/4HANA.

Nous savons que chaque organisation est à une étape différente de son parcours, avec ses propres spécificités. C’est la raison pour laquelle nos « champions SAP S/4HANA » régionaux fournissent un support au cas par cas, vous montrant comment et par où commencer, en vous aidant à rédiger un business case pour votre organisation.

Que vous soyez une grande multinationale ou une petite entreprise, nos capacités et processus spécifiques à l’industrie, nos traitements en temps réel et notre automatisation intelligente de pointe vous permettent de vous adapter et d’évoluer avec confiance, agilité et résilience.

Les anciens systèmes ERP sont confortables et fonctionnels, mais ils ne vous mettront pas sur un pied d’égalité avec des concurrents qui ont pris en compte de nouvelles attentes client dépassant votre portée organisationnelle. La résilience des entreprises nécessite plus qu’une simple transformation du cœur technologique. Elle requiert une véritable transformation vers une entreprise intelligente. Transformation qui s’étend à tous les domaines de l’organisation.

En moyenne, les clients SAP S/4HANA constatent des gains métiers significatifs et transformateurs, comme :

  • Une augmentation des ventes de 30 % ;
  • Un coût total de possession réduit de 20 % ;
  • Une réduction des retours sous garantie de 40 % ;
  • Une réduction des coûts d’inventaire et des défauts de 20 % ;
  • Une augmentation de la vitesse de génération des rapports de 30 % ;
  • Une réduction de 50 % du temps passé sur la clôture d’exercice ;
  • Une création de devis 60 fois plus rapide.

Vous trouverez d’autres ingrédients pour votre business case sur le SAP S/4HANA Digital Forum : « Construisez la résilience avec un ERP intelligent ». Démarrez votre business case SAP S/4HANA. On se voit là-bas ! Inscription.

The post Devenir résilient avec un ERP Intelligent : les six ingrédients pour construire votre business case SAP S/4HANA appeared first on SAP France News.

Source de l’article sur sap.com