Articles


À moins que vous ne vendiez des survêtements, qui se sont vendus 80 % plus vite en avril qu’en février de cette année, la plupart des détaillants de mode sont confrontés à un printemps et un été difficiles.

J.C. Penney est la dernière victime parmi les géants de la vente au détail, rejoignant Neiman Marcus, Macy’s et d’autres qui ont déposé leur bilan. Pendant ce temps, les ventes au détail d’avril aux États-Unis ont chuté de 17,8 % par rapport à 2019.

Les magasins dans certaines régions des États-Unis rouvrent, mais pas complètement. Le nombre de clients autorisés à l’intérieur des magasins pourrait être limité, et de nombreuses personnes continueront à se tenir à l’écart des commerces non essentiels.

Pour survivre aux retombées financières, les retailers doivent trouver de nouveaux moyens de rester virtuellement proches des clients.

Ici, deux fondateurs de start-up et un expert de SAP décrivent comment la technologie peut aider les détaillants à survivre et à se rétablir – tout en gardant leurs marques et le suivi de leurs clients intacts.

 

La réalité augmentée fait entrer le magasin chez vous

Ashley Crowder, co-fondatrice et directrice de Vntana, pense que les solutions de 3D et de réalité augmentée (RA) comme celles développées par son entreprise peuvent augmenter les taux de conversion pour les achats en ligne.

« Vntana permet de prendre facilement des fichiers de conception de fabrication existants et de créer immédiatement des expériences 3D et de RA qui ont prouvé qu’elles pouvaient plus que doubler les taux de conversion et réduire les retours de 40 % », a-t-elle déclaré.

Vntana travaille avec des clients comme Shah Jewelry pour créer des versions virtuelles de produits qui permettent aux clients d’ »essayer » les articles à la maison. Même avant la pandémie, Vntana a constaté une augmentation du taux de conversion des navigateurs en acheteurs parmi les entreprises qui offrent des expériences 3D à leurs clients. Par exemple, selon M. Crowder, Ikea a connu une augmentation de 30 % de ses revenus lorsque les consommateurs pouvaient placer virtuellement des produits dans leur maison.

Crowder pense que la technologie de Réalité Augmentée (RA) et de réalité virtuelle (RV) est là pour rester : « Artillery Intelligence, une publication de recherche sur la RA et la RV, a réalisé une étude de consommateurs qui a révélé que 45 % des consommateurs veulent essayer les achats en RA/RV. Trente pour cent ont déclaré que si cela pouvait leur fournir suffisamment d’informations pour prendre une décision d’achat, ils ne voudraient plus jamais aller dans un magasin de détail. Les gens veulent donc ce contenu et ils veulent cette option ».

Elle s’attend à ce que l’adoption s’accélère en raison de la crise du coronavirus et souligne que les entreprises qui agissent rapidement maintenant seront mieux positionnées pour survivre et se développer à l’avenir.

 

Le commerce électronique hyperlocal dynamise le retail physique

Sandeep Bhanote a cofondé Radius8, une start-up qui améliore les interactions des acheteurs en ligne en leur proposant des expériences hyperlocales et personnalisées. Comme Crowder, Bhanote participe au programme d’accélération de SAP.iO Foundries à New York, qui soutient actuellement une cohorte d’entreprises axées sur l’expérience client.

Radius8 résout ce défi. Le commerce électronique est le même, quel que soit l’endroit où se trouvent les consommateurs, ce qui peut se traduire par des expériences médiocres pour les acheteurs en ligne, en particulier si le détaillant possède de nombreux magasins dans tout le pays.

« Notre technologie prend la localisation du consommateur et détermine sa proximité avec n’importe lequel de ces magasins au sein de la chaîne de vente au détail et modifie dynamiquement l’expérience du commerce électronique pour refléter l’endroit où il se trouve », a expliqué M. Bhanote.

 

  1. Bhanote pense que l’unification de l’expérience numérique et physique des magasins propulsera la vente au détail à un niveau supérieur.

Grâce aux données géospatiales, Radius8 offre aux consommateurs une meilleure expérience en ligne tout en stimulant les ventes en magasin en amenant les gens à se rendre dans des magasins spécifiques. M. Bhanote explique que le point central de l’intégration entre les magasins virtuels et physiques s’est limité à la compréhension de l’inventaire.

« Mais la réalité est que tous ces magasins physiques ont toutes ces choses merveilleuses qui se produisent et qui ne sont presque jamais communiquées numériquement – même pas dans le rayon de ce magasin physique », dit-il.

 

  1. Bhanote a ajouté que les clients – dont adidas, Lucky Brand, Snipes USA, Orvis et Eddie Bauer – utilisent déjà Radius8 pour créer de superbes expériences sur des sites virtuels et physiques.

 

L’entreprise intelligente offre des expériences uniques et de l’agilité

Matt Laukaitis, vice-président exécutif et directeur général mondial des industries de consommation chez SAP, estime que le maintien de l’intimité avec le client est primordial pour les détaillants.

« C’est la capacité à continuer à renforcer ce lien avec les consommateurs », a-t-il déclaré. « Nous voyons beaucoup d’innovations de la part de marques, grandes et petites, où les gens font des choses créatives avec des stylistes personnels virtuels et des sessions individuelles de vidéo-shopping pour donner aux clients une expérience unique ».

Qu’il s’agisse d’une expérience en ligne ou traditionnelle, les gagnants du futur maintiendront la cohérence de la marque tout en augmentant la pertinence et la fidélité des clients. « C’est ce qui va leur permettre de réussir leur réouverture de magasins », a déclaré M. Laukaitis.

L’agilité des détaillants pour répondre à la pandémie les rendra plus ou moins efficaces. « Les entreprises qui pourront le mieux naviguer dans la crise sont celles qui peuvent être créatives et agiles dans l’environnement actuel », a-t-il déclaré.

Les entreprises qui ont déjà adopté la transformation numérique et investi dans une infrastructure d’entreprise intelligente auront une longueur d’avance sur leurs concurrents. Elles disposent de la rapidité, de la simplicité et de la flexibilité nécessaires pour adapter leurs modèles d’entreprise tout en répondant aux attentes des consommateurs.

Une chose est sûre : le commerce électronique se développe rapidement. Le taux de croissance récent des recettes du commerce électronique aux États-Unis a atteint près de 80 % d’une année sur l’autre.  Et la crise a accéléré le besoin des gens de vivre de meilleures expériences numériques.

Les nouvelles technologies comme la RA et le géospatial, combinées à un noyau numérique solide et aux technologies traditionnelles de l’expérience client, permettront aux détaillants de pivoter rapidement et de conserver leurs clients.

https://youtu.be/rFiopsB5JzA

 

Publié initialement en anglais sur news.sap.com

The post Trois façons dont la technologie peut sauver le retail appeared first on SAP France News.

Source de l’article sur sap.com

Smart design choices can help reduce the fatigue and frustration people would otherwise feel when using the web.

There are a lot of ways web designers can minimize distractions, information overload, and analysis paralysis. For instance, designing with abundant white space, shorter snippets of text, and calming color palettes all work.

One-page websites might be another design choice worth exploring.

When done right, a single-page website could be very useful in creating a simpler and more welcoming environment for today’s overwhelmed consumers.

With its diminutive structure, it would leave a unique and memorable impression on visitors. What’s more, a well-crafted one-page website would provide visitors with a clean, narrow, and logical pathway to conversion.

For those of you who use BeTheme’s pre-built sites (or are thinking about adopting them for your next site), there’s good news. In addition to the great selection of traditionally structured sites available, Be also has single-page websites for you to work with.

So, the technical aspects you’d need to master to get the one-page formula right are already taken care of.

Let’s have a look at some of the features that make single-page websites shine and how you can design them:

1. Give Visitors a Succinct Journey Through the Website and Brand’s Story

The typical business websites you design include pages like Home, About, and Contact, as well as pages that explain the company’s services or sell their products. Unless you’re building really long sales landing pages, there’s usually about 400 to 600 words on each page.

That’s still a lot of content for your visitors to get through and it can make perusing a single website an overwhelming experience. Imagine how they feel about reading through all that content when they have to do it multiple times when comparing other websites and options.

In some cases, this multi-page website structure is overkill. The information you’d otherwise fill a full page with can easily be edited down to fit a single pane or block on a one-page website and still be as useful.

Like how design and development studio Pixel Lab does it:

Pixel Lab

Notice how all the key points are hit in a concise and visually attractive manner:

  • The Featured Work portfolio
  • The About Us introduction
  • The FAQs
  • The contact form

The BeCV pre-built site is built in a similar manner (and for a similar purpose, too):

BeCV

Just remember to keep a sticky navigation bar present at all times so visitors know exactly how much content there is on the page.

2. Opt For a Non-Traditional Navigation for a Uniquely Memorable Experience

Typically, the rule is that website navigation should follow one of two patterns:

  • Logo on the left, navigation links on the right.
  • Logo on the left, hamburger menu storing the navigation on the right (for mobile or desktop).

There are a number of reasons why this layout is beneficial. Ultimately, it comes down to the predictability and comfort of having a navigation be right where visitors expect it, no matter where they end up on your website.

However, with a single-page website, this is one of those rules you can bend, so long as you have a way to keep the navigation ever-present and easy to use.

There are some great examples of one-page sites that have done this, usually opting for a stylized left-aligned sidebar that contains links to the various parts of the page. Purple Orange is just one of them:

Purple Orange

And you can use a Be pre-built site like BeHairdresser to create a similar navigation for your website:

BeHairdresser

If you’re trying to make a bold brand stand out, this is a neat layout option to experiment with.

3. Tell a More Visually Striking Story

One of the problems with building a website with WordPress is that you always have to worry about how your design decisions affect speed. Even once the code is optimized, images are usually the low-hanging fruit that have to be dealt with.

But when your website only contains one page, this means images aren’t as much of a problem (so long as you compress and resize them). It’s only when you continue to add pages, products, and galleries that you have to scale back your visual content.

So, if your brand has a strong visual identity and you want the website to show that off through images, a one-page website is a great place to do it.

Just remember to keep a good balance between text and images as Vodka A does:

Vodka A

There’s no reason for a liquor distribution company to mince words when the elegant product photos effectively communicate to consumers what it’s all about.

In fact, this image-heavy, single-page style would work well for any vendor selling a small inventory of products: food, beverages, subscription boxes, health and beauty products, etc. And you can use the pre-built BeBistro to carefully craft it:

BeBistro

4. Turn a Complex Business Idea or Offering into Something Simple to Understand

When a company sells a technical or complex solution to consumers, it can be a real struggle to explain what it does and why they should buy it.

But here’s the thing: Consumers don’t really care about all that technical stuff. Even if you were to explain how an app worked or how you use a software like Sketch or WordPress to design a website, their eyes would glaze over.

What matters most to them is that you have an effective and affordable solution that they can trust. So, why bog them down with page after page of technical specs and sales jargon?

A one-page website enables you to simplify even the most complex of solutions.

Take Critical TechWorks, for instance. It offers an advanced technological solution for the automobile industry…and, yet, this is all it needs to explain the technology at work:

Critical Techworks

If your website’s visitors are more concerned with the outcomes rather than the “how”, you’d do well to make the website and content as easy to digest as possible. And you can use a pre-built site like BeCourse to do that:

BeCourse

Notice how both of these sites take visitors through a small handful of sections (pages) before delivering them to the main attraction: the contact or sign-up form.

5. Capture Leads and Sales at Different Stages of the Sales Funnel

Some of your visitors will be brand new to the site and need more information before they pull the trigger. Others will already have a good idea of what they’re getting into and just need one small push to get them to take action.

With a single-page website, you can design each section to cater to the different kinds of leads and prospects that arrive there.

The top sections should be introductory in nature, providing new visitors with information they need to decide if this is an option worth pursuing. The sections further below should drill down into the remaining questions or concerns that interested prospects have.

Regardless of which section they’re looking at, your one-page site will have CTA buttons built in along the way that drive them to conversion the second they’re ready.

This will enable your site to always be prepared to convert leads, whether visitors read the first two sections or make their way through all of them until they reach the conversion point (e.g. a contact form, a checkout page, etc.).

You’ll find a nice example of this on the Cycle website, with CTAs strategically placed along the single-page’s design:

Cycle

BePersonalTrainer is a good pre-built site option if you want to ensure that you include a CTA button at the perfect stopping points throughout your page:

BePersonalTrainer

You won’t find them at the bottom of every section, but that’s okay. You just need them whenever your visitors are seriously thinking about taking action.

What Should You Build: A Multi-Page or One-Page Website?

Although a single-page website won’t work for larger websites (especially in ecommerce), it could work well for business websites that are on the smaller side to begin with.

By centralizing all of that information into a single page, you’ll create a fresh experience that wows visitors with how succinct yet powerful both the message and offering are.

Just be careful. Many single-page websites are poorly done (which is probably why they fell out of fashion for a while).

Remember: This is not your chance to throw web design rules out the window. In fact, this will be an opportunity to clear out the fluff and the clutter that’s accumulated over the years and to return to a more scaled-back and classic approach to design.

And with the help of Be’s pre-built one-page websites, it won’t require much work on your part to make that happen.

 

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

Source


Source de l’article sur Webdesignerdepot

In today’s look at the latest research for web designers, we’re going to look at studies and reports from Payoneer, Robert Half, Hootsuite, and Contentsquare to see what they have to say about things like:

  • Current freelancer demand
  • Web designer earning potential
  • A change in ecommerce shopping trends
  • Unseen content rates

1. There’s Light At the End of the COVID-19 Tunnel for Freelancers

Payoneer’s The State of Freelancing During COVID-19 had to take a different approach to reporting on the freelancer workforce than in years passed.

Here’s why:

When 1000+ freelancers around the globe were asked how demand for their services changed during COVID-19, this was the response:

Less than 17% of freelancers experienced an increase in demand for their services and less than 23% saw demand remain the same.

An overwhelming majority of freelancers experienced a shrink in demand, with nearly 29% saying it slightly decreased while almost 32% said it greatly decreased.

However, the data collected wasn’t just assessed on a global scale. Payoneer also looked at freelancing demand trends in various parts of the world:

Notice the differences between Asia and Australia (who were hit with COVID-19 earlier) and North America and Europe (where the pandemic arrived a little later).

It appears as though Asian and Australian freelancers are, economically speaking, already starting to feel the effects of recovery from the pandemic with demand working in their favor.

So, if you’re feeling like there’s no end to the hardships you’ve faced during COVID-19, and were considering dropping your prices, hold on for just a little bit longer. Freelancers are starting to feel optimistic about demand for their services increasing. If you go devaluing yourself now, it’ll be hard to return to where you were before COVID-19 when things get back to normal.

2. Robert Half’s Salary Guide Breaks Down the Earning Potential for Web Designers

On a related note, let’s talk about demand from the employer’s point of view.

According to Robert Half’s 2020 Salary Guide for creative marketing professionals, there’s big demand for digital talent:

So, that’s number one. We know that almost 50% of hiring managers feel as though their digital teams are inadequately staffed. That’s good news for web designers.

However, these same managers complain about creative marketing professionals’ lack of up-to-date skills as the biggest barrier to hiring or retaining them. Although the report doesn’t say so, I’m going to assume this refers both to employees as well as contractors.

This should be a no-brainer. By keeping up with the latest web design trends and techniques, you can make top-dollar for your services — and hold onto those valuable client relationships for a long time.

According to the report, this is how much you stand to earn working in web design (in the U.S.) today:

If you’re eyeballing those salaries in the 95th percentile, then you know what you need to do. Hiring managers have spoken up about what’s holding them back from hiring.

For those of you who feel as though you’ve gone as far as you can as a web designer, it might be worth exploring a new specialty. Like one of the following:

As you can see, designers in the UI, UX, and interactive space (along with web developers) have the opportunity to make more money, even earlier on in their careers. You may also find that more job opportunities are available as you move into these niches (because of less competition), which might cut down on any demand issues you’ve been experiencing because of COVID-19.

3. Hootsuite’s Digital 2020 Report Reveals an Interesting Trend in Ecommerce

Hootsuite’s Digital 2020 report is always a great resource for learning about social media marketing trends. That said, that’s not why I read it.

It’s for hidden gems like these:

It’s no surprise that we’re seeing changes in retail and ecommerce during COVID-19. What is a surprise, however, is how consumers’ online shopping habits have changed.

Here’s what we’re seeing when we compare 2020 ecommerce data with the pre-COVID benchmarks:

Site visits are 1.7% lower than expected. That would make sense considering how budget-conscious consumers are right now. It likely keeps them from going on unnecessary shopping sprees.

Session durations are 3.3% lower. This could be related to fewer site visits. It might also indicate greater consumer confidence. If they come to a website with a plan for what they need to buy, they’re going to take a straight line to conversion instead of spending time window shopping that prolongs their session.

The number of transactions is 19.1% higher and the conversion rate is 21.6% higher. Considering shoppers aren’t spending as much time with ecommerce websites, this point suggests that there’s a massive shift happening from in-store shopping to online shopping.

If that’s the case (even if consumers are currently spending less money), that means web designers need to set their sights on the ecommerce space. With the holiday shopping season expected to start sooner rather than later this year, now is the time to get in there and make sure these sites provide as streamlined an experience as possible.

4. Contentsquare Studies the Unseen Content Rates By Industry

Contentsquare analyzed more than 7 billion user sessions globally to create the 2020 Digital Experience Benchmarks report.

There’s some interesting data in here about website traffic and conversion trends, but what I find the most valuable is the breakdown by industry.

It was this chart, in particular, that really caught my eye:

According to Contentsquare’s data, between 60% and 75% of a website’s content is unseen. Some industries fare better than others, like home supplies and luxury retailer websites, but the numbers still aren’t flattering.

For example, what does it mean when consumers miss 75% of a financial service provider’s content?

Does this mean that the financial advisory content — which I’m assuming comprises the bulk of the pages on the site — is useless or irrelevant? Or perhaps it’s an issue of discoverability since blog content and other resources often take a backseat to service and product promotion?

What about ecommerce brands in the apparel or beauty space?

If two-thirds of their pages are unseen, does that mean their websites are overrun with obsolete inventory? Or, again, is it an issue of navigability and discoverability around the store?

As a web designer, I’d suggest performing your own unseen content analysis on the websites you’ve built. If over 60% of your pages never get any views, you’re going to have to decide what to do with them:

Option 1: Fix the navigation or search function so people can actually find these unseen pages.

Option 2: Remove them from the site and make room for content your visitors actually find valuable.

Wrap-Up

As you encounter research and reports online — whether it’s written specifically for web designers or other creative professionals — spend some time looking for hidden gems.

As you can see above, there’s a ton of relevant research for web designers out there, even if it’s hiding behind the mask of a larger issue or matter. And it’s this data that will help you get a leg up on the competition since it’ll get you thinking about your business and your approach to design in different ways.

Source


Source de l’article sur Webdesignerdepot

Voice is one aspect of technology that is getting bigger and bigger, and showing little sign of relenting. In fact, 2019 data revealed that 22% of UK households owned a voice-controlled digital home assistant device such as an Amazon Echo or Google home. This is double the figure recorded in 2017 and it is predicted that over the next five years nearly 50% of all homes will have one. Smart home adoption rates are increasing, and it shows how voice control is something we are all becoming more accustomed to.

With these high figures, does it follow that voice should be something web designers build into sites? Or is it merely a gimmick that will die out and render sites with hardware and complex design issues? You only have to look at the failed introduction of Google glass to see that certain technological advancements don’t always have the outcome that might be expected.

Multiple Voices

One of the first issues with voice is establishing whether you want sites to recognise everyone’s voices, or just those who have registered. If you’re using the site in a crowded room will it pick up on snippets of conversation from others and think these are instructions? Google Home has a feature whereby you have to register your voice with its app to use more personalised features such as the shopping list. Is this the sort of thing websites would need?

Accents

The implementation of voice is complex, not only does it need to understand certain languages (such as English), but all the accents and variations too. With 160 English dialects alone, that is a lot that the technology needs to understand – not including mispronunciations, slang, and colloquialisms. Also, if a site is used all over the world (which many are) how many languages will it need to know?

Privacy Issues

if there are clips of your voice out there on the web…it can easily be imitated

If a website involves a feature such as online shopping or other functions which require sensitive details to be input, this could put people off using voice. Users need to know where this saved data is being stored, how it will be used and if it is secure. In 2018, HMRC had signed up about 6.7 million people to its voice ID service and HSBC said over 10,000 were registering each week. This shows many trust the service, but experts say that if there are clips of your voice out there on the web (such as in a podcast) it can easily be imitated. Bringing with it security and privacy issues.

According to futurologist Dr Ian Pearson, who invented the text message back in 1991, it won’t be long until we can complete a financial transaction with just a few words and a gesture. This can be a time-saver for things such as online shopping, but we need to ensure there are the correct security steps in place.

Users Don’t Talk The Way They Type

When speaking we tend to use shortened and more colloquial language as opposed to when we type. The voice function on a website will need to be able to adapt for this. One example is if you are filling in a form or comment box by voice for a website, you will need to tell it what to punctuate, letting it know where to add a comma, exclamation mark etc.

Website Processes Need to be Simpler

With the web as we use it now, we often browse through pages, reading other snippets of information before clicking through to the page we want. With voice recognition it will cut out these middle steps. For example, if you are looking for a recipe of something specific, you will just say the command “Show me the … recipe” and it will take you straight there. This direct access to what we are looking for could lead to a simplification of websites.

Regular Updates

With websites as they are now, they need updates semi-regularly, depending on how they are built, how complex they are, and what features we have built into them. A voice-based site will need updating regularly, whether to add new words or processes or to keep up with the fast-adapting technology. It might end up being quite a complex process.

Mistrust

While there are more of us now than ever using voice control via tech such as Alexa, Google, and Siri, there is still a level of mistrust over it. It’s still not quite clear where data is being stored, if it is being stored, and how easy it could be to abuse.

Larger Storage and Bandwidth

If a site is built for voice, will it utilise a ready-built plugin or will it have its own software built by developers? Will this feature require a greater amount of storage and bandwidth to cope with it? These are further factors to consider when thinking of the future of implementing voice to websites.

We Still Don’t Know Where It Will Go

Voice technology while working in some respects, is still a bit of a grey area when it comes to future use. Will it be the next big thing as many have predicted, or will it simply die down?

Look at Google Glass – highlighted as the big new technology, they soon died down and were eventually discontinued. Smart watches were another thing. You can see their initial downfall by reading an article published in 2017 about smartwatches – how major smartwatch makers such as Apple and Samsung rushed into the market before the technology was ready and they subsequently failed. Motorola exited the smartwatch market, Pebble and Jawbone shut down and Fitbit sold 2.3 million fewer devices than in their previous quarter. It was perceived as being a fad. However, fast forward to 2020 and more people than ever are wearing and using smartwatches. The smartwatch market was valued at shipment volumes of 47.34 million in 2019 and is expected to reach 117.51 by 2025, reaching a growth of 15.4 over the next five years.

Will voice follow a similar trend?

No More Impulse Buying

People enjoy browsing websites and many businesses rely on user’s impulse buying and ask their websites to be designed to reflect this. With voice taking you directly to the page’s users want to find, will they bypass these potential selling traps and just buy what they want – rather than added extras? Will it end up being a negative for businesses and see users not as satisfied for the experience?

Voiceless Still Matters

You will also have to remember that not all devices might work with voice, or people might be browsing somewhere where voice cannot be used. This means in the design process it needs to work both for voice instruction and manual use. It needs to work just as well for both to ensure the customer journey isn’t affected.

There are many ways voice can affect how we design websites in the upcoming future. It’s important to take note of market trends and usage – seeing how people use voice and thinking of the customer journey. It’s vital we don’t forget the end goals of websites – whether it’s to inform or to sell, the implementation of voice needs to assist this process not make it harder.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

Un état d’esprit axé sur le client signifie qu’il faut constamment penser non seulement à votre client, mais aussi aux clients de vos clients – et à tous leurs employés. C’est ce que pense avant tout Martin Mrugal, responsable mondial de Customer First chez SAP.

« Pendant la pandémie COVID-19, les entreprises ont prouvé l’une après l’autre que la sécurité de leurs employés, le service aux clients et les engagements envers les parties prenantes sont des priorités absolues », dit-il. « C’est notre travail de défendre passionnément nos clients en leur fournissant les meilleurs outils, services et inspirations pour les aider à remplir leurs obligations et à s’épanouir dans le processus ».

A Customer First Mindset

Click the button below to load the content from YouTube.

A Customer First Mindset

 

Mrugal a partagé avec les clients des histoires incroyables sur les nombreux résultats positifs obtenus par les clients qui ont un partenariat solide avec SAP.

Faurecia, un équipementier automobile mondial, s’est d’abord concentré sur la protection de ses employés, puis a renforcé ses liquidités pour rassurer les parties prenantes : l’entreprise pourrait faire face à tous les défis posés par la crise. Il a également saisi l’occasion de développer la résilience de sa chaîne d’approvisionnement et d’accélérer la neutralité en matière de CO2 grâce à l’achat d’énergie et d’acier décarbonisés. Malgré le blocage, Faurecia a rassemblé plus de 1 000 fournisseurs en ligne afin d’assurer conjointement la continuité de la chaîne d’approvisionnement et de s’assurer qu’ils sont prêts pour la reprise.

Le géant suisse du commerce de détail Coop a utilisé un nouvel outil de prévision pour s’assurer que les rayons des supermarchés étaient bien approvisionnés afin que les clients puissent s’approvisionner. Il a également transféré temporairement des employés de ses secteurs d’activité non alimentaires, qui ont été fermés pendant la crise, pour travailler dans des entrepôts et des centres de distribution en sous-effectif.

Lamb Weston, un fournisseur nord-américain de produits à base de pommes de terre, a renforcé les pratiques sanitaires sur tous ses sites et n’a autorisé que les visites critiques dans ses usines de fabrication pour éviter la propagation du virus. Elle a également optimisé les stocks, permettant à l’entreprise de transférer les fournitures aux épiceries qui avaient besoin de plus de produits à base de pommes de terre.

« Ce ne sont là que quelques exemples de la manière dont les clients de SAP se concentrent sur leurs employés et leurs entreprises », explique M. Mrugal. « Nous constatons que tout le monde, partout dans le monde, est confronté aux mêmes défis, sous une forme ou une autre. Maintenant plus que jamais, nous augmentons notre niveau d’engagement et nous pensons de manière créative pour accroître notre collaboration et notre connectivité avec les clients par le biais d’engagements virtuels et numériques ».

Interrogé sur son rôle, M. Mrugal explique que « Le client d’abord » est à la fois un état d’esprit, un modèle d’engagement et une organisation construite autour de meilleurs engagements avec les clients – le tout réuni en un seul.

« La véritable mesure du succès de SAP est le succès de nos clients. Ce concept est inscrit dans notre ADN », dit-il en racontant l’histoire d’un représentant commercial de SAP qui a aidé un client à localiser 500 lits d’hôpital en 30 minutes pour un hôpital de fortune à New York au plus fort de la pandémie. « Le représentant a reçu un appel d’un fournisseur, Ram Tool Construction Supply, qui aidait un entrepreneur à construire l’hôpital. Le représentant de SAP a utilisé l’outil SAP Ariba Discovery pour répondre rapidement au besoin ».

M. Mrugal note que depuis que SAP a donné aux clients un accès gratuit à SAP Ariba Start Sourcing à la mi-mars 2020, les affichages des acheteurs sur ce site ont augmenté de 58 % et les réponses des fournisseurs de 404 % par rapport à la période du 1er janvier au 9 mars 2020.

La fourniture de logiciels gratuits est l’un des moyens par lesquels SAP démontre que ses clients sont au premier plan. SAP offre également à ses clients un accès gratuit à plusieurs solutions clés de SAP et de Qualtrics.

« Les clients profitent de nos offres gratuites », a déclaré M. Mrugal. « Qualtrics leur permet de sonder et de prendre le pouls de leurs employés pour s’assurer qu’ils sont vraiment en sécurité. C’est primordial dans l’environnement actuel ».

M. Mrugal a un mantra de trois mesures essentielles que les organisations doivent prendre pour survivre avec succès à la crise. La santé et la sécurité des employés, des clients et des communautés figurent en tête de liste.

Ensuite, une communication claire et cohérente est essentielle. Selon M. Mrugal, il est essentiel de garder les lignes ouvertes avec les clients et de rester connecté : « Nous devons comprendre en temps réel où nos équipes ou nos clients ont des préoccupations, et nous devons y répondre immédiatement ».

Enfin, M. Mrugal estime que le maintien de la continuité garantit que le niveau d’engagement de SAP ne diminue pas ; il affirme plutôt que SAP change la qualité – et pas seulement la quantité – de son engagement avec les clients.

« Dans de nombreux cas, nous sommes encore plus engagés avec nos clients que jamais auparavant alors que nous traversons ensemble cette période inhabituelle », déclare le dirigeant de longue date de SAP, qui pense que le rôle de son organisation continuera à évoluer à mesure que les besoins de SAP et de ses clients continueront à se transformer.

Une chose, cependant, ne changera jamais : le client sera toujours au centre de nos préoccupations.

 

Publié initialement en anglais sur news.sap.com

The post Le client d’abord, un état d’esprit et un mantra pour la réussite appeared first on SAP France News.

Source de l’article sur sap.com

I often see freelancers on social media asking what the secret is to working fewer hours, making more money, and helping new clients to find them. While those things tend to happen the longer you’ve been freelancing, it doesn’t happen without some effort.

If you’re wondering how you can change things so that your business becomes more profitable and easier to manage, education is the key.

But it’s not just mastering new design techniques that will take you to the next level. It’s important to invest your time in a well-rounded education so that you can grow not just as a web designer, but also as a freelancer and business owner.

The good news is that you don’t have to spend a ton of cash on courses or resources. In the following round-up, I’m going to share some of the best free courses to help you level up.

5 Best Free Courses and Resources for Web Designers

Rather than sign up for Udemy, Skillshare and other premium course membership sites, I recommend taking a bootstrapping approach to self-education. I mean, the whole point in learning new skills and strengthening existing ones is so you can run a better business and make more money, right?

Once you have extra funds to throw at premium courses, definitely explore those options. For now, let’s focus on the free courses and resources that’ll help get you to that next level:

1. edX

edX was created by Harvard and MIT in order to provide university-level training and education to anyone, anywhere. While you can’t get certified without paying a few hundred dollars, you can go through entire courses for free.

Courses are offered over a wide range of categories. As a freelance web designer, you’d do well to focus on the following areas:

Design
Learn more than just how to design beautiful interfaces. Learn about the technical side of it, too — things like AI, IoT, and cybersecurity.

Computer Science
Learn web development and coding.

Business & Management
Learn essential business skills like:

  • Project management
  • Finance management
  • Leadership
  • Marketing and analysis

Communication
Learn things like branding, negotiation, reputation management, and critical thinking.

2. Envato Tuts+

Envato Tuts+ might be best known for its succinct step-by-step design and development tutorials. However, it has a new section of free video courses to take advantage of.

Although you won’t learn any soft skills here, this is a great resource if you want to master the tools of your trade.

Free courses give you a deeper look at tools like:

  • HTML, CSS, and JavaScript
  • Adobe’s suite of software
  • Sketch
  • WordPress
  • Video conferencing tools

3. YouTube

YouTube is more than just a place to watch entertaining videos. There are some amazing YouTube channels for web designers at all skill levels.

When choosing a design channel and course to follow, look for ones that are well organized. If they’re just posting videos at random without any rhyme or reason, it’ll be difficult to focus on and master one skill set before moving onto the next.

Here are the channels I recommend you follow:

Flux

Learn skills related to:

  • Web design
  • Getting started as a freelancer
  • Strengthening your processes
  • Building your portfolio
  • Design theory and strategy

CharliMarieTV

Learn skills related to:

  • Web design
  • Building sites with Figma or Webflow
  • Career paths for designers
  • Productivity hacks

NNgroup

Learn skills related to UX:

  • Web design
  • User psychology
  • Usability testing
  • Design thinking
  • Research and data analysis
  • Journey mapping
  • Get access to UX Conference seminars, too

4. Moz Whiteboard Fridays

Even if you don’t offer SEO as a standalone service, it’s important for web designers to understand the role they play in SEO and to stay abreast of the latest and greatest strategies.

If you haven’t tuned in for one of Moz’s Whiteboard Fridays yet, I’d recommend you start now.

Some of the topics might not be relevant to you (like creating a content strategy). However, there are others you’ll get some great tips from, like the one above that talks about creating great visuals, preparing web pages with tags and schema markup, and optimizing for featured snippets.

5. Nir Eyal – Indistractible

Nir Eyal has made a name for himself over the years as an author and presenter on the subject of human psychology and behavior. His first book (Hooked) examined consumer behavior and how to design around it. His second (Indistractible) turned the focus on us — the doers and creators who build experiences and products for consumers.

The first of his free resources to explore is this 30-minute presentation on why we’re so easily distracted and how to keep those distractions (and ourselves) from getting in the way.

The second free resource to snag up is the 80-page workbook available on the homepage. Here’s a preview of what it looks like:

You’ll learn about common distractions, identify those that are specific to you, and then work through exercises to defeat them.

If this is something you’re struggling with, these resources will empower you to make a much-needed change.

BONUS: WebDesigner Depot

Although WebDesigner Depot doesn’t offer video courses, I consider each of the articles contained within this site to be mini-courses of their own. And you’ll learn everything you’ve ever wanted to know about becoming a web designer and growing your freelance business.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

La crise économique actuelle pousse les entreprises vers des logiciels et des services basés sur le cloud computing qui sont peu gourmands en ressources, rentables et faciles à déployer. SAP est dans une position unique pour offrir ces solutions.

Le groupe New Ventures and Technologies de l’entreprise, dirigé par Max Wessel, est une unité exploratoire mise en place pour produire rapidement des technologies de pointe, orientées vers l’avenir. En plus de diriger le groupe, M. Wessel est directeur de l’innovation pour SAP et directeur général de SAP Bay Area. Wessel nous parle ici de son approche pour encourager l’innovation.

Fostering Innovation in the Intelligent Enterprise

Click the button below to load the content from YouTube.

Fostering Innovation in the Intelligent Enterprise

Q : Qu’est-ce que l’innovation chez SAP ?

R : L’innovation est un grand mot, et nous en faisons beaucoup chez SAP. C’est dans chaque changement progressif que nous apportons à un produit, dans chaque itération de notre modèle commercial et de notre approche pour engager les clients. Et nous devrions être fiers de tout cela. Lorsque les clients nous demandent ce qu’ils pensent de l’innovation, c’est souvent à propos de l’adoption de technologies et de modèles commerciaux véritablement nouveaux. Ces dernières années, SAP a fait de grands progrès en ciblant les changeurs de jeu en plus de notre activité principale. Par exemple, l’équipe Voice AI de Newport Beach utilise le traitement du langage naturel pour analyser les données du centre d’appel SAP Concur afin de déterminer l’efficacité d’un engagement. Au lieu de passer des centaines d’heures à vérifier manuellement les journaux d’appels, l’intelligence artificielle (IA) prend le relais. C’est un excellent exemple de l’utilisation d’une nouvelle technologie pour résoudre un problème ancien. Comment SAP crée-t-il de l’innovation organique ?

Dans toute l’entreprise, nous introduisons de nouvelles fonctionnalités, de nouveaux produits et de nouveaux services sur ce qui semble être une base quotidienne. Cette innovation nous a permis de nous implanter solidement dans l’environnement de nos clients. Cependant, pour assurer une croissance transformatrice, nous avons également besoin d’une grande vision. Nous devons nous projeter dans dix ans, identifier les grands problèmes qui méritent d’être résolus, puis les attaquer de manière à apporter de la valeur à nos clients.

Parallèlement à cette vision, SAP doit donner à ses innovateurs les moyens d’explorer de nouvelles technologies, de travailler avec les clients sur des preuves de concept (POC) et de partager de grandes idées avec des collègues du monde entier. C’est cet échange qui nous permet d’identifier ensemble les grandes idées. L’année dernière, plus de 20 000 employés se sont engagés dans notre programme d’intrapreneurs, et lors de notre réunion de lancement du développement en janvier, nous avons officiellement lancé l’outil SAP Technology Radar, une plateforme centrale et interne d’échange de connaissances sur les nouvelles technologies. Nous voulons que chaque employé contribue au processus de développement de SAP. Et notre équipe New Ventures and Technologies soutient cette conversation.

Quelles sont les grandes tendances que vous observez ?

Il existe encore un énorme potentiel pour l’apprentissage machine au sein de l’entreprise. C’est pourquoi nous continuons à pousser les capacités d’IA dans la reconnaissance vocale et à étudier la génération de données synthétiques et les nouvelles méthodes de cryptage. Nous pensons qu’elles joueront un rôle dans l’introduction de capacités d’IA avancées dans l’entreprise.

Mais ce n’est pas seulement une question de technologies. Il s’agit aussi de simplifier le déploiement et la personnalisation des logiciels grâce à des logiciels « sans code » et à l’automatisation des processus d’entreprise. Ces progrès permettront à presque tout le monde de créer une application commerciale, sans avoir besoin d’être ingénieur.

La dernière tendance est l’application de nouveaux modèles commerciaux pour fournir des logiciels de manière fondamentalement différente. Par exemple, nous sommes désormais en mesure de mettre en relation des petites et moyennes entreprises (PME) avec des partenaires de prêt dans Ariba Network, en utilisant leurs factures comme point de référence pour le crédit. Cela nous a permis d’ouvrir le crédit à des entreprises qui en ont désespérément besoin pendant la crise économique actuelle, sans frais pour les entreprises ou pour nos clients SAP Ariba – tout cela parce que nous avons expérimenté ce nouveau modèle commercial au cours des deux dernières années.

Comment trouvez-vous ces points forts dans le portefeuille de SAP ?

SAP brille lorsque nous comprenons le problème du client, que nous avons une expertise approfondie du domaine dans un secteur d’activité donné et que nous infusons de nouvelles technologies pour résoudre le problème. Le produit de prêt aux PME que je viens de mentionner, Apparent Financing by SAP, est venu de l’équipe d’Ariba Network sur la base de conversations qu’ils ont eues avec leurs clients. Ils avaient une compréhension approfondie du problème du client, mais ils avaient besoin d’un partenaire technologique et l’ont trouvé dans notre organisation.

Une partie de notre rôle consiste à entamer une conversation avec l’ensemble de SAP sur l’avenir. Chaque année, nous menons diverses campagnes d’innovation chez SAP. Grâce à ces efforts, une grande partie des projets que nous lançons viennent directement des experts de notre entreprise. J’encourage mon équipe à adopter l’esprit d’un débutant en prenant du recul pour écouter toutes les idées des experts en produits et comprendre où se trouvent les nouvelles opportunités.

Comment éviter la cannibalisation de nos solutions classiques ?

Je préfère que nous cannibalisions nos solutions classiques plutôt que de laisser un concurrent le faire. C’est là que nous devons faire preuve de créativité et de conviction. Si nous sommes convaincus que le monde changera dans 10 ans, nous devrions alors nous engager dans une cannibalisation des flux existants. Le passage au « cloud » au cours de la dernière décennie est une chose dont SAP devrait être immensément fier. Mais le nuage est plus qu’un nouveau mécanisme de livraison, et il nous a obligé à réorganiser beaucoup de nos produits. Et nous l’avons fait avec audace, convaincus que le nuage serait le mécanisme de diffusion préféré de nombre de nos clients dans de nombreuses situations.

Comment pouvons-nous inciter nos employés à être plus innovants ?

Je m’oppose à la prémisse selon laquelle les employés ne sont pas assez innovants. Je reçois de nos collègues plus d’idées plus créatives et une compréhension plus approfondie d’un problème de l’industrie que vous ne pouvez l’imaginer. Au lieu d’inciter les gens à être plus innovants, nous devons les responsabiliser. L’une des initiatives dont je suis le plus fier chez SAP est notre programme d’intrapreneuriat. Lorsque j’ai repris l’organisation, moins de 3 000 personnes participaient chaque année à notre groupe d’exploration et d’accélération. Nous en avons maintenant plus de 20 000, et l’objectif cette année est d’en engager 25 000.

La raison pour laquelle nous menons le programme intrapreneuriat n’est pas que nous pensons qu’il va générer de meilleures idées – les idées sont déjà là. Il s’agit de donner aux gens un moyen de développer ces idées, de les tester et de les commercialiser. Et plus nous en ferons pour faciliter l’innovation, plus il sera facile pour les gens d’innover.

Que devons-nous faire pour permettre un meilleur rendement de l’innovation ?

Je pense que nous avons besoin de trois ingrédients : un capital patient, une structure créative et un mandat exécutif. S’attaquer aux grands problèmes prend du temps, et c’est pourquoi nous devons planifier en termes d’horizons temporels de dix ans. Nous devons mettre en place de petites équipes pour résoudre les problèmes que seul SAP peut résoudre et leur donner la patience et la structure qui leur permettent d’apporter de la valeur au marché. Si elles s’attaquent à des problèmes suffisamment importants, si on leur donne ce mandat, si on leur permet d’emprunter une voie non linéaire, elles feront des choses étonnantes.

En tant que directeur général de SAP Bay Area, quels avantages y a-t-il à faire partie des 20 sites mondiaux qui composent le réseau de laboratoires SAP ?

Au début de la pandémie COVID-19, nous avons pu joindre tous les directeurs de laboratoires par téléphone pour comprendre les meilleures pratiques réglementaires et les communications numériques dans différents environnements culturels. C’est un parfait exemple de la façon dont nous pouvons exploiter le meilleur d’une force de développement mondiale pour favoriser l’amélioration. Mais nous combinons également des idées et des forces lorsqu’il s’agit d’activer la base d’employés pour stimuler l’innovation, de créer des hackathons, de donner aux employés les moyens de trouver de nouvelles idées commerciales ou d’étendre notre portée dans l’écosystème afin d’identifier des partenaires locaux qui peuvent mettre nos produits et services sur le marché.

Quelle est votre recette personnelle pour pérenniser SAP ?

Tout ce que nous faisons du point de vue de l’innovation doit viser à rendre les logiciels d’entreprise plus personnels, plus flexibles et plus ouverts. Il est plus facile que jamais de connecter les systèmes entre eux, ce qui signifie que plus vos systèmes et votre écosystème sont ouverts, plus vous pouvez proposer une grande variété d’innovations. SAP compte 100 000 employés, mais 7,5 milliards de personnes sur la planète sont motivées pour nous aider à améliorer le fonctionnement du monde. Nous serions négligents si nous ne nous ouvrions pas aux idées extérieures sur la manière de faire évoluer les logiciels d’entreprise.

 

 

Publié initialement en anglais sur news.sap.com

The post Comment promouvoir l’innovation, avec Max Wessel appeared first on SAP France News.

Source de l’article sur sap.com

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.

How to Make Halftone Gradient in Photoshop

 

Drawing Simple Line Patterns Using HTML5 Canvas

 

10 Online Design Tools You Never Knew You Needed

 

4 Best Content Management Systems (CMS) for Marketing

 

9 Mistakes Designers Still Make

 

6 Visual Design Principles that UX Designers Should Be Aware of

 

Best Way to Lazy Load Images for Maximum Performance

 

17 Stunning Examples of Sites with Horizontal Scrolling

 

Less is a Bore. Why Tech is Finally Embracing Maximalism

 

What Does it Mean to Have a High-Quality Website in 2020?

 

8 Project Management Tips for your Next Web Development Project

 

MergeURL – Shorten Urls for Free Without User Registration

 

13 Design Challenges to Improve and Showcase your Skills

 

How to Find Web Design Clients

 

Waitlist API – Quick and Easy Waitlist with Built in Referral

 

What is the Small Web?

 

24 Beautifully Designed Pricing Page Examples

 

7 Practical Tips for Better Microcopy

 

15 Awesome Developer Home Workstations

 

Pentagram Designs “edgier” Visual Identity for Rolls-Royce

 

Gorgeous Gradients: A Curated Collection of Dreamy Color Transitions

 

Experts Weigh in on the Biden-Harris Logo

 

50+ Modern Fonts to Use on your WordPress Website in 2020

 

15 Florist Websites that will Inspire Every Flower Lover

 

Create your First React Native Android App

 

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

Source


Source de l’article sur Webdesignerdepot

Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and know little about.

While many of us are concerned about the aspects of Google we don’t see — the parts that threaten our privacy, or monopolize the web — there’s no denying that Google offers some amazing products and tools, many of them free, all from the convenience of a single login.

Today we’re going to take a look at 12 tools from Google that really do bring something positive to the table.

1. Polymer

Polymer is an open-source JavaScript library from Google for building web applications using Web Components. The platform comes with a ton of libraries and tools to help designers and developers unlock the web’s potential by taking advantage of features like HTTP/2, Web Components, and Service Workers. 

The main feature of Polymer is Web Components. With Web Components, you can share custom elements to any site, work seamlessly with any browser’s built-in elements, and effectively use frameworks of all kinds. Products like LitElement (a simple base class for creating fast, lightweight web components) and PWA Starter Kit make Polymer easy to use. If you like, you can build your app entirely out of Web Components.

2. Lighthouse

Google Lighthouse is an open-source, automated tool for improving the quality of web pages. The software allows you to audit web pages for performance, SEO, accessibility, and more. You can run Lighthouse using ChromeDevTools, directly from the command line, or as a Node module. 

To use Lighthouse in Google Chrome, just go to the URL you want to audit (you can audit any URL on the web), open ChromeDevTools, and click the Audits tab. After you have run the audit, Lighthouse will give you an in-depth report on the web page. 

With these reports, you will see which parts of your web page you need to optimize. Each report has a reference doc that explains why that audit is important and also shows you the steps you can take to fix it. 

You can also use Lighthouse CL to prevent regression on your sites. Using Lighthouse Viewer, you can view and share reports online. You can also share reports as JSON or GitHub Gists. 

Lighthouse also comes with a feature called Stack Packs that allows Lighthouse to detect what platform a site is built on. It also displays specific stack-based recommendations.

3. Google Analytics

Google Analytics is the gold standard of analytics services. Google analytics can be installed on your site for free with a small amount of JavaScript and allows you to see all kinds of details about your site visitors, like what browser they’re using, and where they’re from.

By using Google Analytics you can make decisions about your site based on science, and therefore be somewhat confident that the decisions you make will result in the outcome you are expecting.

4. Flutter

Flutter is Google’s UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase. The toolkit is open source and free to use. The best part of Flutter is that it works with existing code. 

The toolkit has a layered architecture that allows for full customization, which results in fast rendering and flexible designs. It also comes with fully-customizable widgets that allow you to build native interfaces in minutes. With these widgets, you will be able to add platform features such as scrolling, navigation, icons, and fonts to provide a full native performance on both iOS and Android.

Flutter also has a feature called hot reload that allows you to easily build UIs, add new features, and fix bugs faster. You can also compile Flutter code to native ARM machine code using Dart native compilers. 

5. Google API Explorer

Google has a huge library of APIs that are available to developers but finding these APIs can be difficult. Google API Explorer makes it easy for developers to locate any API. On the Google API Explorer web page, you will see a complete list of the entire API library. You can easily scroll through the list or use the search box to filter through the API list. 

The best part of Google API Explorer is that each link to a reference page comes with more details on how to use the API. API Explorer is an excellent way to try out methods in the Monitoring API without having to write any code.

6. Puppeteer

Puppeteer is a project from the Google Chrome team. The platform enables web developers to control a Chrome (or any other Chrome DevTools Protocol based browser) and execute common actions, much like in a real browser. Puppeteer is also a Node library and it provides a high-level API for working with headless Chrome. It is also a useful tool for scraping, testing, and automating web pages. 

Here are some things you can do with Puppeteer: generate screenshots and PDFs of pages, UI testing, test Chrome Extensions, automate form submission, generate pre-rendered content, and crawl Single-Page Applications. 

7. Codelabs

Google Developer Codelabs is a handy tool for beginner developers and even advanced developers who want to improve their knowledge. Codelabs provide a guided, tutorial, hands-on coding experience. Codelabs’ site is broken down into several tutorial sessions on different topics. 

With the tutorials on Codelabs, you can learn how to build applications from scratch. Some of the tutorial categories include Augmented reality, TensorFlow, Analytics, Virtual Analytics, G Suite, Search, Google Compute Engine, and Google APIs on iOS. 

8. Color Tool

Color Tool makes it easy for web designers to create, share, and apply colors to their UI. It also measures the accessibility level for any color combination before exporting to the palette. The tool comes with 6 user interfaces and offers over 250 colors to choose from. 

The tool is also very easy to use. All you need to do is pick a color and apply it to the primary color scheme; switch to the secondary color scheme, and pick another color. You can also switch to Custom to pick your own colors. After you have selected all your colors, use the Accessibility feature to check if all is good before exporting it to your palette. 

9. Workbox

Workbox is a set of JavaScript libraries and Node modules. The JavaScript libraries make it easy to add offline support to web apps. The Node modules make it easy to cache assets and offer other features to help users build Progressive Web Apps. Some of these features include pre-caching, runtime caching, request routing, background sync, debugging, and greater flexibility than sw-precache and sw-toolbox. 

With Workbox, you can add a quick rule that enables you to cache Google fonts, images, JavaScript, and CSS files. Caching these files will make your web page to run faster and also consume less storage. You can also pre-cache your files in your web app using their CLI, Node module, or webpack plugin. 

10. PageSpeed Insights

PageSpeed Insights is a handy tool from Google Developers that analyzes the content of a web page, then generates suggestions on how to make the page faster. It gives reports on the performance of a web page on both desktop and mobile devices. At the top of the report, PageSpeed Insights provides a score that summarizes the page’s performance. 

11. AMP on Google

AMP pages load faster and also look better than standard HTML pages on mobile devices. AMP on Google allows you to enhance your AMP pages across Google. It is a web component framework that allows you to create user-first websites, ads, emails, and stories. One benefit of AMP is that it allows your web pages to load almost instantly across all devices and platforms hence improving the user’s experience. 

12. Window Resizer

When creating websites, it is important that developers test them for responsive design – this is where Window Resizer comes in. Window Resizer is a Chrome extension that resizes the browser window so that you can test your responsive design on different screen resolutions. The common screen sizes offered are desktop, laptop, and mobile, but you can also add custom screen sizes. 

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

It’s no secret that having a custom domain name is an essential piece of any company’s branding strategy. While there are a myriad of hosting plans available that offer domains like your company.webhost.com, making the shift from one of those to simply yourcompany.com is an important step.

However, your domain branding strategy need not end there. Domain mapping offers an opportunity for web developers and online business owners the ability to improve their marketing campaigns, protect their brands from competitors, cut down on costs, and develop a more efficient workflow.

What is Domain Mapping?

Domain mapping refers to how visitors to your website are directed to different domains and subdomains and what URLs will be displayed in the visitors’ browsers.

When you first set up your online business, one of the very first things that you do is register a domain name for your company website. But depending on the business, it could be wiser to actually register multiple domain names at once. This is because you will want to lease the primary domain name you plan on using in addition to all related TLDs. This way, cybersquatters will not be able to hold your domain name hostage, especially once you have grown into a more established brand.

For example, if you register the name yourcompany.com, you might also want to register yourcompany.net and yourcompany.org. Then you might set up a URL redirect so that visitors to the latter two sites will be redirected to yourcompany.com. However, with a domain redirect, visitors to yourcompany.net and yourcompany.org will be redirected to yourcompany.com, meaning the URL in their browser will appear as yourcompany.com no matter what they typed.

With domain mapping, this isn’t the case. A visitor to yourcompany.net will still see that URL in their browser even if the content is actually being hosted on yourcompany.com.

Benefits of Domain Mapping

Although domain mapping may seem a bit esoteric and complex at first, it serves several purposes and offers many benefits:

1. Make Web Addresses Easier to Remember

Imagine that your restaurant chain, Larry’s Lunches, just opened a new chain on 116th Street in New York City. Your first instinct may be to direct customers to larryslunches.com/116thstnyc, but that domain is a bit long and hard to remember. Instead, you might want to register the domain larrys116th.com for customers for that specific store.

With domain mapping, you can serve up the content from your main domain, larryslunches.com, while still having your visitors see larrys116th.com. This makes it easier to brand your sites without having to manage several different sites.

2. Boost Your Web Development Career

If you are a web developer yourself but are not admittedly well-acquainted with domain mapping already, you would do well to change that.

One of the easiest ways would be to look at online web development programs that one can take to read through documentation to get caught up to speed on how domain mapping can help their efforts and how to implement it. These kinds of programs can be more comprehensive than university courses and offer an impressive 88% job success rate for those who successfully complete the programs.

3. Shield Your Brand from Competitors

Remember, it’s a good idea to purchase several different related domains in anticipation of competitors snatching them up from you. Choosing the right domain names is essential to protecting your brand.

For example, Larry’s Lunches might want to snag larrysnyclunches.com and larrysfamouslunches.com as well. However, simply leaving those domains parked can be a bit of a waste, and managing multiple domains can be a pain in and of itself.

But with domain mapping, you can manage those domains just as easily as if they were your primary site, so you no longer need to leave them empty.

4. Save Time and Lower Development Expenses

Development isn’t cheap, and time is money. While the maintenance costs for a website are already high enough, adding in separate domains can sometimes break the bank due to the increased complexity of managing so many different moving pieces.

Domain mapping can lower expenses and save time by keeping everything tidy and in one place. By managing everything from a single WordPress installation, for example, you can push updates to all your subdomains at once, saving you from the tedium of going through each domain and making the same updates.

5. Manage Client Sites from One Place

If you’re a freelance developer or run an agency, using domain mapping for some of your clients’ sites can save you time as well. For example, if several clients want blogs, and you use the same infrastructure for them, you can easily push updates and changes to all of them at the same time. In short, domain mapping can make maintaining sites much easier and quicker.

How to Implement Domain Mapping

If you’re sold on the benefits of domain mapping, here’s a quick primer on the steps you’ll need to take to get started:

  1. Choose a domain registrar: The ideal registrar you choose should come with a number of important features including adequate hosting for keeping your website visitor friendly, SSL certification to ensure security, 24/7 customer support, comprehensive packages that make it easy to operate your online business.
  2. Register the domains you’re interested in: These can either be domain misspells (otherwise known as typosquatting), like youcompany.com, yourcmpany.com, etc, or related domains like yournewproduct.com, yournewlocation.com, etc. Whatever you decide to go with, you’ll need to have it registered before you can get started.
  3. Install WordPress Multisite: WordPress is one of the easiest ways to develop websites, and that holds true for domain mapped sites as well. Plus, considering WordPress sites account for over a third of the entire internet, you can’t go wrong with the famed CMS. All you need to do is install WordPress and, once that’s installed, open wp-config.php and add define(‘WP_ALLOW_MULTISITE’, true) above the /*.
  4. Configure your DNS settings: Next, you’ll need to point all your name servers to your hosting account. These changes can take up to 72 hours to go into effect.
  5. Add domains to your hosting plan: From your hosting platform, you’ll need to link your custom domains. You can usually do this from your cPanel.
  6. Map subsites to your custom domains: Once you have your domains set up, you’ll need to link them through WordPress. To do so, simply login and navigate to Sites -> Add New. After you assign them a subdomain or subdirectory name, you can click Edit and add your custom domain. Then just hit Save Changes, and you’re good to go.

Take note that domain mapping is not necessary for transferring a domain name. When you map a domain, you’re simply telling your domain where it can find your website on the internet through having your name servers updated. When you change your name, it only affects where the domain has been resolved.

The Bottom Line

While domain mapping isn’t necessary for all websites, it can still be a major timesaver. By utilizing it properly, you can greatly improve the standing of your online business by saving time and money, making website management easier, and improving the branding of your sites.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot