Test de bon goût de conception: comparaison de trois sites Web de restaurants décontractés rapides
Les restaurants de restauration rapide sont notoirement mauvais avec la conception de sites Web, mais le marché émergent des restaurants «décontractés rapides» se révèle jusqu'à présent beaucoup mieux dans ce domaine.
Aujourd'hui, nous allons chercher sur le Web les sites Web de certains des restaurants décontractés rapides les plus populaires pour voir qui fait le meilleur travail et ce que nous pouvons en apprendre. Attention: ce post vous donnera faim!
Explorez les ressources de conception
Qdoba
Le premier site que nous allons voir est Qdoba.com, la page d'accueil d'un restaurant qui sert de délicieux burritos et autres plats du sud-ouest. C'est un peu comme Chipotle, que nous avons déjà examiné dans un autre post. Voici un aperçu de l'en-tête:
Jusqu'ici tout va bien! J'aime beaucoup la juxtaposition de la typographie et de la photographie. Le design est grand et audacieux, mais frais et convivial. Il capture parfaitement la sensation du restaurant et dépeint un bon mélange de gens heureux et de plats délicieux.
Image de marque forte
Leur stratégie de marque actuelle est que Qdoba est «de la nourriture pour les personnes qui aiment la nourriture». Cette idée est diffusée partout sur le site, même de manière interactive. La page des coupons, par exemple, traite le dernier mot comme un «remplir le blanc» où vous tapez ce que vous aimez et gagnez différents coupons en fonction de votre choix de mot.
Ceci est une excellente astuce psychologique. Ils m'obligent subtilement à tisser des liens avec la marque en l'associant à des choses que j'aime. Encore une fois, cela est renforcé par tous ces visages souriants que vous voyez entrelacés avec des photos de nourriture.
"Ils me forcent subtilement à nouer des liens avec la marque en l'associant à des choses que j'aime."Menu
Une autre chose que j'aime vraiment à propos de Qdoba.com est la présentation du menu, qui est absolument l'une des facettes les plus importantes pour tout site Web de restaurant. Chaque élément est soigneusement rangé dans une grille avec une photographie culinaire attrayante et très claire et un texte propre.
Contenu de la page d'accueil
Lorsque je visite le site Web d'un restaurant, il y a généralement deux choses principales que je veux faire: consulter le menu et savoir comment obtenir de la nourriture. Cette dernière action implique généralement de commander en ligne ou de rechercher un numéro de téléphone et une adresse.
"Quand je visite le site Web d'un restaurant, il y a généralement deux choses principales que je veux faire ..."Qdoba gère à peu près tout cela directement à partir de la page d'accueil, éliminant ainsi la commodité de l'emplacement du contenu du parc de balle. En haut de la page, on vous présente le restaurant et on vous dit de prendre des coupons. Lorsque vous faites défiler un peu, vous voyez les éléments de menu avec des liens vers des informations nutritionnelles. Enfin, lorsque vous appuyez sur le bas de la page, vous voyez une carte des emplacements dans votre région.
Le seul objectif majeur qui n'est pas atteint directement sur la page d'accueil est de commander en ligne, et cette option est située en haut à droite de l'écran (immobilier de choix pour la navigation des yeux) dans un en-tête persistant qui reste avec vous pendant que vous faites défiler.
Adapté au démarrage
C'est génial de voir de grandes entreprises sauter à bord du wagon réactif. Qdoba.com répond en fait assez bien aux différentes tailles de fenêtres.
Qu'avons-nous appris?
Qdoba.com a beaucoup de grandes leçons de design à nous enseigner, dont la plus importante est probablement la puissance d'une image de marque forte. Ils sont cohérents avec leur palette de couleurs, leur typographie et leur photographie, tous réunis pour créer une identité unique avec laquelle les clients peuvent s'identifier. La combinaison de gens heureux et de délicieux plats de nourriture est éprouvée et sert fidèlement les restaurants depuis des décennies.
«Ils sont cohérents avec leur palette de couleurs, leur typographie et leur photographie, tous réunis pour créer une identité unique avec laquelle les clients peuvent s'identifier.»Il y a aussi deux autres grandes leçons à l'œuvre ici. Tout d'abord, la conception réactive n'est pas seulement une astuce amusante pour les portefeuilles de concepteurs Web. Le monde de l'entreprise peut et doit l'adopter ouvertement car cela signifie une meilleure expérience pour plus de clients.
Enfin, considérez toujours pourquoi la majorité de vos visiteurs viennent sur votre site et faites de votre mieux pour répondre à ces actions. Presque tout ce que la plupart des gens voudront faire sur Qdoba.com peut être accompli via la page d'accueil.
Pei Wei
La prochaine étape de la visite rapide et décontractée est un autre de mes favoris personnels: Pei Wei, un restaurant qui sert de délicieux plats de plusieurs cultures asiatiques. C'est le petit frère rapide et décontracté des PF Chang plus formels. Voici la page d'accueil:
Couleur
La première chose que je remarque sur le site de Pei Wei est la couleur; gras, belle couleur. La palette est très sombre et chaude, elle suggère une saveur épicée et riche qui me met l'eau à la bouche pour du poulet poêlé au miel.
Ce qui est cool ici, c'est que ces couleurs sont probablement tirées directement de la nourriture que Pei Wei sert, une astuce que Qdoba utilisait également.
Chaque fois que vous essayez de développer un schéma de couleurs pour une entreprise, n'oubliez pas que vous n'avez souvent pas besoin de chercher plus loin que leur gamme de produits.
"Ce qui est cool ici, c'est que ces couleurs sont probablement tirées directement de la nourriture que Pei Wei sert"Tout est question de nourriture
Avec Pei Wei, il existe une technique très différente de celle que nous avons vue sur le site de Qdoba. Ici, l'esthétique est à 100% sur la nourriture. Partout où vous regardez, vous trouverez une autre belle photo culinaire.
J'ai regardé un peu sur le site pour voir si je pouvais trouver une photo d'une personne, pour autant que je sache, il n'y en a pas. Cela semble moins personnel et invitant, mais je pense qu'ils s'en tirent assez bien. S'ils font un changement de marque majeur, je ne serais pas surpris de les voir l'approcher avec une sensation humaine plus amicale.
Choses que je n'aime pas
Dans l'ensemble, Pei Wei a un site assez solide, mais il y a certaines choses dont je ne suis pas fou du point de vue du design. Tout d'abord, il y a beaucoup d'espace négatif piégé et maladroit qui est le résultat d'une disposition quelque peu encombrée. Ce n'est pas horrible, mais cela peut devenir un peu distrayant.
La pire infraction ici dans mon livre est le menu, qui ressemble à ceci:
Comme vous pouvez le voir, ce n'est qu'un menu ennuyeux basé sur du texte. Chaque plat a en effet une belle photo de produit d'accompagnement, mais il est caché jusqu'à ce que vous cliquiez dessus. La bonne chose est que vous économisez sur les temps de chargement des pages, mais l'inconvénient est que cela ne me donne pas faim! Et rappelez-vous, les personnes affamées sont votre public cible ici.
"La bonne chose est que vous économisez sur les temps de chargement des pages, mais l'inconvénient est que cela ne me donne pas faim!"Je pense définitivement que la page du menu doit être repensée pour mieux utiliser toutes ces photos alléchantes qu'elles possèdent évidemment. Vous n'avez pas nécessairement à montrer chaque photo tout le temps, mais quelque chose peut sûrement être fait pour l'animer un peu.
Qu'avons-nous appris?
De Pei Wei, nous apprenons beaucoup sur la façon de concevoir avec la photographie alimentaire. Nous avons vu que les photos culinaires sont une riche source de palettes de couleurs qui aident à lier l'identité de la marque au produit. Nous avons également vu combien il est dommage de cacher ces photos en ce qui concerne la présentation du menu.
Wildflower Bread Company
Le dernier restaurant décontracté rapide que nous allons examiner est Wildflower Bread Company, un guichet unique pour de délicieux produits de boulangerie, des sandwichs et des pâtes.
J'ai choisi cette chaîne en raison du fait que leurs magasins sont vraiment très bien conçus. Beaux signes, belles couleurs, meubles impressionnants et wifi gratuit! C'est un endroit idéal pour prendre un déjeuner de travail prolongé.
Malheureusement, il semble que la conception étonnante ne s'étende pas au Web. Voici leur page d'accueil telle qu'elle apparaît sur mon MacBook:
Le contenu ici est tellement… petit. Dans un monde où la conception de sites Web réactifs maximise l'utilisation de chaque écran, la montagne d'espace vide ici se sent comme un terrible gaspillage.
«Dans un monde où la conception de sites Web réactifs maximise l'utilisation de chaque écran, la montagne d'espace vide ici se sent comme un terrible gaspillage. "L'ensemble du site ressemble à un méli-mélo de contenu dispersé, de messages marketing, de photos et de texte qui ne correspond tout simplement pas aux normes des bâtiments physiques.
Imprimer ≠ Web
Wildflower Bread Company a la sensation d'une entreprise avec une équipe de conception d'impression stellaire et une petite équipe Web mal supportée. Comme de nombreuses entreprises au début des années 2000, elles ont du mal à transférer leur marque sur le Web, car c'est un média tellement différent.
Encore et encore, je vois des parties de cette conception qui me disent que ce n'est guère plus qu'un portage de quelque chose créé pour l'impression. Le menu est un parfait exemple de ce type de réflexion:
Là, les paragraphes sont mal alignés avec des largeurs très étroites, aucun renforcement visuel et des sauts de ligne maladroits. Pas exactement un brillant exemple de typographie Web. Les problèmes de type persistent sur tout le site, consultez la largeur étonnamment étroite de la colonne centrale du texte ci-dessous:
Beaucoup de lecture
Au lieu de la grande et attrayante photographie culinaire que nous avons vue sur les deux autres sites, celle-ci vous donne des paragraphes. De longues pages de texte ininterrompues ont servi de contenu principal.
Encore une fois, c'est le résultat direct de la simple méconnaissance de la façon dont les gens naviguent sur le Web. Je ne vais pas lire ceci, presque personne d'autre non plus. Si vous vous vantez de vos pâtisseries, réduisez cela à un seul paragraphe et montrez-moi de délicieuses friandises.
«C'est le résultat direct de la simple méconnaissance de la façon dont les gens naviguent sur le Web.»Qu'avons-nous appris?
Une révélation ici est que les sites de restauration rapide et décontractée ne sont pas tous excellents. Certes, j'ai été assez dur avec le pauvre Wildflower ici, mais la simple vérité est que je ne vais manger qu'à un seul endroit pour le dîner ce soir, et si je parcoure les menus de ces trois sites pour m'aider à décider, le les deux autres battaient Widlflower à chaque fois.
La grande leçon que j'ai répétée à maintes reprises est que le Web n'est pas une brochure interactive. C'est un média complètement différent qui nécessite un ensemble complètement différent de compétences et de défis de conception. Cela semble contre-intuitif, mais une entreprise connue pour sa bonne conception «du monde réel» peut vraiment aspirer à la conception Web.
Qdoba contre Pei Wei contre Wildflower
Incidemment, les sites Web ci-dessus ont commencé à se développer et à partir de là. Qdoba était de loin mon préféré avec ses images magnifiques, sa mise en page réactive et sa marque impressionnante. Pei Wei était certes un peu plus faible mais dans l'ensemble, il restait une assez bonne performance dans le secteur de la restauration. Wildflower élève l'arrière avec un site assez faible qui pourrait vraiment utiliser une refonte complète à partir de zéro.
Alors à quoi ça sert ici? Pourquoi regarder ces trois sites? Parce qu'ils illustrent parfaitement comment différents projets ayant le même objectif peuvent aller si différemment selon le talent et les ressources des personnes impliquées. Ces trois entreprises sont des restaurants populaires et prospères qui peuvent absolument se permettre de développer une forte présence sur le Web.
Utilisez-le comme une leçon pour vos propres projets, surtout si vous travaillez en équipe. Êtes-vous capable de rassembler vos ressources et de produire quelque chose dont vous pouvez vraiment être fier ou quelque chose vous empêche-t-il? Est-ce l'une des choses mentionnées ci-dessus ou autre chose? Faites-le nous savoir ci-dessous.
Assurez-vous également de nous parler de vos restaurants décontractés rapides préférés et de la façon dont leurs sites Web se comparent à ceux ci-dessus.
