Articles

SAP aide à faire face à la crise grâce à la localisation


Avec la propagation du coronavirus, un effet domino fait des ravages sur les entreprises et les employés . Les chefs d’entreprise ont été contraints de fermer leurs portes ou de couper les services, ce qui a menacé leurs propres moyens de subsistance et ceux de leurs travailleurs.

Pour atténuer l’impact économique et humain, de nombreux pays ont adopté des lois qui doivent être mises en œuvre rapidement afin de protéger les emplois des citoyens les plus démunis.

Les entreprises étaient sous pression pour se conformer rapidement à ces nouvelles obligations légales et réglementations fiscales. Étant donné que de nombreux changements fiscaux et juridiques influencent la manière dont les entreprises rémunèrent leurs employés, les applications de paie et autres solutions de gestion de l’expérience humaine (HXM) ont été fortement impactées par la législation.

Les entreprises du monde entier se sont donc tournées vers SAP pour les aider à se conformer rapidement aux changements en mettant à jour leur logiciel.

80 mesures juridiques accélérées pour aider les clients

SAP dispose d’une stratégie de localisation solide, conçue pour de telles urgences inattendues. Qu’il s’agisse de mettre en œuvre la conformité légale liée à la sécurité des revenus, de réserver des billets aller-retour pour les employés expatriés bloqués ou d’accorder des allègements fiscaux aux petites et moyennes entreprises, l’équipe des services de mondialisation est là pour vous aider.

Pour relever le défi, il a fallu redistribuer les équipes, mobiliser des ressources supplémentaires et continuer à faire appel à des experts internes et externes.

«Nous n’avons épargné aucun effort pour proposer plus de 80 mesures juridiques accélérées qui aideront les clients à relever les défis actuels du marché», déclare Stefan Steinle, responsable des services de mondialisation chez SAP. «Et en plus de tous les changements juridiques liés au COVID-19, nous continuons également à fournir des mises à jour régulières et des changements juridiques.»

Les services de mondialisation travaillent en étroite collaboration avec les clients et les partenaires afin de fournir une solution pour chaque changement pertinent aussi rapidement et efficacement que possible et de mettre ces informations à la disposition du public. Nestlé est une entreprise mondiale qui s’appuie fortement sur la localisation soutenue par SAP, quel que soit le lieu d’activité de ses clients.

«C’est une excellente idée d’avoir un guichet unique pour tous les changements juridiques liés au COVID-19», déclare Mukesh Kumar Rai, SAP Total Quality Manager chez Nestlé pour l’Asie, l’Océanie et l’Afrique subsaharienne. «C’est encore plus utile pour un client mondial comme Nestlé avec plusieurs versions nationales.»

SAP maintient cette vue d’ensemble des annonces légales pertinentes pour les localisations SAP Payroll Processing et SAP SuccessFactors Employee Central Payroll. Trois exemples en Espagne, en Italie et en Autriche montrent l’étendue des changements légaux que SAP a mis en œuvre dans les solutions HXM pendant la pandémie.

Rallye en Espagne

L’Espagne fait partie des pays les plus durement touchés par le COVID-19 . Les autorités gouvernementales y ont publié six bulletins juridiques contenant jusqu’à quatre changements chacun. Ces changements affectent les paiements et les impôts de la sécurité sociale et nécessitent des modifications d’algorithme des données de base, du calcul de la paie et des rapports juridiques.

Comme l’analyse et la mise en œuvre de ces changements devaient être effectuées rapidement, Gema Moraleda, chef de produit chez SAP Espagne, et Carlos Moehlecke, propriétaire du produit de développement, ont organisé des réunions de groupes d’utilisateurs pour partager les détails des solutions SAP et ont utilisé plusieurs canaux de communication pour tenir les clients informés.

La contribution de SAP a été reconnue par les représentants du groupe d’utilisateurs, les clients et les partenaires. En mars, Juan José Díaz Vázquez de Barrahache , un partenaire SAP, a écrit : «Tout comme il y a des moments de critique, nous de Barrahache pensons également qu’il y a des moments de gratitude, et dans ce cas, nous applaudissons la façon dont SAP Espagne a intensifié ses dons. réponses aux utilisateurs espagnols de la paie en ces temps compliqués que nous vivons. »

Aider l’Italie à guérir

Mi-mars, le gouvernement italien a promulgué le décret-loi Cura Italia (« Guérir l’Italie »), qui contient des mesures telles que le report du paiement des impôts, un traitement spécial des absences, des primes supplémentaires et des allocations pour soutenir les familles. Le plus grand défi était de mettre à jour le logiciel en ligne et en temps voulu, compte tenu de la nature dynamique des annonces. SAP a utilisé tous les canaux de communication possibles pour aider à minimiser tout manque de clarté auquel le client était confronté.

Adaptation au modèle autrichien de travail à court terme

L’Autriche a adopté un modèle de chômage partiel , qui s’appuie sur les allocations de chômage fédérales. Bien que le programme ait nécessité des modifications très complexes du logiciel géré par les entreprises et les institutions, l’équipe régionale des services de mondialisation a terminé l’analyse et la mise en œuvre des changements requis en une semaine.  Dès la deuxième semaine d’avril, plus de 600 000 citoyens avaient demandé une indemnisation dans le cadre du programme, ce qui a incité le gouvernement autrichien à décupler les fonds disponibles pour soutenir le programme de chômage partiel, qui sont passés de 400 millions à 5 milliards d’euros.

Steinle résume la réponse de son équipe à la crise mondiale : « Notre contribution va au-delà de l’expertise en matière de solutions, de l’agilité et de la mise en place de solutions sur mesure. Nous nous sommes distingués non seulement en répondant rapidement aux opportunités du marché, mais aussi en proposant des solutions concrètes qui ont un impact socio-économique énorme sur les citoyens, les entreprises et les gouvernements ».

Tags: COVID-19 , HXM , paie

Article posté pour la première fois en anglais sur news.sap.com

The post SAP aide à faire face à la crise grâce à la localisation appeared first on SAP France News.

Source de l’article sur sap.com

Popular Design News of the Week: July 27, 2020 – August 2, 2020

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.

Stroke Text CSS: The Definitive Guide

 

Code Snippets for Easier Coding

 

Textdb – A Simple Way to Share Small Amounts of Data

 

10+ Favicon Generators to Make your Brand Stand Out

 

12 CSS Grid Layouts

 

Applying Disney’s Basic Principles of Animation to UI Design

 

Curiosity Creates

 

Previewed – Beautiful Mockups & Graphics for your Next App

 

We’re in a Golden Age of UX. Why is Video Chat Still Stuck in the ’90s?

 

18+ CSS Book Effect

 

How to Promote a Mobile App with an Animated Explainer Video

 

Hyperlog – Portfolios for Developers

 

Site Design: Looks like You Need to Let it Out

 

Doing Stupid Stuff with GitHub Actions

 

Is it Good Design? Well, Yeah.

 

15 Free Adobe XD UI Kits for Web and Mobile App Designers

 

The Office as You Know it is Gone

 

How Interactive Content will Increase your Visitor’s Time on Page

 

What do Web Design Clients Need from Designers?

 

Truthmark is a Photography Database Aiming to Stop Misuse in Fake News

 

200+ NoCode Tool List by WeLoveNoCode

 

Designing for ‘Why?’

 

10 Tips Before You Buy a Domain Name

 

Making Memories to Last (August 2020 Wallpapers Edition)

 

Design Constraints are not Restraints – They Stoke Creativity

 

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

Source


Source de l’article sur Webdesignerdepot

Is Change Positive for Web Designers?

As a web designer, you’re constantly being bombarded with messages that tell you to acquire new skills, try new tools, and keep on hustling.

But if you’re constantly changing things up, does it do the opposite of what you originally set out to do? In other words, if you always have to start over, is it possible to ever really achieve anything?

I think it ultimately depends on why you’re making the change.

When Change Is the Right Move for Web Designers

One of the reasons I despise New Year’s resolutions is because it’s change for the sake of change:

It’s a new year, so it’s time to get all hyped up about this one thing I need to change about myself!

There’s a reason why so many resolutions fail by February. When you force a change, it’s really hard to stay invested in it, especially if it’s something you’ve chosen to do because everyone else has.

Change should be driven by necessity.

That said, when it comes time to make changes as a web designer, is it ever really necessary? Or are you learning new skills, trying new tools, or switching up your client list simply because it’s what you believe you have to do?

It’s important to be open to change, but you should only invest your time, money, or effort when it’s the absolute right move for you. Here are some ways you’ll know when that’s the case:

Learn New Skills To…

…Round Out the Basics

If you’re a new designer and there are gaps in your education and training (and I don’t mean formally, just in general), then there’s no reason to hesitate in spending time to acquire those skills.

This doesn’t just go for basic skills as a web designer or as a coder. This also goes for skills you need to become a successful freelancer.

…Add Evergreen Skills to Future-Proof Your Position

As you move up in your career, you’ll eventually find other skills worth learning. Just make sure they’ll help you move the needle.

The best way to do that is to focus on acquiring evergreen skills that’ll always be useful to you, no matter what stage you’re at in your career or how the design landscape changes. They should also go beyond the average skill set of a designer, so they help you stand out further from the pack.

… Create a Better Situation for Yourself

The web is constantly evolving, which means that your responsibilities and skills as a web designer will have to change in order to adapt. Whenever one of these shake-ups occurs, you should either be ready to master the needed skill right away or, better yet, have been working on it beforehand.

Take, Google’s mobile-first indexing, for instance. It announced it was going to be making this shift years before website rankings were impacted. Designers had plenty of time to not only learn what was needed to design for the mobile-first web, but to get all their existing clients’ sites in shape for it.

Adopt New Tools When…

…Your Existing Ones Are Slowing You Down

If you’re doing a lot of things from-scratch (like writing emails to clients or creating contracts), that’s a good sign your toolbox needs some improvement.

As a web designer, you should be focused on creating, not on the tedious details involved in running a business or communicating with clients. That’s just not a good use of your time. A lot of this stuff can easily be automated with tools and templates.

…You’re Turning Down Business

In some cases, it’s the right thing to say “no” to prospective clients — like when they’re a bad fit or can’t afford your rates. However, there are other times when you desperately want to be able to say “yes”, but you don’t have the capacity for the job or you’re unable to cover the full scope of what they need.

This is where new tools come in handy. For instance, let’s say you’ve been approached by a ecommerce company that not only wants you to build a new store, but also needs it fully optimized for search (it’s not the first time this has happened either). Rather than turn something like that down, you may find that the addition of an SEO tool to your toolbox is all you need to be able to say “yes”.

…You Have Extra Room in Your Budget

Obviously, you don’t want to throw away money on a bunch of tools simply because a ton of people are talking about them. But you’ll eventually get to a point where the tools that served you well in the first year of business need to be replaced.

If you get to a point where you have extra time to experiment and there’s room in your budget for upgraded tools, go ahead and assess what you currently have and test out replacement solutions that will help you work better, faster, and smarter.

Look for New Business Opportunities If…

…You’re Not Doing Well

“Well” here is subjective. For instance:

  • If you’re not doing well financially, you probably need to look for more clients;
  • If you’re not doing well in terms of how you get along with clients, you should explore a niche that’s a better fit;
  • If you’re not happy with your job because burnout and stress have overtaken your life, then you might consider exploring other avenues of work.

When something has been amiss for awhile, the last thing you should do is lean into it and hope it gets better.

…The Web is Changing

Notice a trend here? Each of these changes (skills, tools, and now business opportunities) is often driven by the fact that the web is always changing. And as the web changes, you have to be ready to evolve.

In terms of business opportunities, what you’ll realistically need to do is look for new kinds of design work as technologies make your job obsolete. Take website builders like Wix or Shopify, for example. As business owners and entrepreneurs take it upon themselves to build their own websites, more and more web designers will need to find other kinds of clients and jobs to take on.

…You Want to Diversify Your Income

This is something many web designers are doing already as they’ve discovered how beneficial it is to have predictable recurring revenue streams.

But even if you’ve already found one way to diversify and stabilize your income (like by offering website maintenance services), you may become interested in exploring other opportunities along the way. If you have the capacity to pursue them, then go for it.

Is Change a Good Idea?

As you can see, change can be a very good thing for a web designer, their business, and their clients. However, there should be a very good reason for the change and you need to prepare yourself for how it’s going to impact what you’re doing now before implementing it. No amount of change can happen without some level of sacrifice.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

Les employés SAP face à la crise du Covid19

Dans des moments comme celui-ci, la raison d’être n’est pas seulement un mot, c’est une responsabilité. Chez SAP, nous tirons parti de nos ressources et de notre réseau pour des solutions pragmatiques et innovantes, sur la base de valeurs et d’un objectif communs, mais nous vivons également notre raison d’être à travers nos propres actions pour aider le monde à mieux fonctionner et améliorer la vie des gens.

 

Les employés et les équipes de l’entreprise se sont engagés de manière utile pour répondre à la crise actuelle et montrer que l’objectif est de vivre au-delà des revenus et des bénéfices. En mettant l’accent sur la santé, le bien-être, la main-d’œuvre qualifiée et la promotion de l’entrepreneuriat social et inclusif, notre raison d’être ne répond pas seulement aux objectifs de développement durable des Nations Unies (ODD des Nations Unies), mais permet également de prendre soin des personnes dont nous nous soucions le plus.
Les employés de SAP dans les pays nordiques et au Royaume-Uni ont développé diverses idées sur la manière de se soutenir mutuellement pendant la pandémie – en tant que collègues, clients, partenaires ou bénévoles pour les personnes dans le besoin. Que ce soit pour un usage interne, local ou international, leur aide ainsi que leur créativité n’ont pas connu de frontières.
Poussé par l’envie de renforcer sa communauté locale Ottershaw, l’employé de SAP Mark French a puisé dans son expérience et son savoir-faire technique et a créé un site Web qui relie les personnes dans le besoin avec des voisins et des bénévoles. Grâce à www.ottershawsupport.com , chaque résident peut s’inscrire facilement pour obtenir de l’aide ou en donner, en recueillant des ordonnances, en faisant les achats essentiels ou en fournissant une assistance et des informations par téléphone.
Un autre exemple de dévouement sans limite a été la mise en place par un autre collègue de SAP qui a soutenu l’idée de son ami de longue date et artiste graffeur Keith Hopewell ( SP: zéro ). SP:zero voulait créer une pièce de collaboration sous forme d’illustrations avec des artistes du monde entier, démontrant la croissance du virus sous son titre « Spread art, not the ‘Rrona ». Ils se sont vite rendu compte que cette collaboration pouvait également apporter une aide financière.
«J’ai eu l’idée de vendre les tirages et de les donner aux hôpitaux britanniques qui nous soutiennent», explique Jago Livingstone. Sous le nom de «No Toys Allowed», il a conçu une boutique en ligne pour faciliter l’accès à leurs dons de charité. Les résultats ont été étonnants : de plus en plus d’artistes se sont impliqués, avec un pic à 163 artistes dans 21 pays sur tous les continents.
Les employés de SAP dans les pays nordiques et baltes ont utilisé leur créativité pour promouvoir la santé, le bien-être et l’inséparabilité, malgré la distance sociale. Vingt-deux collègues SAP d’une équipe de prévente ont livré une vidéo thématique en tant que contribution du Nordic Customer Solution Advisory à un événement à venir sur le thème «We Rise Up». La vidéo révèle une histoire personnelle sur la façon dont ils gèrent la situation actuelle et sur la façon dont chaque individu « se relève » ensemble pour ses collègues, clients et partenaires.
«Parce que c’est ce que nous faisons en ces temps difficiles, c’est dans notre ADN», dit Gitte Winther Bruhn, résumant l’essence de leur idée et montrant une fois de plus que chacun peut agir pour le bien commun, même avec les actions les plus simples.

Article posté pour la première fois en anglais sur news.sap.com

The post Les employés SAP face à la crise du Covid19 appeared first on SAP France News.

Source de l’article sur sap.com

Les employés SAP face à la crise du Covid19

Dans des moments comme celui-ci, la raison d’être n’est pas seulement un mot, c’est une responsabilité. Chez SAP, nous tirons parti de nos ressources et de notre réseau pour des solutions pragmatiques et innovantes, sur la base de valeurs et d’un objectif communs, mais nous vivons également notre raison d’être à travers nos propres actions pour aider le monde à mieux fonctionner et améliorer la vie des gens.

 

Les employés et les équipes de l’entreprise se sont engagés de manière utile pour répondre à la crise actuelle et montrer que l’objectif est de vivre au-delà des revenus et des bénéfices. En mettant l’accent sur la santé, le bien-être, la main-d’œuvre qualifiée et la promotion de l’entrepreneuriat social et inclusif, notre raison d’être ne répond pas seulement aux objectifs de développement durable des Nations Unies (ODD des Nations Unies), mais permet également de prendre soin des personnes dont nous nous soucions le plus.
Les employés de SAP dans les pays nordiques et au Royaume-Uni ont développé diverses idées sur la manière de se soutenir mutuellement pendant la pandémie – en tant que collègues, clients, partenaires ou bénévoles pour les personnes dans le besoin. Que ce soit pour un usage interne, local ou international, leur aide ainsi que leur créativité n’ont pas connu de frontières.
Poussé par l’envie de renforcer sa communauté locale Ottershaw, l’employé de SAP Mark French a puisé dans son expérience et son savoir-faire technique et a créé un site Web qui relie les personnes dans le besoin avec des voisins et des bénévoles. Grâce à www.ottershawsupport.com , chaque résident peut s’inscrire facilement pour obtenir de l’aide ou en donner, en recueillant des ordonnances, en faisant les achats essentiels ou en fournissant une assistance et des informations par téléphone.
Un autre exemple de dévouement sans limite a été la mise en place par un autre collègue de SAP qui a soutenu l’idée de son ami de longue date et artiste graffeur Keith Hopewell ( SP: zéro ). SP:zero voulait créer une pièce de collaboration sous forme d’illustrations avec des artistes du monde entier, démontrant la croissance du virus sous son titre « Spread art, not the ‘Rrona ». Ils se sont vite rendu compte que cette collaboration pouvait également apporter une aide financière.
«J’ai eu l’idée de vendre les tirages et de les donner aux hôpitaux britanniques qui nous soutiennent», explique Jago Livingstone. Sous le nom de «No Toys Allowed», il a conçu une boutique en ligne pour faciliter l’accès à leurs dons de charité. Les résultats ont été étonnants : de plus en plus d’artistes se sont impliqués, avec un pic à 163 artistes dans 21 pays sur tous les continents.
Les employés de SAP dans les pays nordiques et baltes ont utilisé leur créativité pour promouvoir la santé, le bien-être et l’inséparabilité, malgré la distance sociale. Vingt-deux collègues SAP d’une équipe de prévente ont livré une vidéo thématique en tant que contribution du Nordic Customer Solution Advisory à un événement à venir sur le thème «We Rise Up». La vidéo révèle une histoire personnelle sur la façon dont ils gèrent la situation actuelle et sur la façon dont chaque individu « se relève » ensemble pour ses collègues, clients et partenaires.
«Parce que c’est ce que nous faisons en ces temps difficiles, c’est dans notre ADN», dit Gitte Winther Bruhn, résumant l’essence de leur idée et montrant une fois de plus que chacun peut agir pour le bien commun, même avec les actions les plus simples.

Article posté pour la première fois en anglais sur news.sap.com

The post Les employés SAP face à la crise du Covid19 appeared first on SAP France News.

Source de l’article sur sap.com

17 Tools I Can’t Design Without

I think of a creative practice as a combination of an approach (a design philosophy) and a series of techniques (craft skills); a good tool facilitates a technique, which in turn supports an approach.

It wasn’t until I sat down to write a list of tools I can’t design without, that I realized just how many tools I rely on as an integral part of my creative process. The danger of tools is that they promote certain techniques, and that bias can alter your approach.

First and foremost a good tool does no harm, it does not dictate, or obstruct your approach. Secondly, a good tool offers flexibility in the techniques you choose. Thirdly a good tool is invisible, it leaves no marks on the end product.

If I’d written this post a year ago the list would have been different, and I hope that in a year it will be different again. These are the tools that I currently find enabling, that have contributed to my craft, and supported my approach.

Affinity Designer

I’ve always used Adobe products. Photoshop and Illustrator were the de facto graphic tools for half my life. I’ve never had an issue with the subscription licensing of Creative Cloud, which I think is proportionate for a professional set of tools. Then, around 18 months ago I got very frustrated with how sluggish Illustrator had become.

I’d written an early review of Affinity Designer, I’d been impressed at the time, so I decided to give it another try expecting the sojourn to last an hour or two before I gravitated back to Illustrator. Running the latest version of Affinity Designer was a revelation, I’ve simply never wanted to switch back.

Why not Sketch? Well, I do occasionally jump into Sketch, especially for pure vector wireframing. I was an early adopter of Sketch, but the reliability issues (long since resolved) poisoned my relationship with it. Why not Figma? Well, Figma’s real strength is in collaboration, something that I get with Sketch, and personally I find some of Figma’s features unintuitive.

Affinity Designer isn‘t perfect. I dislike the color tools, especially the gradient tool, which I find clunky. But it’s the first design app I’ve used in years that syncs closely with my creative process.

Affinity Photo

I don’t do a lot of photo manipulation, so when I switched away from Creative Cloud for design work, I was relaxed about switching from Photoshop to Affinity Photo.

In my experience, Affinity Photo is stronger than Photoshop in some areas, and weaker in others. Affinity Photo’s bitmap scaling is much better than Photoshop’s, largely due to Lanczos 3 sampling.

Affinity Photo also solves a lot of little irritations that Adobe has chosen not to address for legacy or philosophical reasons, such as the toggleable ratio setting when resizing the canvas — I’ve lost track of the hours I’ve spent in Photoshop manually calculating vertical whitespace so that it’s proportionate to the horizontal.

TinyPng

Both Affinity Photo and Photoshop are poor at web format optimizations. Photoshop perhaps has the edge, but its output certainly isn’t acceptable for production.

I run bitmaps through TinyPng, which on average halves the size of the file without any appreciable loss of quality. (It stripped 66% off the images for this post.)

Fontstand

When I started to drift away from Creative Cloud, the one service that delayed me was Adobe Fonts (née Typekit). Not so much for the webfonts — which are faster and more reliable self-hosted — but for the ability to sync desktop fonts into my design apps.

I tried Fontstand when it was first released, and I loved the concept, but was worried about the small library. When I took a second look and discovered the library is now substantial for both workhorses and experimental typefaces, it was an easy decision to switch.

Fontstand is a desktop font rental service. Once you’ve found a typeface you’re interested in, you can activate an hour-long trial, then choose to rent the font for a small fee. You can auto-renew the rental if you need to, and if you rent the font for 12 months it’s yours forever.

If there’s one tool on this list I genuinely could not design without it’s this one. Fontstand makes working with fonts from independent foundries affordable for freelancers, and it’s enriched the typographic palette available to me.

Khroma

Every designer has strengths and weaknesses. Since day one of art school, my weakness has been color. It just doesn’t come naturally to me, and I have to work quite hard at it.

An incredibly helpful tool that I’ve been using for a few months is Khroma. It helps my eyes warm up before approaching color, and helps me find a starting point that I can then refine. Comparing my design work before, and after Khroma, the latter color choices are cleaner, more vibrant, and more interesting.

Atom

A good code editor is essential, and I’ve never found one that I’m completely happy with. For years I’ve flitted back and forth between Brackets, Sublime Text, and BBEdit. I think that probably reflects the changes in the type of coding I’m doing.

For now, I’ve settled on Atom. It’s fast, reliable, and it’s not biased to front or back-end code.

CodeKit

I held out on compilers longer than I should have, using apps like Minify to minify CSS and JavaScript, and the command line to process Sass (see below). Then I found CodeKit and it’s been essential to my workflow ever since.

What I like best about CodeKit is that it’s a GUI. Which means I can change settings while coding, like toggling off the JavaScript linting, without switching mental gears into another language.

MAMP

MAMP is a tool that allows you to run a local server environment, meaning I can run PHP and MySQL without the tedious process of FTPing to a server to test a change. Mac comes with Apache, so this isn’t strictly necessary, but it’s simple to use and works well with both CodeKit and Craft (see below).

There’s a pro version of MAMP, which allows you to switch seamlessly between projects, but it’s heavily geared towards WordPress. I’m still trying to find the time to evaluate Laravel Valet.

Dash

When you first start coding you try and memorize the entire language. It’s very possible to become fluent in the core of a language, but there are always nuances, defaults, and gotchas that you miss. As you grow more experienced, you realize that all professional coders Google the answer at least once per day.

When I got tired of Googling I started using Dash which is a superb app that combines the docs of numerous different languages into a searchable window. I use it daily for everything from SVG to Twig.

LambdaTest

It doesn’t really matter what you’re building, even the indy-web needs to be tested. Ideally you’ll test on real devices, but if you can’t afford a device library — and who but the largest agencies can — you need a live testing solution.

There are a few upstarts, but your choice is basically between BrowserStack and LambdaTest. I went for LambdaTest because I prefer the style of the UI, but that’s entirely subjective. If you’re not sure, toss a coin, you’ll get the same results with both.

Sass

I can’t write CSS without Sass — and I mean that literally. If I try and write vanilla CSS I guarantee I’ll nest something with @at-root and it will throw an error.

Craft CMS

Stating any preference for a CMS online that is not WordPress inevitably invites impassioned protests from developers whose career is built on the WordPress platform. So let me say preface this by saying: if WordPress works for you, and more importantly for your clients, then more power to you; I think it’s a dog.

Shopping around for a CMS is challenging, and I’ve gone through the process several times. A good CMS needs to be in sync with your mindset, and it needs to be appropriate for your clients — all of them, because unless you’re in a large agency with multiple coders, you need to commit to a single solution in order to master it.

I have looked and looked, and finally settled on Craft CMS. Craft makes it easy to build and maintain complex, high-performance sites. It has a shallow learning curve that grows exponentially steeper, making it easy to get started with plenty of room to grow.

Vue.js

Way back when Flash went kaput I switched to jQuery, and that was a really easy route into JavaScript — ignore the people who tell you to master the core language first, do whatever it takes to start using a language, that’s how you learn. But jQuery is heavy, and I found I needed it less and less.

These days 90% of the JavaScript I write is progressive enhancements in vanilla JavaScript to keep the dependencies low. Occasionally I encounter a job that requires complex state management, and then I fall back on Vue.js. JavaScript developers are as partisan as CMS aficionados, so let’s just say I favor Vue.js because it’s not controlled by a mega-corp and leave it at that.

Ulysses

As editor at WDD, I cannot emphasize enough that the right way to write copy for the web is markdown.

Markdown is faster to write so you don’t lose the thread of your thought process, and it doesn’t impose formatting so you can easily migrate to a CMS. If you’ve ever spent 20 minutes stripping the class, id, and style tags out of a file created in Word, Pages, or (by far the worst offender) Google Docs, then you don’t need to be sold on this point.

There are a few markdown-based writing apps available, I tested half a dozen, and the one I settled on was Ulysses. I like its distraction-free mode, I love its clean exports. Everything I write, I write in Ulysses.

Screenshot Plus

Much like markdown editors, there’s no shortage of screenshot apps. My current favorite is Screenshot Plus.

Screenshot Plus has one feature that makes it standout for me, and that is its Workflows. It sounds like a small problem, but when you’re taking screenshots of a dozen sites, the extra clicks to save, switch to your editor, and open the file are laborious. I have several workflows setup in Screenshot Plus that allow me to take a screenshot, save it to a specified folder on my local machine, and then open it in Affinity Photo, all with a single click.

Spark

I get a lot of email, a lot. At one point the influx was so bad I was using multiple email apps to segment it. Yes, I use Slack daily, but it doesn’t eliminate the need for email.

I‘ve been using Spark for around six months and it’s radically sped up my workflow. I’m a big fan of the smart inbox that allows me to compartmentalize email like newsletters, and email that warrants a reply. I like that I can switch to a chronological list if I’m looking for something specific. I love the ability to pin, or snooze messages, which helps me triage my inbox.

Todoist

I’m one of those people who can’t make it through the day without being organized. I need lists and sublists, and I need something native that opens automatically when I boot my Mac, and something that sits on the home screen of my Android.

There are as many to-do apps as there are things to do. When I’m working in a team I’ll use whichever task-tracking system it prefers. But by choice I always use Todoist thanks to its balance of simplicity and power. At this point it’s something of a meta-tool, and the app I open first every morning.

Source


Source de l’article sur Webdesignerdepot

Adveo opte pour SAP Commerce pour développer son activité et répondre à la demande croissante des consommateurs

Levallois, le 15 juillet 2020 – SAP France annonce qu’Adveo, l’un des leader européen en matériel de bureau, matériel scolaire et fournitures, utilise la solution d’ecommerce SAP Commerce pour renforcer sa croissance. Avec 345 collaborateurs et un réseau de 1500 distributeurs indépendants dont une grande partie regroupée autour des trois enseignes CALIPAGE, Plein Ciel et Buro+ répartis entre la France et le Benelux, l’entreprise rencontrait plusieurs challenges : l’évolution de la demande des professionnels et du grand public, le développement du e-commerce, et, plus récemment, la crise du Covid-19.

Pour répondre à ses nouveaux enjeux, Adveo a massivement investi dans le numérique pour renforcer son expérience réseau et client final. L’objectif : améliorer la traçabilité des produits, faciliter les échanges d’informations avec son réseau, mise en place de contenus et de solutions au service de ses distributeurs pour développer l’e-commerce en parallèle des points de vente physiques… Pour gagner en agilité sur l’e-commerce, l’entreprise a misé sur la solution SAP Commerce hébergée sur le cloud Microsoft Azure et intégrée par Delaware. Le déploiement a été effectué en un temps record entre mars et mai 2020, en pleine crise sanitaire.

Gagner en agilité pour booster la croissance

En quelques années, Adveo est passée d’une offre traditionnelle (papiers, stylos, archivage, impression…), à une offre élargie couvrant les besoins des professionnels et du grand public. L’entreprise est passée en quelques années de 10 000 à 25 000 références et ambitionne d’atteindre 45 000 d’ici fin 2022.

« SAP Commerce est un choix stratégique de croissance misant sur une plus grande flexibilité pour nous adapter rapidement aux évolutions de la demande, à la transformation du commerce et ainsi réduire le time to market des nouvelles offres ou encore tracer de nouveaux flux logistiques », explique Philippe Guillotin, président d’Adveo.

Adapter l’offre pour dynamiser les ventes en pleine crise sanitaire

« Le déploiement de la solution nous a ainsi permis d’être extrêmement réactifs pendant la période de confinement et de créer rapidement des gammes spécifiques (plexiglas, masques et gels hydroalcooliques) pour répondre aux besoins liées au Covid-19 en référençant rapidement plusieurs centaines de distributeurs. Elle nous a permis de répondre aux problématiques logistiques liées à l’augmentation de la demande sur certaines gamme de produits », ajoute Philippe Guillotin.

Adveo simplifie ainsi son activité, avec le développement de ventes profitables pour les distributeurs, et une vraie bonne expérience d’achat pour le client final.

SAP Commerce pour plus de flexibilité et de réactivité

L’hébergement sur le cloud nous a permis d’intégrer rapidement la solution au sein de l’entreprise et d’extraire facilement les données pour les transférer de notre ancienne plateforme vers SAP Commerce. Plus des deux tiers du projet se sont déroulés pendant le confinement, et nous n’avons rencontré aucune difficulté d’accès à la solution. Le cloud nous apporte une flexibilité et une forme de garantie de fonctionnement : nous n’avons aucune limite de capacité », explique Alexandre Rochereau, DSI d’Adveo. « Combinée avec l’ERP SAP, nous disposons d’une solution complète, intégrée et automatisée qui nous a permis d’éliminer de nombreuses contraintes manuelles. »

Créer de nouvelles expériences

Avec la nouvelle version de SAP commerce, Adveo a pu enrichir l’expérience interne, améliorant le pilotage et facilitant la publication des nouvelles références sur leur solution logistique, directement intégrée à la solution SAP. Les utilisateurs sont devenus responsables de leur catalogue et peuvent publier eux même les nouveaux produits grâce à une ergonomie optimisée, leur permettant de réduire les dépenses liées à l’intervention d’experts IT.

Enfin, SAP Commerce a permis à Adveo d’atteindre son objectif de devenir conforme avec les nouvelles normes RGPD, assurant ainsi la confidentialité des données des 1 500 distributeurs de l’entreprise. A court terme l’entreprise va généraliser les échanges digitaux avec ses fournisseurs et déployer de nouvelles solutions d’e-procurement au service de l’ensemble de ses distributeurs.

À propos de SAP

SAP est le leader du marché des applications d’entreprise : 77% des transactions financières mondiales passent par un système SAP. L’entreprise accompagne les organisations de toute taille et de tout secteur à mieux opérer. Nos technologies de machine learning, d’Internet des objets (IoT), d’analytique avancée et de gestion de l’expérience aident nos clients à transformer leur activité en « entreprise intelligente ». SAP dote les professionnels d’une vision approfondie sur leur activité et favorise la collaboration pour garder une longueur d’avance sur leurs concurrents. Pour les entreprises, nous simplifions la technologie afin qu’elles puissent utiliser nos logiciels comme elles le souhaitent, sans interruption. Notre suite d’applications de bout en bout et nos services permettent à plus de 440 000 clients d’opérer de manière rentable, de s’adapter en permanence et de faire la différence. Avec son réseau mondial de clients, partenaires, employés et leaders d’opinion, SAP aide le monde à mieux fonctionner et à améliorer la vie de chacun. Pour plus d’information, visitez le site www.sap.com

The post Adveo opte pour SAP Commerce pour développer son activité et répondre à la demande croissante des consommateurs appeared first on SAP France News.

Source de l’article sur sap.com

Grab Free SSL Certificates From ZeroSSL

Like it or not, we’re slowly edging towards a two-tier web: those sites that are secure, and…everything else.

There was a time on the web, when we didn’t have SSL certificates, and lots of people’s data got stolen. To address the problem, and regain users’ trust SSL certificates were introduced to secure sites handling sensitive data. And because they were initially a niche technology, you paid through the nose for them.

(An SSL certificate, for those that don’t know, is the difference between http:// and https://)

Then, thanks in part to privacy initiatives, and in part to high-profile data breaches, a few big players decided that all data should be protected. And the next thing you know, Google’s using SSL certificates as a ranking factor. And then suddenly browsers are warning people that non-SSL certified sites are insecure and they should “Get Out of Here!” And before long your hobby blog about cat-friendly board games is being billed hundreds of dollars a year just to be seen on the web.

Choosing whether to jump on the SSL bandwagon is simple: you have to have one. Finding an affordable SSL certificate, now that’s a challenge.

Most hosting companies will provide you with an SSL certificate as an add-on, and they’ll charge you anything up to $200 per year for it.

That’s why we’re blown away by ZeroSSL, because ZeroSSL is the first practical opportunity to grab an SSL certificate for your site, for free!

Get an SSL Certificate for Free

Now, it must be said that ZeroSSL isn’t the first place to offer a free SSL certificate. Plenty of hosts offer a “free” SSL certificate for the first year, when you pay for premium hosting. And there’s Let’s Encrypt which offers free certificates if you can work out how to access them.

ZeroSSL is just the first place to offer a genuinely free SSL certificate that you don’t need a post-grad degree in server engineering in order to use.

Get a Free SSL Certificate from ZeroSSL

Using ZeroSSL’s free-forever plan you can register three 90-day certificates entirely free. You’ll never need to pay for them, just renew every few months.

ZeroSSL also offers a variety of packages for simplifying your SSL management. The Basic package for example starts at $8/month and offers unlimited 90-day certificates, and even three 1-year certificates so you can renew annually and forget about them the rest of the time.

ZeroSSL also scales; if you need unlimited 1-year certificates — because you have, erm, unlimited websites? — that’s possible too.

Where ZeroSSL Excels

ZeroSSL offers a number of benefits over its competitors.

Firstly there’s the full-featured management console, that makes SSL management transparent. It sounds like a little thing, but with many other suppliers the first thing you know about your SSL certificate expiring is your site breaking.

ZeroSSL…makes managing your certificates…insanely easy.

ZeroSSL has an easy-to-use REST API, which can be used with the language of choice: PHP, Ruby, ASP, anything. It makes managing your certificates for multiple sites insanely easy.

Verifying SSL certificates can be confusing, and technically difficult. But ZeroSSL streamlines the process with automatic CSRs and one-step email validation (even for multiple domains) — considerably faster and easier than industry standard DNS validation. There’s even a one-click check to make sure your certificate is installed correctly.

Most importantly, ZeroSSL offers superb technical support on all of its paid plans. So if you’re one of the many people who started reading this post without fully understanding what an SSL certificate is, you can be confident that if you run into difficulties getting set up, there’s someone available 24/7 to dig you out of the hole.

Getting Started with ZeroSSL

If by now you’re planning to try ZeroSSL, the best place to start is the free-forever plan. ZeroSSL allows you to upgrade, downgrade, or cancel at any time, so it makes sense to start with the no-credit-card option and upscale if you need it.

Using ZeroSSL’s dashboard you can create a free 90-day SSL certificate in minutes, and the step-by-step installation instructions will guide you all the way through.

ZeroSSL’s 1-year certificates are the gold-standard of SSL protection

ZeroSSL auto-generates certificates in different formats depending on your choice of platform, to speed up installation.

You can register certificates for multiple domains — you will have to verify each domain individually, but it’s simple to setup. Premium plan users can even use wildcards, allowing you to secure a site with multiple sub-domains, from a single certificate.

ZeroSSL’s 1-year certificates are the gold-standard of SSL protection and are the option that most site owners will come to rely on.

If you’re running an agency and you’re responsible for maintaining multiple client sites, ZeroSSL is made for you. ZeroSSL’s dashboard gives you one central location to monitor the status of all of your SSL certificates, and you can set expiry reminders to notify you by email when a certificate is about to expire.

Automated SSL Renewal with ZeroSSL

If that sounds too much work, and you’d like to automate your SSL certificates, ZeroSSL has you covered.

ZeroSSL works with both its own dedicated ACME Certbot, and more than ten other third-party ACME clients to fully automate your SSL certificates absolutely free, on a rolling 90-day schedule.

If you really know what you’re doing, you might even consider the ZeroSSL’s REST API. It enables certificate creation, validation, renewal, and management using HTTPS Get calls and JSON responses. The API handles millions of requests per month using 256-bit bank-level HTTPS encryption. You can access the API for free, and the Pro plan offers unlimited access.

Go Get Certified

There are millions of sites that drop traffic every month because they lack an SSL certificate.

Whatever your site, it’s not a question of whether you need an SSL certificate, it’s how you can affordably manage to create, install, and monitor a certificate.

ZeroSSL solves all of the problems of SSL certificate management, and for the majority of users, its free-forever plan is all you’ll ever need.

Head over to zerossl.com today to boost your traffic with a free SSL certificate.

 

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

Source


Source de l’article sur Webdesignerdepot

Exciting New Tools for Designers, July 2020

Some of the changes we are seeing with where we work are starting to pop up in the type of new tools made for designers and developers. More tools with remote collaboration as a key feature are increasing in popularity. (You’ll find a few of those here.)

Here’s what new for designers this month.

Webdesign Toolbox

Webdesign Toolbox is a collection of tools, apps, and resources all in one location for designers and developers. The best part of this resource is that it is human-curated, so every tool is quality checked and makes the list because it has been tested and researched. Search the collection by design, dev, stock, typography, UX, or workflow tools (and more) and use them to help create more efficiently. The collection is constantly growing, too.

CodeStream

CodeStream might be the new-world workflow tool for web designers and developers. It is made for remote teams to review code right inside your IDE without breaking from development flow. You can post and review changes and comments are all independent of the code itself, even though they link to it.

Litur

Litur is a color management app for iOS. Use it to find and collect color swatches, create custom palettes, and even check color combinations against accessibility standards. The app can even generate color codes for you from swatches you find from a photo or image upload or create. The app works on mobile and desktop Mac devices and is a paid app.

Editor X

Editor X, which is still in beta, is a website building tool that combines advanced design and prototyping capabilities with secure web hosting and integrated business solutions. Go from an idea straight to production in a highly intuitive design workspace. The best feature might be exact design precision tools.

Grid Cheatsheet

Grid Cheatsheet is a visual and code-based set of “cheats” based on the W3C CSS Grid Specifications. What’s nice is it makes these guidelines easier to understand and use if reading through them makes you a little uneasy.

Tutorialist

Tutorialist brings together some of the best development tutorials on the web. All of the tutorials are free videos available on YouTube, and this project collects them all in one place.

Pure CSS Halftone Portrait from JPG

Pure CSS Halftone Portrait from JPG is a beautiful pen from Ana Tudor that shows how to change the visual representation of an image. The examples are brilliant and in true halftone fashion. The code snippet works with color, or black and white images as well.

VoiceText for Slack

VoiceText for Slack is another work from home productivity tool. Integrate it with Slack and send messages with text that’s transcribed right in your channels. It’s a free integration and supports 18 languages.

Feature Peek

Feature Peek is a developer tool that helps you get frontend staging environments on demand and gather team feedback earlier in the development process. It’s made for use with GitHub and works with a variety of other tools as well.

Formbutton

Formbutton is a simple and customizable pop-up form. (And we all know websites have plenty of them right now.) It connects to other services you already use, such as Google Sheets and MailChimp, and is simple to set up.

Blocksy Theme

Blocksy is a WordPress theme that’s made for non-coders. It’s a zippy and highly visual theme made for Gutenberg. It works with other builders and allows the user to customize pretty much everything visually. (There’s even a dark mode.) The theme is packed with tools and options and is a free download.

Oh My Startup Illustrations

Oh My Startup Illustrations is a set of vector illustrations in several categories featuring a popular style on many projects. Use the characters and scenes to create a semi-custom story for your startup project.

1mb

1mb is a code editor and host where you can create a static website with a custom domain and SSL included. The editor works in-browser and everything is saved in the cloud.

Linear

Linear is an issue tracking Mac app for teams. It’s designed to help streamline software projects, sprints, and tasks, and can integrate with standard tools such as Github, Figma, and Slack.

Hosting Checker

Hosting Checker solves a common issue – a client wants you to work on their website, but has no idea who hosts it. Hosting Checker shows the user hosting provider and IP address the website uses, along with where its server computers are located and the host’s contact details. It also claims to be 82% faster than other similar tools.

Spike

Spike alerts you to website incidents before customers. Create alerts and get a phone call, text message, email, or Slack notification right away. The tool provides unlimited alerts and integrations to you can stay on top of issues before they become real problems.

Magnus UI

Magnus UI is a framework that helps you building consistent user interfaces in React. It comes with plenty of components ready to use and you can customize the theme.

SpreadSimple

SpreadSimple uses data in Google Sheets to create styled websites with features such as filtering, search, sorting, cart, order collection via forms, and much more. Update the sheet and instantly see changes on the website.

WebP vs. JPEG

Google is starting to suggest using it’s WebP image format to decrease load times, because of the lighter file size. But is WebP better than the traditional JPEG? Developer Johannes Siipola tested the file types at different sizes to answer the question. The answer is a bit complicated, but sometimes it might be better; read the full analysis for more.

Oh Dear

Oh Dear is a website monitoring tool that can help you keep a check on websites. Monitor uptime, SSL certificates, broken links, and more with notifications that come right to you if there’s an issue.

Airconnect

Airconnect is a Zoom video conferencing alternative that you can use for your brand with a custom header, colors, and portal for clients. The tool includes video calling as well as the ability for customers to access their data and automate your onboarding process.

Free Faces

Free Faces is a curated collection of free typefaces that you can browse and use in projects. Search by type style with visual results that include a download link.

All the Roll

All the Roll is a fun novelty font for just the right type of project. It includes 167 characters with swash characters that can be added before or after certain letters.

Backrush

Backrush is a handwriting-style typeface with easy strokes and a pen-like feel. It includes thicker letterforms with nice swashes and a full character set.

Thuner

Thuner is a slab display font with interesting quirks. It’s made for larger than life designs. It includes a full uppercase character set and numerals.

Source


Source de l’article sur Webdesignerdepot

8 Design Secrets of B2B Vs B2C Websites

Web design clients come from a wide variety of backgrounds. One day, you’ll be designing a portfolio website for a voiceover artist, the next you’ll be creating a comprehensive ecommerce site for a leading retailer. In an ideal world, you’ll get to a point where you eventually specialize in a niche. However, you’ll need to master both avenues first.

The more time you spend in this industry, the more you’ll learn that every client comes with their own unique requirements and challenges to consider. However, there’s a particularly huge divide between the kind of web design projects you do for B2B clients, and the ones you do for B2C customers.

Both B2B (Business to Business) and B2C (Business to Consumer) websites need to be clear, concise, and aesthetically pleasing. They should always have a strong focus on user experience, and they need to work consistently across devices. However, being aware of the difference between B2B and B2C projects will help you to deliver better results to your customers.

Defining the Differences Between B2B and B2C Sites

Some web design trends remain consistent in any environment.

Whether you’re creating a site for a hairdresser, or a leading SaaS company, you’ll need to deliver responsive design, intuitive navigation, and excellent site security.

Your process is unlikely to differ from B2B to B2C much in terms of project milestones, phases, prototyping and wire-framing. The differences that arise between B2B and B2C projects often come in the approach you take to building certain elements.

Let’s take a closer look at the things you might need to consider:

1. The Target Audience

In any design project, it’s always important to keep the end customer in mind. Knowing your client’s target audience will help you to create both an image and a tone of voice that appeals to the right people.

B2B Websites

With B2B websites, you’ll be speaking to a range of highly-educated individuals who already have a general knowledge of your service. The aim here will be to show the end-user how you can help them achieve better results. For instance, m.io highlights “syncing communication” so you can “effortlessly chat” with your team.

The language and content of the website is all about highlighting the key benefits of the products, and the kind of outcomes that they can deliver. The Nielsen Norman Group reports that there’s often a lot of discussion between decision-makers when they’re checking out a B2B website.  

Designers need to work harder at convincing B2B buyers that they’re making the right decision. This is particularly true when you’re selling something like a software subscription that requires a lot of long—term investment.

B2C Websites

On the other hand, while B2B customers make decisions based on logic, information, and well-explained benefits, B2C customers are more influenced by emotion. They want quick solutions to their problems, and the opportunity to purchase from a brand that “understands” them.

Look at the Firebox website, for instance. It instantly highlights an ongoing sale at the top of the homepage, addressing any concerns a customer might have about price. That combined with a quirky layout full of authentic photos and bright colors means that customers are more inclined to take action.

2. The Purpose

Another factor that can vary from B2C to B2B websites, is the motive behind a customer’s purchase. Knowing what’s pushing a target audience to interact with a brand will help you to create a website that appeals to specific goals.

B2B Websites

B2B websites often aim to solve expensive and time-consuming problems for companies. To sell a decision-maker on the validity of a solution, it’s important to thoroughly explain what the solution is, how it works, and how it addressees a specific pain point.

Look at the Zoom website for instance, they don’t just tell people that they offer video conferencing, they address the practical applications of the platform:

B2C Websites

Consumers are a lot easier to appeal to in terms of emotional impact, because many of them come to a website looking to fulfill an urgent need. Because of this, many web designers can take advantage of things like urgency and demand to encourage conversions. For instance, look at this website from TravelZoo. It takes advantage of a customer’s desire to get away:

A B2B website needs to focus on providing information that helps companies to make more confident decisions. What’s more, with B2B sites, decisions are often made by several stakeholders, while B2C sites ask a single person to make a choice. A B2C website needs to address immediate concerns and connect with customers on an emotional level. B2C buyers still want to do their research on products or services, but the turnaround is much quicker, and often requires less information.

3. The Design Elements (Visual Appearance)

Just as the focus of your website design and the audience that you’re creating the experience for can differ from B2B to B2C websites, the visual elements of the design might change too.

B2B Websites

In most cases, B2B websites are all about presenting a highly professional and respectable image. You’ll notice a lot of safe and clear choices when it comes to typography and imagery. It’s unusual to see a B2B website that takes risks with things like illustrations and animations.

Look at the Green Geeks website for instance. Everything is laid out to encourage clarity and understanding. Information is easy to find, and there are no other issues that might distract a customer.

B2C Websites

On the other hand, B2C websites can be a little more daring. With so many different options to choose from, and most customers buying out of a sense of urgency or sudden demand, designers are under pressure to capture attention quick. This means that it’s much more likely to see large pieces of eye-catching imagery on B2C sites, with very little text.

Movement, like slideshows and animations often play more of a role here. Additionally, there’s a good chance that you’ll be able to experiment more aggressively with color. Take a look at the Yotel website, for instance. There’s very little textual information here, but the appeal of the website is conveyed through sliding images:

4. Website Content

The way that information is conveyed on a B2B website is very different to the messages portrayed on a B2C site. Usually, everything from the language, to the amount of content that you use for these projects will differ drastically.

B2B Websites

When designing for a B2B website, you’ll need to be careful with content, as you’ll be speaking to a very mixed audience. If your site caters to different industries, you’ll need to ensure that you show authority, without using too much jargon. Some companies even create different pages on their site for specific customers. The aspin.co.uk website covers the benefits from a company, sale and integration perspective:

Rather than try to talk to all business owners about their differing communication pains, G-Suite anticipates its audience and creates pages for each.

B2C Websites

Alternatively, B2C websites can make things a little simpler. For instance, on glossybox.co.uk, there’s no need to provide a ton of information for different types of shopper, designers can appeal to one audience, i.e. the “beauty addict”:

In both B2B and B2C websites, the aim of the content should always be to answer any questions that the end user might have.

5. CTA Buttons

Call to Action buttons are often a crucial part of the web design journey. However, it’s sometimes difficult to determine where they should be placed, or how many buttons you need.

B2B Websites

Because the decision to buy something won’t always happen immediately with a B2B website, these kinds of sites often use a variety of CTAs. For instance, you might have a “Request a Quote” button at the top of a page, as well as a Sign in button.

On the Klaviyo site, for instance, you can request a demo, sign up or log in:

You can place CTAs lower on the page with B2B websites too, as it’s more likely that your customers will be scrolling through the site to collect more information before they decide to buy.

B2C Websites

On the other hand, with B2C websites, you usually don’t need to give your visitors as many options. A single option to “Add to Cart”, or perhaps an extra choice to “Add to Favorites” is all your user will need. Customers need to instantly see what they need to do next as soon as they arrive on a page:

On the Evil Hair website, you immediately see how to add a product to your cart.

Remember, the sales process is a lot quicker with B2C customers. This means that you need your CTA buttons to be front and center as soon as someone clicks on a page.

6. Contact Forms

In a similar vein, the way that you design your contact forms will also depend on the end-user that the website wants to appeal to. There’s a very different process for getting in touch on a B2B website, compared to a B2C site.

B2B Websites

B2B websites often require longer contact forms, as clients need to collect additional information about a prospect’s position in a company, and what that company does. B2B companies need to share things like what they’re looking for in a service, and how many users they have, so a sales team knows what kind of demonstration to give.

As with any strategy for contact form design, you should always only include the fields that your client needs and no more. If you demand too much from any client, you could send them running in the opposite direction. Check out this straightforward option from Ironpaper, for instance:

The form addresses as many relevant questions as possible without overwhelming the customer. Because the site handles things like design, it makes sense that they would ask for a link to the company’s existing website.

B2C Websites

On a B2C website, there are very different approaches to contact forms. You may have a dedicated contact form on your website where people can get in touch if they have any questions. A FAQ page where customers can serve themselves is another great way to help your client stand out from the competition. Check out this option from River Island, for instance:

On the other hand, you might implement pop-up contact forms into a website if your client wants to collect emails for email marketing. In that case, it’s important to make sure that you’re only asking for the information you need, and nothing more.

The easier it is to sign up for a newsletter, the more likely it is that customers will do it. Being able to enter their name and email address and nothing else will make the signup seem less tasking.

7. Search Bars and Navigation

Whether you’re designing for B2B or B2C companies, navigation will always be a critical concern. End users need to find it easy to track down the information that they need about a company, whether they’re looking for a particular product or a blog.

B2B Websites

On a B2B website, the search bar often takes up a lot less prominence than it does on a B2C site. That’s because all of the information that a client needs, and the buttons they need to take their next steps, are already visible front-and-center.

As a designer, it will be your job to push as many people to convert as possible, by making the purchasing journey the most appealing path for visitors. For instance, on the Copper website, the “Try Free” buttons are much easier to see than “Continue with Google” or “Login”:

With B2B sites, the focus is on a very specific goal. Although navigation still needs to be available, it doesn’t need to be as obvious as it is on a B2C site.

B2C Websites

On the other hand, most B2C websites offer a wide range of products, and they’re perfectly happy for their customers to purchase anything, as long as they eventually convert. Because of this, they make navigation a much more significant part of the customer journey.

The search bar is often presented at the very top of the screen where customers can see it immediately. Additionally, there may be multiple pages within certain product categories, so that customers can browse through the items they’re most interested in. For instance, look at the homepage on the IWoot website:

The navigation elements in B2C websites need to be a lot more obvious, because consumers are more likely to use them when they’re searching through their options.

8. Social Proof and Testimonials

Finally, social proof is one of the things that will work well for improving conversions on any kind of website. When your customers aren’t sure whether or not they should buy from you, a review or testimonial could be just the thing to push them over the edge.

B2B Websites

On a B2B website, the decision-making process takes a lot longer. Because of this, it’s worth including as much social proof as possible in every part of the website. Client testimonials, reviews and ratings, and even high-profile company logos make all the difference. Many B2B websites include a page dedicated to case studies highlighting the success of other brands.

Your client might even go as far as to ask for a page that highlights their awards and recognition or showcases comparison tables that pit their products against the competition.

For instance, Authority Hacker has a “what the pros say about us” section as social proof:

B2C Websites

With a consumer website, you can include consumer ratings and reviews wherever you like. However, it’s most likely that you’ll want to have a place where customers can see the reviews of other clients on the product pages themselves. On the EMP website the company gives users the option to click on the star review section to jump to a different space on the page where testimonials are listed. This ensures that customers don’t have to scroll through a lot of excess information if they just want to add an item straight to their cart.

Designing for B2B vs B2C

In the world of web design, no two customers are ever the same. While you’ll need to adapt your processes to suit each customer you interact with, you can set your expectations in advance by learning the differences between B2B and B2C strategies.

 

Featured images by Chris Ross Harris and Mike Kononov.

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Source de l’article sur