Articles

20 Freshest Web Designs, October 2020

We have become so used to using web sites just to buy stuff that it is easy to forget that the web has more to offer. So this month we’ve included some because-it’s-interesting sites, some micro-sites and some just-for-the-sake-of-it projects.

Many of these are about selling or promoting products and services too, but in a more oblique way that is frequently more engaging than a straightforward sales site.

Micro sites can be a great way of including content that doesn’t fit in neatly with the rest of the main site, or is temporary, or to show a lighter, more fun side of a brand. And a well thought out micro site can act as a gateway to pull in even more visitors to its ‘parent’ site.

Your World Your Way

Your World Your Way is an interactive portal for the University of Auckland. An optional questionnaire customizes the experience, and clearly a lot of effort has gone into this in terms of the questions and possible answers, and the presentation. It is engaging and enjoyable to use, and the information provides links to the main University of Auckland website.

Blind Barber

This micro site is to celebrate 10 years of barber shop chain Blind Barber, which started as one shop with a bar in the back room, in New York’s East Village. An entirely black and white design provides a clean backdrop for color photos and videos, and some great scrolling animations give a pleasing flow to the content.

Brews & Grooves

Brews & Grooves pairs records with different beer. Although a ‘fun’ project, it is still a well designed piece of work with some vintage style typography and some pleasing rollover animation effects. It is an effective advert for those involved in creating it, as listed in on its ‘credits’ page.

Gucci Bloom

As part of a new campaign to promote it’s ‘Bloom’ perfumes, Gucci have created a Gucci Bloom game. The player has to pick up flowers and perfume bottles, but miss a flower and the vines get in your way.

808303Studio

808303Studio is a digital musical instrument that emulates a Roland TR-808 drum machine and TB-303 bass synthesizer, created in conjunction with the Design Museum (London). It’s fully programmable and there is even short video tutorial with A Guy Called Gerald on how to use it.

Aelfie

Aelfie is a home furnishings brand with a focus on bold patterns and bright color. Their site reflects this with its use of block color, irregular grid, drawings, and type that feels a little off-kilter. It creates a hand-made feel that embodies the brand aesthetic rather well.

Media Election 2020

As we approach one of the most significant, not to mention acrimonious, elections in US history, Media Election 2020 uses AI to analyze the volume of media attention each candidate receives, in real time.

Curbed

Magazine website Curbed has now become a part of New York magazine, and had a redesign in the process. It follows a discernible grid, but distorts it just enough to create an edge. The highlighter color frames, and underlines on rollover, add movement and ‘cool’.

WFN

The WFN (Women’s Funding Network) is an alliance of funds and foundations working to promote gender equity and social change internationally. The site is clean, with strong typography and a sophisticated color palette.

The Fabric of America

Internet, telephone and TV service provider Xfinity is behind the Fabric of America project. It is a collection of voice recordings, the idea being that each voice, and each person’s story, is a thread that makes up the flag that we see on the screen.

Minimal Ceramics

Minimal Ceramics is a concept site, showcasing the work of London based potter, Tom Crew. The design of the site reflects the simplicity of the showcased work, using great photography and simple typography.

Normal Now

Normal Now is part of an awareness campaign to highlight to consumers the positives of electric cars. Taking a fun approach to engage consumers in a serious subject, it uses a fake retro tech style.

Superfood Gin 

Superfood Gin is a gin made using superfood botanicals, that claims to be fruity and fresh rather than crisp and peppery. The soft color palette, along with the soft lines and curves in the background illustrations, reflect this well.

Maison Louis Marie

Maison Louis Marie is a natural fragrance company. While this site does nothing really groundbreaking, it does it well. Botanical drawings on a white background, along with clean typography, help create a refined, luxury feel.

Think Economia

Think Economia is a platform taking a fresh look at economics and the future of economic growth. It doesn’t sound like the most exciting subject, but it is presented here in a playful and intriguing way.

Chernobyl

From Uprock, a Russian design studio that also offers courses in web design, Chernobyl is a thought provoking exposition of the Chernobyl disaster. The design aesthetic is muted, allowing the images their deserved impact, and the brief sections of text to be absorbed.

Declamatuus

Declamatuus is a lingerie company selling gift sets. What stands out here is what you don’t see — live models in underwear. Instead the outline of the body is created with animated particles.

Odisea

Odisea Expedition is a documentary series following two friends, a surfer and a snowboarder, as they explore remote parts of the world. The photographs and video are everything here, and all other elements are kept minimal to avoid detracting from them.

Riffyn

Riffyn Nexus is a ‘Process Data System’ for storing and analyzing scientific data for laboratories. It is a very corporate site and yet it is put together in such a way that doesn’t feel dull.

Maison du Net

This site for digital design agency Maison du Net takes a risk mixing corporate with cutesy, but it works. Offset frames and underlines create interest without overdoing it, and the very bright green is used sparingly enough to liven things up without being overwhelming.

Source


Source de l’article sur Webdesignerdepot

Agromousquetaires adopte SAP TM pour sa nouvelle filiale transport

Dans le cadre de son plan A2P 2020, Agromousquetaires a créé une société dédiée à la logistique. AgroM Transport s’appuie sur SAP TM 9.5 pour assurer la planification et l’exécution des opérations de transport. Une solution mise en place par itelligence.

Agromousquetaires est le pôle agroalimentaire du groupe Mousquetaires. Avec 4,03 milliards d’euros de chiffre d’affaires annuel, 11.000 collaborateurs, 19.700 partenaires agricoles, 62 usines en France et 10 filières, Agromousquetaires est un poids lourd du secteur. La société est en effet le leader français des marques de distributeur, mais aussi le 4e groupe agroalimentaire et le 1er armateur de pêche de l’Hexagone.

Dans le cadre de son plan Agro Performance Plus 2020 (A2P 2020), Agromousquetaires souhaite réduire ses coûts de production au travers de l’innovation. La société passe d’un réseau de PME à une logique de filière, plus efficace. L’un des volets de ce plan prévoit la mise en place d’un pôle logistique dédié.

Le choix de SAP TM et itelligence

En avril 2017, Agromousquetaires a décidé de transférer l’activité logistique de ses filières bœuf et porc vers une nouvelle société, AgroM Transport. Avec comme date butoir le premier janvier 2019.

L’utilisation de SAP Transportation Management (SAP TM) est rapidement apparue comme une évidence pour le groupe. Car le SI d’AgroM Transport mise sur d’autres solutions SAP pour la comptabilité, la finance, le contrôle de gestion et les achats non marchands. Le choix de SAP TM va donc dans le sens d’une cohérence du SI de la nouvelle entreprise.

L’intégrateur itelligence a été choisi pour sa taille rassurante (plus de 7900 consultants présents dans 27 pays) et sa connaissance étendue des solutions SAP (activité 100 % SAP et 30 ans d’expertise). Il a su également convaincre avec sa méthodologie pragmatique, consistant à proposer une solution fonctionnelle le plus tôt possible. Les utilisateurs ont ainsi pu faire remonter leurs recommandations rapidement, l’objectif étant de bâtir une offre de transport moderne : cartographie, diagrammes de Gantt, échanges informatisés avec les partenaires transporteurs, suivi des camions, etc.

Un planning serré

Le projet a démarré en septembre 2017, le pilote devant impérativement être achevé un an plus tard, pour une mise en production le premier janvier 2019. Dans la pratique, le prototype de la solution SAP TM 9.5 a été mis en fonction en mai 2018, avec une phase de stabilisation se terminant en septembre 2018, puis un déploiement progressif jusqu’à la fin de l’année. SAP TM se charge de la planification et de l’exécution des opérations de transport, la gestion des données de base (fournisseurs, clients, articles…) et de la facturation étant prise en charge par S/4HANA Finance.

Le premier janvier 2019, la société AgroM Transport a été lancée avec 331 collaborateurs transférés, 331 cartes grises, 135 transporteurs partenaires, 17 sites gérés et 12 entrepôts frigorifiques. 130.000 ordres de fret sont prévus sur l’année, pour un chiffre d’affaires estimé à 72 millions d’euros. Une grosse volumétrie que SAP TM a su prendre en charge.

Une deuxième phase déjà démarrée

Les enjeux sont atteints à 100 % sur de nombreux critères :

  • mise en place d’un plan de transport efficace ;
  • optimisation du réseau de transport ;
  • exploitation centralisée ;
  • cartographie, GIS et diagrammes de Gantt ;
  • communication avec les partenaires par voie électronique ;
  • intégration avec l’ERP SAP…

Le tout pour un budget maitrisé.

À ce jour, Agromousquetaires n’a migré que deux de ses filières vers la nouvelle société. Une seconde phase programmée sur deux ans est toutefois annoncée. À terme, le choix de SAP TM permettra également de faire remonter des informations vers les outils de Business Intelligence (BI) d’Agromousquetaires.

The post Agromousquetaires adopte SAP TM pour sa nouvelle filiale transport appeared first on SAP France News.

Source de l’article sur sap.com

Préparer, prévenir, détecter : comment les employeurs peuvent assurer un retour au travail sûr et sain

Alors que les collaborateurs commencent à abandonner progressivement cette longue période de travail à distance et à retourner sur leur lieu de travail, les entreprises se demandent à quel moment et de quelle manière il convient de le faire en toute sécurité. Il s’agit d’une tâche essentielle et d’un nouveau défi pour tous, tant pour les employés que pour les responsables des ressources humaines (RH).

Tout d’abord, la santé ainsi que le bien-être des collaborateurs et de leurs familles sont en jeu. Deuxièmement, il existe des risques commerciaux que les employeurs peuvent ne pas prendre en compte, allant du respect de la vie privée au non-respect du règlement général sur la protection des données (RGPD).

Aux États-Unis, par exemple, les Centres pour le contrôle et la prévention des maladies (CDC) ont récemment formulé des recommandations détaillées pour améliorer la sécurité dans les immeubles de bureaux, notamment en contrôlant les températures et les symptômes. Par ailleurs, l’Equal Employment Opportunity Commission (EEOC) des États-Unis continue de réviser ses lignes directrices aux employeurs afin d’équilibrer le respect du Americans with Disabilities Act (ADA) et des CDC.

Cette situation peut être éprouvante pour n’importe quelle organisation. Nombreuses sont celles qui choisissent d’adopter une longue période de travail à distance avec des horaires flexibles. Les entreprises qui sont implantées dans plusieurs régions se trouvent dans des phases et des environnements très différents. De l’Asie à l’Europe, certaines régions se montrent plus agressives en matière de déconfinement.

La première recommandation que j’adresse aux clients qui envisagent de faire revenir leurs employés au travail en toute sécurité est de commencer par un plan qui intégrera les processus RH. Pour aider les clients de tous les secteurs et de tous les pays à gérer cette transition, SAP a publié les principales mises à jour de la solution SAP SuccessFactors Visa and Permits Management ainsi que l’application partenaire Guardian by AlertEnterprise.

Une technologie SAP tournée vers l’avenir pour un lieu de travail sûr et sain

Au lancement, la solution SAP SuccessFactors Visa and Permits avait un cas d’utilisation particulier, comme en témoigne son nom. Cependant, en travaillant avec ses clients pour étendre ses capacités, SAP a découvert de nombreux cas d’utilisation autour du suivi des certificats, des licences, des justificatifs et de bien d’autres choses encore qui sont particulièrement pertinentes aujourd’hui. Grâce à cette solution, les utilisateurs peuvent désormais contrôler le processus visant à faire revenir les employés au bureau tout en automatisant l’application de politiques complexes et évolutives en matière de santé et de sécurité liées au COVID-19 pour mieux protéger les personnes.

En quoi ces outils sont-ils utiles ?

Pour assurer un retour au travail sûr et sain, voici une approche en trois étapes qui vous permettra de démarrer.

Préparation

Grâce à la solution SAP SuccessFactors Visa and Permits, soutenez le déconfinement tout en minimisant les risques, et gérez les procédures de santé et de sécurité qui encadrent le retour au travail des collaborateurs.

  • Prévoyez pour vos collaborateurs un moyen sûr d’envoyer les documents, comme une preuve de certificat numérique de santé ou des justificatifs, avant leur retour au travail.
  • Suivez les coûts du dépistage. Les fonctionnalités de libre-service permettent aux utilisateurs de remplir et de soumettre des documents afin de réduire le travail manuel.
  • Gérez les renseignements médicaux sensibles des collaborateurs. Par exemple, les lignes directrices de l’EEOC précisent que l’ADA demande que les renseignements médicaux concernant un employé soient stockés séparément du dossier personnel de l’individu afin de limiter l’accès aux informations confidentielles. Autrement dit, au lieu de stocker les nouveaux renseignements médicaux dans SAP SuccessFactors Employee Central, ces informations peuvent être gérées dans SAP SuccessFactors Visa and Permits, ce qui contribue à la fois à sécuriser les données et à protéger les collaborateurs.
  • Réduisez le risque d’encourir de lourdes sanctions financières, comme le non-respect du RGPD en matière de « traitement de catégories particulières de données à caractère personnel ». Respectez les réglementations légales supplémentaires et les règles en matière de confidentialité des données, comme la Health Insurance Portability And Accountability Act ou HIPAA.
  • Configurez les processus de notification, d’approbation, de renouvellement et plus. Les tableaux de bord fournissent un aperçu de la conformité, et les actions en temps réel permettent aux entreprises de gérer en toute confiance leur personnel dans un environnement en constante évolution.
  • En ce qui concerne l’intégration, les entreprises ont la possibilité de simplifier le processus d’embauche afin de traiter les formalités administratives le plus tôt possible pour que les nouveaux collaborateurs puissent commencer à travailler.

Prévention

Faites revenir le personnel non essentiel au bureau en toute sécurité grâce à la solution AlertEnterprise Health & Safety Access Governance.

  • Contrôlez le nombre de personnes dans les locaux, gérez l’accès aux sites qui sont temporairement saturés et autorisez de nouveaux modes de travail par roulement
  • Prévoyez un système d’autodéclaration et d’autoattestation avec un rétablissement contrôlé de l’accès au lieu de travail déterminé par la politique. Par exemple, les employés et les visiteurs peuvent s’autoévaluer et vérifier s’ils ont de la fièvre, si quelqu’un dans leur foyer a été déclaré positif au COVID-19, etc.
  • Gérez les contrôles d’entrée au site grâce au libre-service pour les contrôles préalables, comme les contrôles de température, avec l’application de politiques et la gestion de l’accès.
  • Mettez en place des systèmes de badges et de sécurité pour gérer l’accès à l’espace de travail et contribuer à l’application des politiques de l’entreprise, comme avec le retrait automatique de l’accès.

Détection

Minimisez les risques permanents grâce à la solution AlertEnterprise Health & Safety Intelligence Tracker et protégez votre lieu de travail.

  • Utilisez les analyses pour suivre les personnes qui ont été exposées au COVID-19 ou qui pourraient l’être. Cette technologie permet de suivre une infection suspecte ou confirmée et de détecter les personnes ainsi que les zones susceptibles d’avoir été exposées au virus.
  • Déterminez les zones exposées pour les mettre en quarantaine ou les assainir. Les zones à haut risque peuvent alors être désinfectées, et les personnes à haut risque peuvent se voir retirer leur accès de sécurité.
  • Prenez des décisions à partir de données concrètes, comme les niveaux d’exposition, les cartes thermiques de localisation, et d’autres analyses de santé et de sécurité.

En ce qui concerne le déconfinement, les clients comprennent qu’il ne s’agit pas de revenir au travail comme si de rien n’était. Ils savent que le déconfinement ne se résume pas à choisir une date pour ouvrir les portes et à distribuer du gel hydroalcoolique. En cette période d’incertitude, ils veulent apprendre à préserver la santé, la sécurité et la sûreté de leurs collaborateurs et clientèle.

Si chacun doit jouer son rôle en assumant une responsabilité personnelle, les employeurs peuvent ouvrir la voie à un retour au travail sûr et sain.

 

Imran Sajid est le directeur international de la gestion du capital humain pour SAP SuccessFactors.

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

The post Préparer, prévenir, détecter : comment les employeurs peuvent assurer un retour au travail sûr et sain appeared first on SAP France News.

Source de l’article sur sap.com

Exciting New Tools for Designers, October 2020

This month’s collection of new tools, resources, and freebies for designers is a smorgasbord of sorts. You’ll find everything from useful APIs to icons to tutorials to fonts.

Let’s get right into it, here’s what new for designers this month:

Tooltip Sequence

Now that your app or website is ready, you might need to help users engage with it. Tooltip Sequence is a simple JavaScript package that helps you create a series of small tooltips that will guide users through product features with a small description of what they need to know. It looks great and the best part is this tool saves you from having to create each tooltip description manually on each page and link them together.

Serenade

Serenade allows you to free up your hands with voice coding technology. Use natural speech and stay productive with this tool that allows you to code without typing. It works across multiple coding languages and platforms. It’s as easy as “add function hello” and the tool knows what syntax to use.

Gazepass

Gazepass, which is still in beta, is a nifty API that allows for passwordless multi-factor authentication for any website or mobile app. It uses biometrics on any device or platform to make getting into apps or websites easier for users.

Filters.css

Filters.css is a CSS-only library to apply color filters to website images. Installation only takes three steps and includes a variety of filers, such as blur, grayscale, brightness, contrast, invert, saturate, sepia, and opacity.

Sidebar Webring

Sidebar Webring is a collection of blogs and websites that are focused on web design. The curated list is handpicked for superb content for designers and developers. But, what’s a webring? It’s a collection of linked websites in a circular structure that are organized around a theme. The term is a throwback to the early days of the web in the 1990s and 2000s.

Wicked Templates

Wicked Templates is a set of responsive HTML templates made with Bulma and Tailwind CSS that you can style and use as you wish. Use these templates to jumpstart projects. Free and paid options available.

WP Umbrella

WP Umbrella will help you keep sites running in a healthy and safe manner on WordPress. Monitor uptime and performance, PHP errors, and keep up with hundreds of websites from one dashboard.

Servicebot

Servicebot helps you create customer-facing embeddable billing pages that work with Stripe payments. This premium tool is quite user-friendly and works with websites or SaaS.

Custom, Accessible Checkboxes with Perfect Alignment

Create custom, accessible checkboxes with perfect alignment every time. This walkthrough shows you how to use CSS to align elements and labels.

Sombras.app

Sombras.app is a nifty tool that creates 3D object shadows. Use the easy on-screen controls to get just the right orientation and shape.

urlcat

Urlcat is a tiny JavaScript library that helps you build URLs with dynamic parameters and without mistakes. The friendly API has no dependencies, includes TypeScript types, and is just 0.8KB minified and gzipped.

Reacher

Reacher is a real-time email verification API that lets you check the validity of an address before you send the email. Reduce bounce rates in an instant. (The personal version is free.)

Swell

Swell is a most powerful headless ecommerce platform for modern brands, startups, and agencies. Create fast and flexible shopping experiences with the API and headless storefront themes. This is a premium tool but does have a free trial.

No Code Founders 2.0

No Code Founders 2.0 is a platform for discovering the latest startups built with no-code and the tools used to build them. Browse startups, tools, perks, interviews, jobs, meetups, posts, and more as part of the no-code movement. The community engages on Slack and requires an email to sign up.

How to Pick More Beautiful Colors for Your Data Visualizations

Beautiful color choices will make your data visualizations that much more impactful. This tutorial by Lisa Charlotte Rost will help you make better color choices on the way to better infographics and charts. Plus, it’s well developed, designed, and packed with useful information.

IconPark

IconPark is a collection of more than 1,200 high-quality icons with an interface that allows you to customize them. It uses a single SVG source file that can be transformed into multiple themes. The library includes cross-platform components and is free to use.

Mono Icons

Mono Icons is a simple and consistent open-source icon set that uses mono spacing. The collection includes 136 icons.

BGJar

BGJar is a free SVG background generator for digital projects. Pick a category and customize the result to fit your project or needs.

HitCount

HitCount is almost too simple to be true. This tiny tool lets you add a hit counter to your website that’s as easy as adding an image. Copy the code and make any customizations you want. Then paste it to your design. That’s it!

Blacklight

Blacklight is a real-time website privacy inspector. The tool by Surya Mattu scans any website you enter in the scan bar and shows what user-tracking technologies are used on the website. This allows you to see who might be gathering data about your visit.

Alter

Alter is a customizable – and experimental – three-dimensional typeface that you can experiment with. It’s as fun to play with as use.

Autobus Omnibus

Autobus Omnibus is a simple all capitals font with new wave styling. The character set has 96 glyphs that are perfect for display use.

Deathmatch

Deathmatch is a seasonal blackletter font that’s ideal for the upcoming Halloween holiday. The character set includes plenty of options and there’s a full version (paid) for commercial use.

Futura Now

Futura Now is a premium typeface and update to a font you may already know and love. The new version has 107 styles in a massive family.

Pumpkin Soup

Pumpkin Soup is a fun almost handwriting style typeface with a cartoonish vibe. It includes a regular and italic style and is most appropriate in limited use.

Source


Source de l’article sur Webdesignerdepot

Popular Design News of the Week: September 28, 2020 – October 4, 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.

6 Great Open Source SVG Icon Libraries You Should Check Out Now

 

Codedamn – Teach Yourself to Code

 

Zoop – Unlimited Serverless Hosting

 

Sitemaps: A Complete Guide

 

Shoelace 2.0: A Forward-thinking Library of Web Components

 

How to Become a UX Designer – No Matter What You Studied at Uni

 

Buttons that Spark Joy

 

How to Solve any Design Problem by Understanding its Roots

 

Ooooops I Guess We’re* Full-Stack Developers Now

 

Blue People Illustrations, or How to Kill a Brand

 

How to Pick More Beautiful Colors for your Data Visualizations

 

Stop Doing Design System Projects

 

Please Don’t do That: 4 Things to Ask Clients to Avoid

 

What’s Driving so Many Car Brands to Redesign their Identity?

 

How to Prepare Sites for 2020 Holiday Shopping

 

Nova

 

Show Off your Design Skills by Crafting Eye-Catching iOS 14 Layout Themes

 

How to Create Onboard and Login Screens for a Dating App Template in Figma

 

Bidirectional Scrolling: What’s not to Like?

 

Basic Guidelines to Product Sketching

 

The Era of UI Unification

 

The Typography of Star Trek: The Motion Picture

 

The Guide to UX Research

 

In Search of Illustration: Design Process for Illustration Set

 

Looking at an Online School Through a Web Designer’s Eyes

 

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

Source


Source de l’article sur Webdesignerdepot

20 Freshest Web Designs, September 2020

This month we’re going big and bold. Oversized type, strong colors, in-your-face layouts, and little touches of playfulness exude confidence and make a statement. There are some quieter moments too, with thoughtful illustration and more gentle use of color. Animation still features strongly in the details, with circles proving popular in rollover effects. Enjoy.

Fledge

Fledge is a film production company based in Belgium. Their site uses split screen with looped text scrolling in opposite directions on each side. A minimal color palette adds extra punch.

2ºC Earth

2ºC Earth is a beautiful and also scary website that explores the effects of rising global temperatures by focusing on 5 specific locations. Some stunning photography and subtle use of sound take you to these locations as they are now, then show what they could become. The experience is both immersive and unsettling.

pill&pillow

Unlike many digital studios who use the design of their own site to demonstrate their skills, pill&pillow have taken a very basic approach. It is very self-assured, and it works. Random colored strikethroughs on visited links add a nice touch of playfulness.

Ferrum Pipe

Metal fencing is not the most interesting of subjects to most of us, but this site for Ferrum Pipe is surprisingly appealing. On scroll animation and some off-grid image layout brings life to what would normally be, well, a bit dull.

Lucciano’s

With its focus on mouth-watering photography and videography, the site for gelato makers Luccianos, will have you checking your freezer for any leftover salted caramel or stracciatella. The zoom on rollover is a nice effect, and the use of circles with ice cream color backgrounds for rollover text reinforces the gelato theme.

Björn Wieland

UI designer and artist Björn Wieland has created a portfolio site with a simple, relaxed feel and pleasing transitions. It feels simple, but behind the scenes there is quite a lot going on.

Coloursmith

Coloursmith is a tool from Taubmans paint company which allows you to create a custom paint color by uploading a photo. You name your color and can add a story, then you order a test pot. colors are presented well, in different light and with suggestions for complementary colors.

Finn 

Finn make diet supplements for dogs. Their site is fun, modern and clean. Bright colors and an illustration that manages to be cute but not too cutesy make a bold impression.

Highcourt

Highcourt is a new private membership leisure club set to open in New York in spring 2021. Dark blue text on cream gives a softer edge than black on white. The background color changes on scroll are pleasing, and simple line illustrations with occasional gentle animation add to the overall sense of calm.

Elevence

Elevence is the company of product designer Kazuo Kobayashi. The site uses only black, white, and grays allowing the color photos of his work to really stand out. Circular thumbnails are used to good effect, appearing on rollover.

Playtype

Playtype is a Danish type foundry whose site seems to fit their name. It has a playful, almost chaotic feel, with bright blocks of color and occasional animation. Some pretty nice typefaces too.

Neri Oxman 

Neri Oxman is many things: architect, scientist, engineer, inventor, and designer. This site feels like a really beautiful coffee table art book that you want to pick up and look through every so often. There are some nice details too, like the lens ‘reveal’ effect on rollover in a few places.

Modern Recovery

Modern Recovery is a project by sobriety program Tempest. The interactive illustration encourages exploration, to discover different stages of recovery from alcohol abuse and insights from others who have followed the program. The aim is to change our social attitudes towards alcohol and not drinking.

Bliss

Have you clicked on the link to visit Bliss Search? Yes, the link is correct, no you haven’t been redirected to a Google search results page. This Australian digital marketing company have copied the appearance of different well-known sites for their pages — Google, Instagram, LinkedIn, Tinder all make an appearance. The humor in this approach shows confidence, and makes it memorable.

Miilkiina

Miilkiina describe themselves as a digital media space and creative agency. Punchy typography, with great use of blackletter, well chosen images, and a strong header video give this home page an in-your-face edge.

Ukrainian Railroad Ladies

Ukrainian Railroad Ladies is a book by photographer Sasha Maslov. Its subjects are the, mostly, women who work as traffic controllers and safety officers at railroad crossings in Ukraine. It’s a simple site — outsized type, black and white, basic image grid, only very brief text — but it is effective in its simplicity.

Una Europa

Una Europa is an alliance of 8 European universities with the aim of offering joint research and study programs. There is some playful scrolling behavior with geometric shapes moving and changing color that enlivens what could otherwise be quite a dry site.

Bureau Cool

There’s a bit of an old school feel about the site of digital design studio Bureau Cool, with its recent traffic animation. The changing backgrounds on scroll are a nice touch.

Gridspace

Gridspace is a multimedia entertainment studio based in Montreal, and their website is a visual feast. Lots of movement, lots of video, some good use of sideways scrolling.

Nolii

Nolii make cases and accessories for iPhone that work together. The sorbet color palette complements the product colors and the block layout provides a visual reflection of the interlocking of the different products.

Source


Source de l’article sur Webdesignerdepot

When Does Emotional Design Cross a Line?

Designing for emotion in and of itself is not a problem. Websites are bound to elicit an emotional reaction from visitors, even if it’s as simple as them feeling at ease because of the soft, pastel color palette you’ve designed the site with.

I don’t want to outright villainize emotional design. Unless there is some form of unethical manipulation at play, designing for your visitors’ emotions can actually provide them with a more positive experience.

So, here’s what I’d like to look at today:

  1. What is emotional design?
  2. When does emotional design cross a line?
  3. What’s the right way to design for emotions?

1. What Is Emotional Design?

When we look at emotional design in the context of a website, we’re focused on three types of emotional reactions:

a. Visceral Reactions

Visceral reactions are instinctive ones. Usually, visitors experience these as their first impressions of a website or web page. For instance, a cluttered or otherwise poorly designed homepage might leave visitors feeling overwhelmed, hesitant, or wanting to flea.

A minimally designed homepage interface, on the other hand, might have visitors not feeling much of a reaction at all. In this case, no feeling is a good feeling.

Like Irene Au said:

b. Behavioral Reactions

Behavioral reactions stem from the usability of a website. There’s a lot that can stir up negative emotions here, like:

  • Extra-long contact forms
  • Confusing menus
  • Error-ridden content
  • Slow-loading pages
  • And more

Again, if a website is easy to get through and attractively designed, visitors aren’t likely going to “ooh” and “aah” with every step they take on the site. And that’s a good thing. If they’re focusing more on how the design looks, they’re not paying attention to the brand’s actual offer.

c. Reflective Reactions

Reflective reactions are the third type of emotions we design for.

This is complicated because there’s a lot wrapped up in how visitors feel about a website after the fact. Sometimes the most well-designed interfaces and experiences can’t save them from a bad experience, whether they realized too late that the products were overpriced or they were treated poorly by a live chat representative.

As a web designer, all you can really do is to make sure you’re working with reputable companies and then aligning the designs of their sites with their values.

When Does Emotional Design Cross a Line?

There’s already enough social pressure online; your website doesn’t need to be one of those places, too

Emotional design shouldn’t be about manipulating consumers’ emotions. In most cases, emotional design is about controlling the environment of the website so that emotions don’t go spinning wildly out of control — in either direction.

It’s when we take what we know about influencing someone’s emotional state to monetarily benefit from it that emotional design becomes problematic.

Here are some ways in which you might negatively impact the emotions of your visitors through design:

FOMO

The fear-of-missing-out isn’t always a bad marketing strategy. However, when FOMO is used for the purposes of rushing consumers to take action now and without time to really think it through, it definitely can be.

Chances are good they’ll feel badly no matter what. Either because they regret the rushed (and probably unnecessary, or expensive) decision or they blame themselves for missing out on an opportunity to be like everyone else.

There’s already enough social pressure online; your website doesn’t need to be one of those places, too. So, be careful with how you present customers with limits (on time, on products, etc.) or how you frame the call-to-action (“If you don’t buy this now, expect to fail/be miserable/suffer even more”).

Analysis Paralysis

It doesn’t matter why people specifically seek out your website. They have a problem or a hole in their life, and they’re looking for something to fix it.

Now, you can’t help it if the website has too much to offer in the way of options or solutions. Companies have to provide every possible solution/option so their users don’t feel like they have to go somewhere else to get what they need. However, the way you design these options can lead to a negative emotional state if you’re not careful.

For instance, your visitors might experience analysis paralysis, where there are so many options that it becomes impossible to take action. Similar to FOMO, this can lead to regret either with the decision they made or the one they were incapable of making.

By simplifying how many choices are presented at once, or designing a clear and supportive pathway to the right option of many, your website will leave visitors feeling much more positively about the whole experience.

Trendy Nostalgia

Nostalgia can be a great way to play upon the positive associations and emotions consumers feel towards an era gone by or a place they once knew. But, again, it depends on how you design with it.

For example, if you design a vintage website for an agency launched in 2019 and run by a group of 20-somethings, it might come off feeling disingenuous once customers start to catch on.

For a restaurant known as the oldest bar in the state, that would be a different story. That nostalgically designed website would be a real part of its story; not just done as a sales gimmick. As a result, customers would likely embrace those warm feelings for the “good ol’ days” they get from the website.

Also, think about how quickly nostalgia fades if it’s done to align with a trend. Unless you’re committed to redesigning a website the second that nostalgic feeling falls out of favor, you could be condemning your client to an outdated website mere months after launch.

What’s the Right Way to Design for Emotions?

Like I said before, there’s nothing wrong with designing for emotions. You just have to make sure your website visitors don’t feel manipulated and that they welcome the pleasant feelings the site gives them.

make sure your website visitors don’t feel manipulated

It might seem harmless at the time. After all, what are they doing on the site if they weren’t interested in the first place? And it’s not like they were bullied into spending their money, right?

But if they sense in any way that their response was driven by an emotion they wouldn’t have otherwise felt, they’re not going to be happy. While it might not be enough for them to cancel their subscription or services, or to return products they bought, it will definitely leave a bad taste in their mouth. And, ultimately, it can cost your website loyal visitors and customers.

So, if you’re going to use emotional design on a website, do it to improve their experience, not to put more money into your clients’ pockets. That means your emotional design choices need to be honest, transparent, and focused on eliciting naturally positive emotions like:

  • Satisfaction
  • Feeling impressed
  • Trust
  • Calm
  • Feeling valued

Go back to the three emotional reactions I brought up earlier. If you can design a website to give off a positive first impression, and to be pain-free and usable, you can spend the rest of your time injecting small bits of happiness and positivity into the website with color choices, friendly micro-interactions, personalized content, and more.

 

Featured image via Unsplash.

Source


Source de l’article sur Webdesignerdepot

Trois façons dont la technologie peut sauver le retail


À 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

5 Tips for Designing One-Page Websites That Work

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

The Latest Research for Web Designers, September 2020

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