1. Shopify: Best for Almost Everyone

The post 6 Best Ecommerce Solutions for 2021 first appeared on Webdesigner Depot.

21 janvier 2021/par Service comm.

9 Easy Ways to Deal With Difficult Clients

Naturally, there are bad clients out there, but 90% of the time, it’s not really the client who is at fault. Poor communication, a lack of setting expectations, and a failure to qualify clients beforehand is usually the problem.

If you’re dealing with a problematic client, there’s usually not a lot you can do to ‘fix’ things — you should focus on finishing the project as well as you can. However, what you can do is ensure this situation never arises again.

We’ve been taught that the customer is always right. But to be honest, that’s not always the case. It’s your job as a designer and brand consultant to help your client grow their business. Because of that, you may think you have to make every idea a client has — but if these ideas do not serve their business and their brand, you have to speak up! Remember that you were hired for a reason, and that reason is that you can help them build their brand, not because you can design anything they think of.

So, to avoid the ‘difficult’ client scenario, here are a few things you can do.

1. Be Selective With Your Clients

Figure out who your ideal client is and determine that you will only work with them. Ideal clients are usually people who understand you and respect you and your expertise. A client who hires you because they know what you have to offer (i.e., working towards their business goals) will be more receptive to what you present to them — they will also be more receptive when you push back ideas.

you have to be willing to decline projects

Your ideal client is not someone who wants to dictate the whole process to you (clients who already have an idea in their head and want you to make it into reality for them).

This means you have to be willing to decline projects. This can be super difficult — saying no to a paying client always is — but the mental toll of working for a non-ideal client is never worth the money!

Be selective with your clients and ensure you are on the same page before accepting any projects. To work only with your ideal client, you can have a method of qualifying them ahead of time. Some people use questionnaires; others sit down and have a chat with potential clients. If they meet your requirements, that’s great. If not, then let them know it might not be the best fit for both of you. You can also refer them to another freelance designer, who you know would be glad to have their work.

2. Remember: You are NOT an Employee

People usually become freelancers because they have a set of skills that doesn’t tie them down to one employer — you may have even developed this skill set deliberately to avoid being stuck in one office, working for one company!

So don’t forget that you are not an employee. Your clients don’t get to send you to non-productive meetings, have you in the office at certain times, or dictate any other part of your working life to you. As a freelancer, you work for yourself — don’t get caught up in the idea you are ‘employed’ by your clients.

If your client starts acting like an employer, you need to gently remind them that you are a freelancer. They chose to work with you because of your skills and talents, and as long as you deliver it on time and budget, they can’t complain about how you do it!

3. Have a Specific Scope of Work

One of the most frustrating parts of freelancing is over-demanding clients: it happens to us all, but it happens because we let it happen!

When you start a project, define exactly what you will and won’t do as part of a contract. Then, if the client wants more than you said you would give, you can refer them to the scope document and offer the additional work at an extra fee.

Documentation saves you a lot of hassle!

Having a fixed scope for all your work will free you from the ‘demanding client’ problem. Before you start working for them, sit down with them and ask them exactly what they want from your design. That way, you know exactly what you should do and what you should not do. You can then document the services you will provide and get a written confirmation from them. Clients will sometimes forget what they told you before — which is why having written documents to show them is useful.

If they ask for additional services, you can update the document stating these changes and send them a copy. Documentation saves you a lot of hassle! It’s your responsibility to be organized and professional at the end of the day, even with over-demanding clients. Always treat them kindly — never be rude, as this will cause them to give you a bad review and hurt you in the end. Act like a professional from the start, and your clients will treat you as such.

4. Document Agreements

You may find yourself with a client who is forever changing their mind or forgetting the details — so make sure all your agreements with them are documented, and both of you have copies. Just like the scope of work documents, you can refer to these agreements in the future, and it will resolve any issues you have.

5. Set Clear Expectations

You need to set clear expectations both before and after someone becomes your client — tell them what they can expect in the project and what is included and what’s not included. Remember that your time is valuable: you cannot work indefinitely, so it is okay to set limitations in a project. One way to do this is to offer two rounds of revisions on a project. This is more than enough to come out with a design a client is happy with. Most clients will understand these limitations as long as you communicate them from the get-go.

6. Set Benchmarks

Rather than taking your design brief from the client and going off on your own to design everything, set some project milestones or benchmarks. Don’t be that designer who goes radio-silent until the final design is presented (we know, creatives like the idea of the ‘big reveal,’ but remember this is business, and communication is key!).

Benchmarks are important for a few reasons. Firstly, presenting the final design may sometimes work out, but other times, the client doesn’t like it or the direction they had in mind. Secondly, it saves you time – you don’t need to design a whole project only to have to go back and revise it all!

creatives like the idea of the ‘big reveal,’ but remember this is business, and communication is key!

Plan regular check-ins with your client, include them in the process, and ensure you are on the right track.

Take a branding project, for example. You can present to your client two or three logo concepts, providing them with options. This decreases the number of times a client is unhappy with the project’s direction because they can choose which one they want. Remember to make each design unique, rather than just a small variation of the other. Think of them as three different directions to explore with your client, and take it from there.

Ensure each concept you provide is top of your game, too — that way, whatever your client chooses, it will be a great design. Imagine you make two okay concepts and one great concept, and your client chooses the weakest design!

7. Don’t Take Offence

Imagine the scene: you go to a meeting with your client to talk about the final design. You arrive, and as well as your normal contact, the CFO is present at the meeting. They take one look at your design and decide it doesn’t work.

Don’t get mad! For a start, you don’t know if the CFO has the final say on the design, and even if they do, you have an agreed scope of work, and this is now an opportunity to move the goalposts (for a fee) and renegotiate the scope of work. Look at this as an opportunity, not as a setback!

Also, remember that you can’t please everyone all the time. Not everyone will love your designs, and it’s not a personal attack.

8. Match Your Client’s Energy

Think before you open your mouth — communication is crucial in the freelancing world, and you need to be on par with your clients’ energy and vocabulary. Imagine you have just agreed on a project with a new client, and after the meeting, they say, “I cannot wait for you to knock this logo out of the park!” And you reply hesitantly, “I’ll do what I can.”

This has already made your client doubt you, and that’s a red flag. Now your client may leave the meeting wondering if they chose the right designer for the job. What you and your body language need to say is, “Hell, yes! We’re going to knock this logo out of the park!”

This is why matching a client’s energy is so important. If they are aggressive in articulating themselves, you should be, too; obviously within limits — always be professional, but don’t be afraid to sound excited and confident!

9. Be Honest With Yourself

Sometimes, you don’t get on with someone. It happens. We can’t be best friends with all of our clients! If there’s a personality conflict that’s causing problems, it can be impossible to resolve. You may want to have someone else handle the client relationship or transfer the project to another freelancer.

being afraid will never get you anywhere as a freelancer

What makes being a freelancer great is that you actually have all the power — you can fire a client if it’s really not working for you. An employee cannot fire his or her boss. If the relationship between you and your client has turned sour, you hate the work, and it’s causing you too many headaches, you can get rid of them. No one can make you work for someone!

Even if your client represents a huge chunk of your income, don’t be afraid to fire them. There are always more clients — being afraid will never get you anywhere as a freelancer. You also need to remember that your quality of life is just as important as your income! One cannot exist without the other — there’s no point in having a huge paycheck if your sanity is suffering due to it.

Conclusion

‘Difficult’ clients in freelancing do exist, but a lot of the time, you’ll discover they could have been avoided if you, the designer, took a few key steps.

You should always be selective with your clients and ensure they fit your ‘ideal client’ model; if they don’t, you can gently refuse their project and send them on to another designer who is a better fit.

When you do start working with a client, remember they are just that, a client. They are not your boss or employer, and you are a freelancer. They don’t get to dictate your working hours or appearance in meetings. They agreed to work with you, for your skills and talents, as long as you deliver quality work on time, they don’t get to tell you what to do.

Always have a scope of work in a written contract and set expectations before you begin. This saves you hassle later when a client becomes overly demanding. Along the design process, document all agreements in paper and have benchmarks wherein you check-in with your clients.

Finally, take care with how you handle your clients in person – don’t take offense if they don’t like a design, match their energy, so they have no room to doubt you, and if it really just isn’t working due to a personality conflict, remember you are free to leave!

Featured image via Pexels.

25 décembre 2020/par Service comm.

8 Awesome Black Friday 2020 Deals for Designers (Up to 94% Off!)

If you’re interested in a sneak peek of this year’s best Black Friday deals, stick around. You’ll find a few web designers’ favorites, including a stellar deal or two.

This year, more than a few of the popular retail outlets are shifting away from the traditional “camp out all night and bust open the doors when the store opens” shopping model. You might just prefer this less chaotic, ecommerce approach.

All of us are trying to adjust to what may eventually become a “new normal”. We may not like some aspects of this new normal, but there are bright spots as well.

More shoppers are likely going to shop online because of the coronavirus. That means you don’t have to fight the crowds while desperately attempting to socially distance. The shelves aren’t as apt to go bare, and shopping is easy, convenient, and safe.

1. Slider Revolution

You will find the Slider Revolution plugin incorporated in a host of WordPress theme tools and products. This premium plugin can in fact boast of more than 7 million users around the globe.

What you may not be aware of is that it is much more than just a WordPress slider. With it in your web design toolbox, you can in fact create just about anything you can imagine.

Expect to find:

A stunning selection of elements including sliders and carousels;
Attention-getting hero sections designed to make your home pages really stand out;
Single-page websites with layouts unlike anything you’ve seen before;
Modular structuring that allows you to rearrange and reuse sections however you choose and the ability to mix and match modules with any WordPress content;
Add-ons whose cutting edge features push the boundaries of web design possibilities.

There’s more of course. To celebrate Black Friday and Cyber Monday you can NOW get any Slider Revolution subscription plan or one-time payment at a 33% discount.

Just click on the banner and use the BLACKFRIDAY code at checkout.

2. Amelia

When done manually, booking and managing appointments can be tedious and subject to mistakes and errors. Amelia provides an automated booking process that is oh-so easy to work with and is error free; just what you need to help you acquire more happy customers.

Key features of Amelia’s fully responsive design include:

A dashboard system that enables you to track approved and pending appointments, booking changes, and revenue;
Zoom Integration, Google Calendar, and Outlook Calendar sync;
The ability to accept and easily manage recurring appointments that customers can schedule;
Front-end customer and employee appointment and event managing and backend appointment adding, editing, and rescheduling;
Email notifications for pending and approved appointments and events.

And much more that will save you loads of energy and a ton of time. Give Amelia a try, and if you like what you see (and you will), take advantage of the 30% Black Friday discount.

3. wpDataTables

wpDataTables 3.0, with its fresh, new look, gives you a host of different ways to generate attractive, customizable, and responsive tables and charts, and a host of different ways to present them.

Tables can be created from most data sources, the most common being MySQL query, PHP array, Google Spreadsheet, Excel files CSV files, and JSON and XML inputs;
A working knowledge of SQL is not required!
Addons include Gravity Forms, Formidable Forms, Report Builder, and Powerful Filter;
wpDataTables users can generate Tables and Charts quickly from massive amounts of data (saving hours of effort);
Tables and charts are customizable and maintainable (editable once placed in use);
Tables can be created manually if you wish.

Click on the banner now and take advantage of wpDataTables 30% Black Friday discount on all licenses and addons.

4. TheGem – Creative Multi-Purpose High-Performance WordPress Theme

In TheGem, the ultimate WordPress multipurpose toolbox, you will find:

A rich selection of 400+ premium pre-built multi-page and one-page websites, all available for Elementor and WPBakery page builders;
The ability to mix and match any of this demos, layouts and page sections to create your own unique look;
Extended WooCommerce layouts & tools for making online shops, which convert better;
TheGem Blocks: an ultimate tool for building webpages at the speed of light.

And much more. Just click on the banner and check this 5-star product out.

5. Mobirise Website Builder

Creating a Google-friendly can take time, unless you have Mobirise at your fingertips, in which case you have a number of helpful tools to speed things up.

No coding, it’s all drag and drop;
3,600+ website templates are at your disposal plus sliders, popups, forms, and more;
Many eCommerce features, including a shopping cart;
Latest Google Amp and Bootstrap4;
You can download Mobirise for free.

And, because it’s Black Friday, everything is yours at a 94% discount!

6. Get Illustrations

Get Illustrations offers royalty free and landing page Illustrations ready to drag and drop into your web design. You’ll have access to:

An extensive library of 4000+ illustrations with more added every week;
A wealth of design formats, including AI, PNG, SVG, Figma, Adobe XD, and Sketch;
Free updates and new illustrations weekly (included in the bundle).

Click on the banner and use the Coupon Code BLACKDEAL for your 30% discount.

7. XStore | Responsive Multi-Purpose WooCommerce WordPress Theme

For anyone planning on creating an eCommerce store, the XStore name says it all. Key features you’ll find in this powerful and flexible WooCommerce theme include:

More than 95 good-to-go-shops plus a full AJAX shop to get you started;
300+ pre-defined shop/page sections, a header builder, and a single product page builder;
Elementor, WPBakery and $510+ worth of premium plugins.

Click on the banner and sign up to become one of XStore’s 55,000+ happy customers.

8. Kalium – Creative Theme For Multiple Uses

Kalium is an easy-to-use, easily maintainable multipurpose theme for WordPress users that is always updated to use the latest WordPress standards.

Kalium provides its users with a host of professionally-designed pre-built demos and elements;
Many plugins such as: Slider Revolution, WPBakery, Elementor, Layer Slider, Advanced Custom Fields PRO, Product Filter for WooCommerce, Product Size Guide,WooCommerce and other premium plugins are included.

Kalium is responsive, GDPR compliant, and gives you full eCommerce and top-quality customer support. It has a 5-star rating after 36k sales on ThemeForest – seriously impressive!

*****

If you hit the retail stores remember to social distance.

Or, if you would rather take a brief break from the demands of Covid-19, take advantage of one or more of the above ecommerce sales. As you can see, there are some excellent ones!

[– This is a sponsored post –]

24 novembre 2020/par Service comm.

Top New CMS Plugins, November 2020

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.

Actualités, Méthodes et organisation des process IT

20 novembre 2020/par Service comm.

Simplifying Terraform Deployments with Ansible – Part 2

In this series:

Part 1: Motivation & Ansible 101
Part 2: Terraform & Ansible

I am happy to see that many people are enthusiastic about this series and wish to make their IaC applications better with Ansible. What I intend to do is quite simple. I will write an Ansible playbook that uses the template module (see Templating with Jinja2) and a little magic of Jinja2 templates to load appropriate variables and configurations for each Terraform environment. Finally, I will use the Terraform CLI to deploy and delete the infrastructure.

Source de l’article sur DZONE

14 novembre 2020/par Service comm.

How to Design a Contact Page That Drives Engagement

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.

11 novembre 2020/par Service comm.

So, You’Ve Won An Exciting Redesign…What Now?

The transitioning of power is fraught with difficulties. Different teams have different values, different experience, different expertise, different priorities, and that leads to different tooling, and different methodologies.

It’s tempting to think of web design as an end-to-end process, starting with research and concluding with metrics. The reality is that most designers and developers join projects part-way through an ongoing process.

That leaves us with a difficult choice: do we try and meet the client’s expectations with our own toolset, or adapt to the tools and processes that are already in place?

For anyone who’s taking over a web project from a different designer/developer/agency (D/D/A), here’s a practical guide to help you make a success of the transition.

Step 1: Find Out What Went Wrong

99.99% of the time, something broke down in the previous client-D/D/A relationship.

In my experience it’s almost never about money. Most clients are willing to pay above the basic market rate if they believe they’re receiving a good return on their investment. A client that tells you the previous D/D/A is simply too expensive is anticipating negotiating your fees.

happy clients don’t shop around

Occasionally you’ll find that a freelance designer has been headhunted by an agency, and is no longer available. Occasionally the company outgrows a D/D/A, moving into areas that the D/D/A doesn’t support. But these situations are rare, happy clients — even moderately content clients — don’t shop around. If they’re speaking to you, something motivated them to do so.

It is alarmingly common that a D/D/A simply goes AWOL. It’s most common at the lower end of the market where the sums of money involved are less likely to prompt a legal dispute. Frequently, an unreputable D/D/A will ghost a client in favour of a better, newer opportunity.

Sometimes the client hires a new manager, and the new manager ushers in revised expectations that the previous D/D/A can’t meet.

Most commonly, the previous D/D/A has dropped the ball one too many times — mistakes happen, and reasonable clients will tolerate them provided they are rectified promptly, but everyone has their limits.

Most clients will be more than happy to explain what went wrong in the previous relationship; it will inevitably be a one-sided explanation, but it will help you to understand the client’s expectations.

Be extremely wary of a client who doesn’t know what went wrong. Be even more wary of a client who talks about “upgrading” their outsourcing — they’re trying to flatter you. In these cases the client may well be hiding something — like their failure to pay invoices.

Remember: at some point the previous D/D/A was new, and excited about having a new client, was optimistic about the project, and it didn’t end well. The best way to not repeat mistakes is to learn from them, and to do that you need to know what they were.

Step 2: Carry Out a Comprehensive Audit

We’re often so eager to secure new work, that we rush to have the client sign on the dotted line, expecting to be able to tackle any problems later.

It is imperative that as a professional, you keep your promises. Before you make those promises, take your time to understand the project and related business. If a client is invested enough to sign a contract with you they won’t mind you doing due diligence first.

Is There Still a Relationship With the Previous Designer/Developer/Agency?

Clients rarely have a full picture of their project — they’re not web professionals, if they were they’d be building their own sites. Your best source of information is the previous D/D/A.

Before you contact the previous D/D/A check with your client; it’s possible they don’t know they’re being replaced yet. If your client is fine with it, then reach out.

When you speak to the previous D/D/A be sensitive to the fact that you’re taking money out of their pocket. Certainly the previous D/D/A may tell you where to go, they may ignore you altogether, but most will be pragmatic about handing over a project if only to ensure their final invoice to their now ex-client is paid promptly.

Every site has its idiosyncrasies, if you can establish a friendly rapport with the previous D/D/A then the transition will be considerably less bumpy.

Who Controls the Domain Name(s)?

In my opinion a company’s domain name(s) should always be held by the company; it’s such an essential business asset that it should be guarded as jealously as the company’s bank accounts.

Unfortunately there are businesses that outsource everything to do with the web. If the break with the previous D/D/A is acrimonious then securing the domain name could be problematic.

It’s not your job to secure the domain name — you have no leverage, the client does. It is your job to impress upon the client how mission-critical the domain name(s) is.

Who Controls the Hosting?

Hosting arrangements vary from project to project. It’s not uncommon, nor unreasonable, for the previous D/D/A to be hosting the client’s site on their own space. If that is the case, be prepared to migrate it quickly either to your own server, or a dedicated space.

If you’re migrating onto a new space pay particular attention to the email provision. Taking over a project usually means taking over a live project, and that usually means email accounts.

In any case, you need full access to the hosting space. You certainly need FTP access, you probably need SSH access.

In addition to hosting, check if your client’s site uses a CDN, and if it does, who has control of it.

Backend Source Code

Once you have FTP access to the hosting server you can probably grab all backend code from the server.

The benefit of grabbing the code from the server — as opposed to accepting files from the previous D/D/A — is that you can be absolutely certain you’re getting the current (working) code.

If the client has broken with the previous D/D/A because they were unable to deliver on a particular task, you do not want to be working with files that have been partially modified.

Fresh Installs

If you’re working with something like a CMS, it’s often a good idea to run a fresh install on your server, and then copy across any templates, plugins, and migrate the database.

Frontend Source Code

When it comes to acquiring source code, frontend code is far more problematic than backend.

frontend code is far more problematic than backend

If the previous D/D/A is even part-way competent then the CSS and JavaScript on the web space is minified. Minified CSS is not too problematic and can be unminified fairly easily, but you do not want to be unpicking a minified JavaScript file — I once had a project in which a developer had minified his own code in the same file with all of his dependencies, including both Vue and jQuery [yes, I know].

Dealing with frontend source code can take on an additional dimension if you discover that the previous D/D/A used techniques you don’t — using Less instead of Sass, or writing scripts in TypeScript.

Unminifying CSS & JavaScript

Unminifying (or beautifying, or prettifying) code is reasonably easy. There are tools online that will help, including Unminify, Online CSS Unminifier, FreeFormatter, JS Minify Unminify, and more. You’ll also find plenty of extensions for code editors including HTML-CSS-JS Prettify for Sublime Text, and Atom-Beautify for Atom. You’ll find that some editors have the functionality built in.

A word of warning: code beautification does not restore comments, and in the case of JavaScript, does not unobfuscate variable names. Beautifying code is no substitute for a copy of the original, unminified source code.

Emergency Measures

If unminifying the source code isn’t possible for any reason, or more likely, the unminified JavaScript still looks like minified code — albeit nicely formatted minified code — then your last resort is to import the code and override it where necessary.

The first thing to do in this case is to explain the situation to your client. Make sure they understand this is a temporary patch that you’ll iron-out as you rebuild parts of the project.

Then, copy and paste the old minified code into a fresh project setup. For CSS that probably means creating a legacy.scss file, including the old CSS, and importing it into your own Sass. For JavaScript, create a legacy.js file, add all the old JS, and import that.

This will result in a much bigger set of files than necessary, you may end up using !important in your style declarations [yuck], and you’ll trigger lots of Lighthouse warnings about surplus code.

However, in the likely event that your client has a long list of changes they wanted live yesterday, this dirty hack will give you a working site that you can then rebuild piece by piece over time.

Assets

Assets normally means images, and images can normally be grabbed via FTP.

Occasionally — although less occasionally now image files rarely contain text — you’ll need the source files to make changes to images.

Whether or not the client has them, or if the previous D/D/A will hand them over, depends largely on the agreement between the client and the previous D/D/A.

Most businesses are reasonably aware of the importance of brand assets, so you’ll probably find they at least have a copy of their logo; whether it’s an SVG or a JPG is another matter entirely. Impress upon them the importance of locating those files for you.

Third Party Code

It is rare to receive a project that doesn’t rely on third party code. That third party code is probably entwined in the custom source code, and unpicking it is a time-consuming job.

It is very likely the previous D/D/A used a library or framework, and given the increasing number of them, it’s even more likely that the library or framework they used is not the one you prefer.

Whether you choose to unpick the code and swap out the previous D/D/A’s dependencies for your own preferences (usually faster in the long term), or whether you choose to work with what you’re given (usually faster in the short term) is entirely up to you.

In my experience it’s no hardship to pick up another CSS library; switching from one JavaScript framework to another is a substantially bigger job involving not just syntax but core concepts.

Beware Build Environments

Everyone has their own way of doing things. Some D/D/As embrace build environments, some do not. Some build environments are simple to use, some are not. Some build environments are adaptable to your process, some are not.

Unlike adopting a library, or even a framework, adopting a new build process is rarely a good idea

Build environments are numerous — Gulp, Grunt, and Webpack are all popular — and D/D/As are almost as opinionated about them as they are about CMS.

In lieu of raw files, it’s not uncommon for the previous D/D/A to tell you to “just run such-and-such CLI” command, to match up your local environment to theirs. Unlike adopting a library, or even a framework, adopting a new build process is rarely a good idea because you’re relegating yourself from expert to novice at a time when you’ve yet to earn your new client’s trust.

Stand your ground. Their approach failed, that’s why you’ve been brought in. You do you.

Who is Licensed?

Any third part code that has been paid for is licensed. Always check who holds these licenses. As well as being legally required, valid licenses are normally required for updates, bug fixes, and in some cases support.

Common pitfalls include: font licenses (which may be licensed under the previous D/D/A’s Creative Cloud, Fontstand, Monotype, etc. account); stock image licenses (which may be licensed for use by the previous D/D/A alone); and plugins (which are frequently bulk-licensed to D/D/As in bundles).

It’s depressingly common to find clients using unlicensed assets. On more than one occasion I’ve had to explain to a client the potential consequences of using pirated fonts.

Fortunately it’s increasingly common for third party providers to attach a licence to a specified domain, which means you may be able to claim the licence on behalf of your client. Major suppliers like CMS and ecommerce solutions frequently have an option for the previous developer to release a licence and allow you to claim it.

In the case of licensing, if you’re unsure, do not be afraid to reach out to the third party provider and check with them if your client is licensed once they break ties with their previous D/D/A.

The only thing that sours a client relationship faster than telling them they need to buy a license they thought they’d already paid for, is telling them they’re being sued for copyright infringement.

Protect your client, and protect yourself, by making sure everything is licensed properly. If you can get something in writing to that effect from the previous D/D/A, do.

Who Has the Research and Analytics?

One of the major benefits of taking over a site, as opposed to building from scratch, is that you have a measurable set of site-specific data to guide your decision making.

This only applies if you have the data, so ask to be added to the client’s analytics account.

There’s a strong chance that the design research carried out by the previous D/D/A is considered an internal document, not a deliverable, by the previous D/D/A. Check with your client: if they paid for the research (is it specified on an invoice?) then they’re entitled to a copy.

We Have a Blog Too…

Clients have a tendency to use the term “website” as a catch-all term for everything digital.

When you take responsibility for a website, you’re almost always expected to take responsibility for any digital service the client uses. That means, newsletter services like Mailchimp, customer service accounts like Intercom, and 227,000 page WordPress blogs that they forgot to mention in the initial brief.

Repeat the whole of Step 2 for every additional app, micro-site, blog, and anything else the client has, unless you are expressly told by the client not to.

Step 3: The Point of No Return

Up until now, you haven’t asked the client to sign on the dotted line. This whole process is part of your due diligence.

By checking these things you can identify unforeseen problems, and potential costs. Are you tied to an obscure build process? Do you need to relicense the CMS? Do you need to recreate all of the site assets?

Some of these conversations are hard to have, but the time to have them is now

If there is any question of the project being more complex than anticipated, have an honest conversation with your client — they will appreciate your transparency, and they’ll appreciate being kept informed. Any client who doesn’t value a clear picture of what they’re paying you for, isn’t a client you want.

Some of these conversations are hard to have, but the time to have them is now, not three months down the line.

This is the point of no return. From this point on, any problems aren’t the previous D/D/A’s, they’re yours.

Change the Passwords

For every service you have, from the newsletter login, to the CMS login, to the FTP details, change the password. (Make sure you notify the client.)

Set Up a Staging Site

You’re going to need a staging site so your new client can preview the work you’ve done for them.

Set the staging site up immediately, before you’ve made any changes to the code. In doing so you’ll discover early on if there are files missing, or issues with the files you do have.

Successfully Transitioning a Project

When a client commissions a site from scratch they are filled with expectation. The fact that they are leaving their previous D/D/A and seeking you out demonstrates that their experience fell short of their hopes.

You now have a client with realistic — perhaps even pessimistic — expectations. You have a benchmark against which your work can be objectively measured.

When problems arise, as they invariably will, never try to blame the previous D/D/A; it was your job to assess the state of play before you started work. If there is an issue with legacy assets, you should have brought it to your client’s attention early on.

If you learn from the previous D/D/A’s mistakes, you won’t be handing the project on to someone else any time soon.

Featured image via Unsplash.

Actualités, Méthodes et organisation des process IT

9 novembre 2020/par Service comm.

4 Ways Big Data Is Evolving Risk Management

In the digital era, Big Data has drastically changed the landscape of business and risk management. With unlimited access to information about potential customers and user behavior, companies are using analytics to improve their risk management practices in more advanced ways than ever before.

Big Data Analytics

Techwave’s Big data analytics consulting services help you maximize revenue options and win loyal and happy customers.

Why Big Data Is Important

Big data has been around a long time, but it has taken a while for organizations to see the usefulness of big data. Big data doesn’t just track the consumer when they are online – it provides a history of behaviors that big data services can analyze and extrapolate from. If the consumer uses smart devices, makes a purchase with credit cards or checks, or visits establishments that use smart devices, they leave a data trail that can be analyzed by big data consulting to determine possible trends. These trends help businesses understand what drives their customers to make certain purchases over others.

Source de l’article sur DZONE

23 octobre 2020/par Service comm.

Who Do Web Designers Really Work For?

According to Dr. Neel Burton on Psychology Today:

It would be way too easy to answer this question with: “Whoever pays your bills.” And, honestly, I don’t think you can be a very successful web designer if you’re only driven by what the person paying you tells you to do.

Then again, that doesn’t mean you should swing to the exact opposite end and say that you only serve the end user.

When you take an extreme view or approach to this, you’re bound to leave someone or something important out. Everyone along the chain of command — your boss (if you work at an agency), your client, and their customers — matters.

So, what I’d suggest you do instead is approach the idea of who you really work for the way you would Maslow’s Hierarchy of Needs.

Establishing Your Own Hierarchy of Needs

Who do web designers really work for? I think the true answer to this question is: “Everyone.” But there’s a catch…

Think about some of the requests you’ve received from superiors, or clients in the past. How many times have you rolled your eyes at their wacky requests?

“The contact form would be better in the header so visitors can always see it.”
“Let’s use this stock photo of two women shaking hands that I’ve seen a few other companies use.”
“Why don’t we redesign all of this and make it look like this site my brother built last night?”

You’re the design professional. That’s why they’re paying you to design their website and they’re not doing it themselves. So, there comes a point where you have to push aside what they want for what they need. And this will ultimately help you figure out who you work for and what you actually owe them (because fulfilling every nitpicky and unreasonable request will never lead to anything good).

So, here’s where the Hierarchy of Needs comes in. If we’re creating our own, it would look like this to start:

Working for the Boss

Maslow called the bottom… levels of the pyramid ‘deficiency needs’ because we do not feel anything if they are met but become anxious or distressed if they are not.

I’d argue that these basic needs are like the ones we fulfill for bosses (or clients, if you’re a freelancer and work for yourself). It would look something like this:

Of course, you’ll feel a sense of accomplishment by meeting these needs, but, as a creator, how important are these really to you? These are the basic things you have to do in order to make your boss happy and to stay gainfully employed. They also help to ensure that the client is happy with the boss and agency in the end.

Bottom line: Without these needs fulfilled, you won’t be able to move any deeper into the triangle/hierarchy. So, when focusing on working for your boss, make sure the basic needs are met so you can move on and serve others as they need you to.

Working for the Client

Now, if your boss and client are two different people, you’ll have a second layer of needs to attend to here.

Just as your boss wants you to help them make more money and earn a strong reputation within their space, so too does your client. However, the work you owe them is different. Here’s how it would be represented in the triangle:

Again, you’ll be pleased if you can do and be all these things that your client needs, but is this ultimately what drives you as a designer? Sure, you want to build great relationships with clients so they return to you time and time again with all their website and marketing needs. But in terms of being fulfilled by being a good listener or a timely communicator? Probably not.

All the same, it’s important to be skilled in this type of work and to know how to serve your clients in order to get to that top level. It’ll also help you prioritize their needs accordingly, so you’re not jumping at every single thing or request they claim to “need” and blowing the budget or scope of the job.

For example, if they start demanding more of you (like bombarding you with emails every day wanting to know what’s going on), you can confidently remind them that things are under control (because you’re adhering to the project deadlines, per your boss) and you’ve already scheduled the next client check-in for this week (because you’ve been a good communicator, just as they need you to be).

Working for the End User (Customer)

Maslow refers to the top-level of the pyramid as the growth need. And here’s how Dr. Burton sums this one up for us:

Once we have met our deficiency needs, the focus of our anxiety shifts to self-actualization, and we begin, even if only at a sub- or semi-conscious level, to contemplate our bigger picture. However, only a small minority of people are able to self-actualize because self-actualization calls upon uncommon qualities such as independence, awareness, creativity, originality, and, of course, courage.

These characteristics perfectly sum up everything you want to and should be as a web designer. Unfortunately, it’s those employer and client needs that can stand in your way before you can truly flex your muscles as a creative.

Once you’ve attended to the basics, though, you’ll get your chance to design the kinds of user experiences you know will delight your client’s customers.

Here’s how their part of the triangle should look:

These are universally applicable needs and cannot be ignored.

After you’ve addressed them, though, you will have fulfilled your responsibility to all three parties: your boss, your client, and your end users. And once you’ve done that, you are free to be the creative designer that you are.

Wrap-Up

What I want you to take away from this, is that there are certain basic needs which you must fulfill when working as a web designer. These are the ones you’ll put into your own hierarchy of needs.

Take a systematic approach, starting with your boss and ending with the customer:

What do you have to do to ensure that your boss is happy to have you on the team?
And that the client is pleased with the site you’ve built them?
So you can design a website and experience that end users respond to positively?

Once you’ve figured all this out, you’ll unlock the answer to whom you work for and, more importantly, how you should work for them.

Featured image via Pexels.

7 octobre 2020/par Service comm.

7 All-Too-Common Landing Page Errors You Must Avoid

And it does this 24 hours a day, 7 days a week, 52 weeks a year without ever asking for a pay raise.

But this is true only if your website landing page is designed well, maintained, and optimized to the gills. The art and science of a flawless landing page is beyond the scope of a single article, but we can start with helping you spot seven of the most common – and damaging – trouble spots.

1. Unclear Value Statement

Typically, new visitors to your page will only stay on it 3 to 15 seconds before they get distracted. In that span of time, you must offer a clear and visible reason to stick around and interact with the page.

That reason is your value statement. What value do your readers get in exchange for the time you ask them to spend? High-quality content is a must (and hopefully a given), but you also need to pull them in so they experience that content.

Does your landing page do that? If yes, great! If no, you should fix that. If you’re not sure, ask yourself:

Is there a compelling, visible headline that expresses the end benefits clearly and succinctly?
Is there a subheadline explaining your offering in more detail?
Are there supporting graphics that pull the eye toward your headline and subheadline?

If there aren’t, add them now.

2. Poor Signposting

Your landing page isn’t just there to be pretty. It’s meant to convince people to take action. If you don’t make it easy to find your call to action, most viewers won’t look for it.

deliver enough value to make it worth the hassle

You must make it clear — in as succinct and efficient terms as possible — why the action you want a reader to take will deliver enough value to make it worth the hassle. Tell them, in words that stand out from the rest of the page, what you want them to do next and what they’ll receive for doing so.

Improving your signposting stats by asking yourself the following questions:

Do you have a clear understanding of what the next step in a visitor’s customer journey should be?
Is it easy to find and take that step on your website?
Does your copy make a clear and compelling argument in favor of taking that step?

If you can answer yes to all three questions, your signposting is likely good (or at least good enough for now). If not, now you know what you have to do to improve it.

3. Slow Loading Time

Remember that 3 to 15-second maximum time limit we mentioned earlier? That span includes time spent waiting for your landing page to load, and every microsecond of that wait increases a reader’s likelihood of bailing on the whole thing. You must get your loading time to be as quick as possible.

Viewers who exit your landing page early – including while still waiting for it to load – increase your site’s bounce rate. Higher bounce rates reduce your rankings on Google and other search engines, meaning a page that loads too slowly not only impresses fewer viewers, but it also gets fewer viewers overall.

Improving your loading time is usually a job for your tech team or whoever in the office is responsible for overseeing your hosting service. That said, here are a few of the most important ways to optimize this important factor:

Optimize image size, file format, and compression;
Clean up your database by deleting saved drafts, old revisions, unused plugins, and similar virtual detritus;
Confirm that your WordPress theme (if applicable) is optimized for quick loading;
Use a content distribution network for file storage;
Analyze server response time with your hosting service, and work with them to reduce it;
Install tools that leverage browser caching;
Fix all your broken links;
Remove all render-blocking from JavaScript;
Reduce the number of redirects necessary to reach your page;
Optimize your code, especially in CSS, JavaScript, and HTML;
Enable file compression — except for on images;
Replace all PHP content with HTML wherever possible.

This is technical, detailed work, but it’s important. If you don’t have team members up to these tasks, it can be worth hiring an outside consulting company to do it for you.

4. Only One Landing Page

You have a good idea of your ideal customer’s hopes, fears, pain points, demographics, likes and dislikes, and other important information. If you have several different types of customers, you can’t use the same landing page for each of your customer groups. Each group has different characteristics that will prompt them to follow your call to action, so you don’t want to offer just one landing page.

Similarly, you also probably have more than one product or set of content and offerings to generate sales. Having only one landing page can lose leads because the page is only optimized for one of those products or content sets.

Ideally, you should have a unique landing page with a tailored offer for each of your customer models that would send those individuals to each of the products and content sets. An ad for professionals in their 30s making over $50,000 a year would lead to a landing page built for them, while an ad for heads of households working from home would lead to a landing page built for them.

Yes, that means a company with three profiles and four content sets would need 12 landing pages. And yes, it’s worth that kind of effort.

5. Insufficient Visuals

“A picture is worth 1,000 words” is ancient wisdom, but it’s far from true in the internet world – it’s actually worth more. A quick look at social media and blog performance will tell you many people will look at, enjoy, and share a photo or video, but not many will read an entire 1,000-word post on the same topic.

How well your landing page performs depends on the images you use and how you present them. Does your page’s layout conform to the best practices of visual web design:

Including images that emotionally reinforce the value expressions of your product’s core benefits;
Containing sufficient white space to not be intimidating;
Providing data images to indicate the worth of what you do;
Using visual design cues to lead the eye toward your conversion points;
Applying color gradients to highlight offers and your call to action;
Using infographics to replace the dreaded “wall of text”.

If you can say yes for half of these things, carry on. If not, this point may be among the better places to start with a landing page redesign.

6. Asking For Too Much, Too Soon

Craft a custom calls to action that meet all levels of interest, need, and desire

Not every landing page visitor is created equal. Some are hardcore fans and experts in what you do, ready for a 10,000-word white paper that dives deeply into the research supporting your use case. Others might have heard about your industry on an Instagram page and want to know the basics of what you do.

There’s nothing worse than going to a website and being asked for all of your personal information right away. If your call to action requires too much knowledge, too deep a commitment, or even too much personal information, consider scaling back. Otherwise, you risk turning away potential customers.

Better yet, go back to No. 5 above and build a new landing page for beginners and early-stage leads. Craft a custom calls to action that meet all levels of interest, need, and desire.

7. No Trust Elements

Offering some type of authentic customer referral or testimonial is important. It all boils down to the same thing: telling those who read your landing page that other people already like what you do and how you do it.

Examples of effective modern trust elements include:

Quotes from positive reviews next to a photo of the reviewer;
Screenshots of social media posts praising your company or product;
Short video interviews of happy clients;
Blurbs for industry thought leaders approving of you;
Images portraying business credentials and certifications;
Links to positive press coverage;
Logos of known business customers who buy and trust your brand.

Final Thought: What’s Next?

There isn’t one guaranteed way to turn a landing page from something full of holes into something perfect. But first, run an audit of your landing page using this list as a guide. Note which errors are there. Next, sort them in order of what takes the least time to fix to what takes the most time to fix.

Then, fix them in that order. We find that getting the quick fixes done builds excitement and momentum, whereas starting with a harder fix can mire down the whole process.

If none of these errors exist on your landing page, congratulations. There’s still lots of work to do on your website and content marketing, but it’s not among these rookie mistakes.

Featured image via Pexels.