Catégories
Astuces et Design

Comment les concepteurs de sites Web peuvent aider les restaurants à passer à des expériences numériques – Smashing Magazine

A propos de l'auteur

Suzanne Scacca est une ancienne implémentatrice, formatrice et responsable d'agence WordPress qui travaille maintenant comme rédactrice indépendante. Elle est spécialisée dans l'artisanat marketing, web…
Plus à propos
Suzanne
Scacca

L'industrie de la restauration a commencé à subir une transformation numérique majeure. Ceux qui veulent survivre auront besoin d'un site Web capable de gérer la nouvelle façon de fonctionner, ce qui signifie qu'ils ne peuvent plus se permettre de conserver ce site Web bon marché qu'ils ont construit pour eux-mêmes il y a des années. Et cela représente de grandes opportunités pour les concepteurs de sites Web intéressés à travailler dans l'espace.

Même si j'ai toujours aimé l'expérience de manger et de commander à emporter, il est très rare que j'aime visiter le site Web d'un restaurant. Mais je comprends. L'industrie de la restauration a tendance à fonctionner avec des marges bénéficiaires très minces, il est donc difficile de justifier de dépenser de l'argent sur un site Web conçu par des professionnels quand tout ce qu'ils veulent, c'est lister leurs heures d'ouverture et leur menu.

Cependant, j'envisage tout ce changement en 2020 (et au-delà) alors que les restaurants sont obligés de se développer dans le numérique pour survivre. Contrairement à un site Web qu'un novice pourrait pirater avec un constructeur de sites bon marché, établir une présence numérique compétitive ne serait pas quelque chose qu'ils pourraient faire par eux-mêmes.

C'est pourquoi les concepteurs de sites Web devraient sérieusement commencer à penser à se développer dans ce créneau.

Comment les concepteurs Web peuvent aider les restaurants à passer au numérique

Habituellement, lorsque quelque chose de grave secoue l'industrie de la restauration, ceux qui veulent survivre adopteront des technologies nouvelles et meilleures pour s'adapter. Donc, ce n'est pas comme si les restaurants étaient étrangers à la transformation numérique. Jusqu'à présent, cependant, l'accent a été mis principalement sur l'investissement dans une technologie qui améliore la façon dont ils travaillent en interne.

Cependant, avec tout ce qui s'est passé en 2020, les restaurants auront besoin de l'aide des concepteurs de sites Web pour faire trois choses qui assureront leur survie dans un monde de plus en plus numérique:

1. Moderniser le site Web du restaurant

Chaque fois que j'écris l'un de ces messages, je passe du temps à consulter quelques dizaines de sites Web pour trouver les meilleurs exemples pour faire valoir mon point de vue. Je ne vais pas mentir, celui-ci était dur. Alors que je savais que je pouvais me tourner vers les chaînes de restaurants nationales pour trouver des sites Web modernes, j'ai eu beaucoup de mal avec les autres.

Bien qu'il ne soit pas impossible de trouver un restaurateur indépendant ou une chaîne locale qui possède un site Web magnifique en 2020, je dirais qu'au moins la moitié d'entre eux sont très en retard, s'ils ont même un site Web.

Rappelez-vous quand les sites Web ont été conçus comme ça?

Un site Web flou pour montrer comment les restaurants indépendants ont toujours des conceptions qui ne répondent pas
Un site Web de restaurant obsolète en 2020, flouté pour protéger son identité. (Source: anonyme) (Grand aperçu)

J'ai brouillé le nom et les détails du restaurant pour protéger son identité, mais vous pouvez toujours avoir une idée de la gravité de ce design pour 2020.

Les sites Web de restaurants ne peuvent plus se permettre d'être des espaces réservés minables et non réactifs. Ils doivent devenir des présences numériques impressionnantes qui ouvrent la voie à ce que les clients vivront lorsqu'ils interagiront avec des restaurants en tant que convives.

Voyons comment In-N-Out Burger a conçu la conception Web moderne. La première chose que vous remarquerez est que c'est un design réactif. Sur le bureau, le site Web s'adapte à toute la largeur de l'écran, il n'y a donc pas d'espace perdu autour de la bordure. Il a également fière allure sur un appareil mobile:

Site Web In-N-Out Burger sur mobile
Le site Web mobile In-N-Out Burger est réactif et facile à lire. (Source: Burger In-N-Out) (Grand aperçu)

Notez également les images. Il s'agit d'un hamburger, vous devez donc vous attendre à ce que le site Web soit plein de photos de hamburgers, ce qui est le cas. Cependant, il y a quelque chose d'intéressant à noter sur les hamburgers que vous trouvez sur le site.

Photos et transitions du site Web In-N-Out Burger
Le site In-N-Out Burger utilise des images parfaitement cadrées et des transitions bien choisies. (Source: Burger In-N-Out) (Grand aperçu)

Lorsque quelqu'un entre dans une page où se trouve une photo de burger, la nourriture glisse dans le cadre comme si quelqu'un la glissait vers un client du restaurant. C'est une petite transition soignée et de nombreux visiteurs du site ne réalisent peut-être même pas ce qui se passe, mais cela rend l'expérience plus réaliste et interactive.

Les transitions ne sont pas les seules choses que vous pouvez faire pour créer ce type d'expérience. Les vidéos d'arrière-plan prises dans l'établissement fonctionnent aussi bien que cela donne aux clients la possibilité de parcourir l'établissement au lieu de s'appuyer sur des images statiques qui ne peignent qu'une partie de l'image.

Une autre chose que les sites Web des restaurants doivent améliorer est la façon dont ils sont organisé.

Lorsque les gens sont prêts à sortir pour manger ou pour dîner, ne perdez pas leur temps à essayer de forcer l’histoire du restaurant dans leur gorge (ce que beaucoup de ces sites font étonnamment). La navigation ainsi que l'ordre dans lequel les CTA apparaissent sur la page d'accueil doivent refléter les actions que les clients souhaitent entreprendre.

Le processus de réflexion se déroule probablement comme suit:

  1. "Je ne sais pas quoi commander. Où est le menu? " (Menu)
  2. "Dois-je faire une réservation ou pouvons-nous simplement y aller quand?" (Réservations)
  3. "Où est encore cet endroit?" (Emplacements ou Contact)

Ou, ces jours-ci, # 2 ressemble plus à ceci:

  • «Est-ce qu'ils emportent? Je me demande s'ils vont le livrer. " (Commander en ligne)

Il y a d'autres choses que les clients pourraient vouloir faire sur le site Web. Comme acheter des cartes-cadeaux ou de la marchandise, vous inscrire à des récompenses ou postuler à un emploi.

Ainsi, alors que les tâches ci-dessus devraient être une priorité en termes de ce que les visiteurs voient en premier, assurez-vous de consulter les données du site pour voir ce qu'ils souhaitent faire d'autre. Ensuite, assurez-vous que ces actions populaires occupent une place centrale dans la navigation et la conception du site.

2. Donnez-leur les moyens de diversifier leurs revenus

Dans des circonstances normales, la rentabilité est un problème pour de nombreux restaurants. Ajoutez une crise au mélange et il deviendra carrément impossible de générer des bénéfices – c'est-à-dire s'ils dépendent uniquement des activités de restauration.

Bien avant COVID-19, les consommateurs manifestaient déjà une préférence croissante pour les solutions de restauration numérique.

Selon Peapod, 77% des consommateurs américains ont déclaré qu'ils préféraient manger à la maison que sortir. Mais cela ne se traduit pas nécessairement par une commande dans un restaurant.

  • 27% ont préféré commander des produits d'épicerie en ligne et les retirer au magasin.
  • 26% prévoyaient utiliser la livraison d'épicerie.
  • 20% étaient intéressés par les kits de repas.

Ensuite, vous avez des informations de Technomic et de la National Restaurant Association qui ont constaté que Aux États-Unis, 60% de toutes les ventes de restaurants proviennent de repas hors établissement.

Pour les restaurants qui n'ont pas encore fait le saut vers les options de restauration numérique, ils vont devoir le faire dès que possible. Ce n'est pas seulement une chose temporaire non plus.

Les restaurants qui ne parviennent pas à numériser à l'avenir ne survivront pas.

Ainsi, les concepteurs de sites Web seront nécessaires pour les aider à développer les éléments suivants:

  • Un système de commande en ligne de leur site Internet ou un lien vers un service externe,
  • Un système de réservation (pour les repas sur place disponibles).

C’est juste le strict minimum. Par exemple, c'est ce que Snooze Eatery a fait:

Snooze Eatery livraison ou ramassage en ligne
Snooze Eatery annonce la livraison ou l'enlèvement sur son site Web. (Source: Snooze Eatery) (Grand aperçu)

La première chose que les visiteurs voient sur le site Web est l'option de commande en ligne. Lorsqu'ils cliquent sur "Passer votre commande", ils sont redirigés vers le portail de commande propriétaire du restaurant:

Portail de commande en ligne Snooze Eatery
Portail de commande en ligne de Snooze Eatery. (Source: Snooze Eatery) (Grand aperçu)

En soi, c'est une excellente solution pour les restaurants via leurs sites Web, car cela leur permet de contrôler le processus de commande et de capturer plus de bénéfices (mais c'est à vos clients de décider, bien sûr). Cela dit, de nombreux restaurants deviennent créatifs et vont au-delà des options de commande en ligne traditionnelles.

Sous le pli du site Snooze Eatery, les visiteurs trouveront cette bannière:

Snooze Eatery quartier dispositions: kits de repas de style familial et l'essentiel de la nourriture
Snooze Eatery propose désormais des dispositions de quartier. (Source: Snooze Eatery) (Grand aperçu)

Comme je l’ai mentionné plus tôt, il y a un bon nombre de personnes qui veulent pouvoir commander de la nourriture en ligne mais la préparer ensuite elles-mêmes à la maison. Alors que cela aurait auparavant laissé les restaurants hauts et secs, ce n'est plus le cas car de nombreux restaurants élargissent leur offre pour inclure des kits de repas de style familial et des épiceries comme Snooze.

Cela signifie à lui seul que les concepteurs de sites Web vont devenir de plus en plus importants pour les restaurants. Et ne vous attendez pas à ce que le travail s'arrête là. Les restaurants auront également besoin de votre aide pour intégrer d'autres offres monétisées dans leurs sites Web. Par exemple:

  • Cartes cadeaux;
  • Marchandise;
  • Services d'abonnement pour les kits de repas, les livraisons d'alcool et plus encore;
  • Abonnements en ligne pour des cours de cuisine, des recettes premium, etc.

S'ils n'en ont pas encore, ils auront probablement aussi besoin d'aide pour créer un système de gestion des récompenses et des comptes.

3. Corrigez leurs images de marque sur des sites tiers

Bien que le site Web devrait être le moteur qui alimente tout pour l'entreprise en ligne, les restaurants ont également besoin d'autres sites pour améliorer la visibilité. Par exemple:

  • Facebook partager des photos, publier des informations de localisation et recueillir des avis clients;
  • Instagram pour partager des photos, des mises à jour de restaurants et du contenu généré par les clients;
  • Japper et TripAdvisor pour recueillir les avis et commentaires des clients;
  • Google My Business pour créer une présence locale dans la recherche Google et Google Maps ainsi que pour recueillir des avis;
  • Des services de livraison comme DoorDash d'externaliser la livraison à;
  • Sites de réservation comme Table ouverte d'externaliser les réservations.

Si les clients recherchent des restaurants en ligne, ils doivent être disposés et capables de les rencontrer là où ils se trouvent… avant de les amener sur le site Web.

Bien qu'il soit en fin de compte de la responsabilité du restaurant de créer ces pages, vous devez fournir une assistance en ce qui concerne la marque visuelle. D'une part, il garantit une certaine cohérence entre toutes leurs plateformes. En outre, il vous permet de combler les pièces manquantes auxquelles les restaurateurs pourraient ne pas penser.

Jetons un œil à l'aliment de base du Rhode Island, IGGY’S:

Site Web d’IGGY avec photo de clamcakes et 3 options de commande en ligne
Les visiteurs du site Web d’IGGY sont présentés au restaurant avec une image de ses clamcakes emblématiques. (Source: IGGY’S) (Grand aperçu)

Le restaurant au bord de l'eau se met immédiatement aux affaires et offre aux visiteurs 3 options pour commander en ligne (en fonction de l'endroit où ils veulent aller).

Voici à quoi ressemble le portail de commande en ligne:

Portail de commande en ligne d’IGGY
Portail de commande en ligne du restaurant IGGY’S. (Source: IGGY’S) (Grand aperçu)

Remarquez à quel point cela semble bon. Il prend ce qui serait autrement un menu texte uniquement et le transforme en quelque chose de beaucoup plus attrayant et, sans doute, plus efficace pour augmenter les ventes.

Maintenant, comparez cela avec la commande en ligne d'IGGY via DoorDash:

Commande en ligne DoorDash pour IGGY
Les clients de DoorDash peuvent commander en ligne au restaurant IGGY. (Source: DoorDash) (Grand aperçu)

Les éléments de cette page sont rarement accompagnés de descriptions ou d'images.

Maintenant, IGGY’S est un restaurant bien connu dans le Rhode Island, donc ce n'est peut-être pas un problème pour les clients en ligne. Cependant, les nouveaux clients pourraient aborder le menu avec plus d’effroi que celui disponible sur le site Web d’IGGY, car il est dépourvu de détails.

C'est là que votre approche visuelle centrée est utile. En vous assurant que chaque article est accompagné d'une photo haute résolution et alléchante (la même que celle utilisée sur le site), vous pouvez optimiser cette opportunité de vente pour eux.

Il est également important de veiller à ce que les éléments de la marque soient présentés de manière cohérente. De cette façon, si un client existant traverse son restaurant préféré sur DoorDash, il n'hésitera pas à commander, car il saura instantanément que c'est son restaurant préféré.

Par exemple, le logo sur DoorDash ne ressemble en rien à celui du site Web en termes de qualité ou d'apparence:

Logo DoorDash et informations de localisation pour IGGY’S RI
Le logo DoorDash pour IGGY’S ne correspond pas à celui du site Web. (Source: DoorDash) (Grand aperçu)

Que ce soit le logo ou un autre élément de marque, vous voulez vous assurer que 1) il correspond au site Web et 2) qu'il a l'air bien. Cela vaut pour les sites de commande en ligne comme DoorDash ainsi que tous les autres que j'ai mentionnés plus tôt.

Emballer

Nous en sommes maintenant au point où les restaurants ne peuvent plus être réticents ou avares à améliorer leur présence numérique. Et, en tant que concepteur Web, cela devrait vous exciter.

Vous pouvez faire beaucoup pour aider les entreprises dans cet espace au-delà de la conception de sites Web de base. Parce qu'une grande partie de leur transformation numérique implique de réaliser des ventes en ligne, vous pourrez concevoir des expériences intuitives, modernes et alléchantes tout en créant de nouvelles voies monétisées pour eux.

Smashing Editorial(ra, yk, il)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *