Les restaurants de restauration rapide sont notoirement mauvais avec la conception de sites Web, mais le marché émergent de? Fast casual? À ce jour, les restaurants se révèlent beaucoup mieux dans ce domaine.
Aujourd'hui, nous allons parcourir les sites Web à la recherche de restaurants parmi les plus populaires et des restaurants décontractés rapides pour déterminer qui fait le meilleur travail possible et ce que nous pouvons apprendre d'eux. Attention: ce post vous donnera faim!
Qdoba
Le premier site que nous allons visiter est Qdoba.com, la page d'accueil d'un restaurant proposant de délicieux burritos et autres plats du sud-ouest. Cela ressemble beaucoup à Chipotle, que nous avons déjà examiné dans un autre post. Voici un coup d'oeil à l'en-tête:
Jusqu'ici tout va bien! J'aime beaucoup la juxtaposition de la typographie et de la photographie. La conception est grande et audacieuse, mais fraîche et conviviale. Il capture parfaitement l'ambiance du restaurant et représente un bon mélange de personnes heureuses et de plats délicieux.
Marque forte
Leur stratégie de marque actuelle est que Qdoba est «une nourriture pour les gens qui aiment la nourriture». Cette idée est diffusée sur tout le site, même de manière interactive. La page de coupon, par exemple, traite le dernier mot comme un? Remplissez le vide? où vous tapez ce que vous aimez et gagnez des coupons différents en fonction de votre choix de mot.
C'est un bon truc psychologique. Ils me forcent subtilement à établir 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 à établir des liens avec la marque en l'associant à des choses que j'aime."Menu
Une autre chose que j'apprécie vraiment chez 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 article est soigneusement rangé dans une grille avec des photographies d’aliments attrayantes et de haute qualité et un texte net.
Contenu de la page d'accueil
Lorsque je visite un site Web pour un restaurant, il y a généralement deux choses que je veux faire: consulter le menu et savoir comment obtenir de la nourriture. Cette dernière action implique généralement soit de commander en ligne, soit de rechercher un numéro de téléphone et une adresse.
«Lorsque je visite un site Web pour un restaurant, il y a généralement deux choses principales que je veux faire. ?Qdoba gère pratiquement tout cela à partir de la page d'accueil, ce qui élimine la commodité de l'emplacement du contenu du terrain de base-ball. En haut de la page, vous êtes présenté au restaurant et on vous demande de saisir des coupons. Lorsque vous faites légèrement défiler l'écran, vous voyez les éléments du 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’a pas été atteint directement sur la page d’accueil est de commander en ligne. Cette option est située dans le coin supérieur droit de l’écran (premier objet immobilier à consulter) dans un en-tête persistant qui reste avec vous lorsque vous faites défiler.
Sensible au démarrage
C'est formidable de voir de grandes entreprises monter à bord du wagon du groupe sensible. Qdoba.com réagit plutôt bien à différentes tailles de fenêtres.
Qu'avons-nous appris?
Qdoba.com a beaucoup de bonnes leçons de design à nous apprendre, dont la plus importante est probablement le pouvoir d'une image de marque forte. Ils sont compatibles avec leur palette de couleurs, leur typographie et leurs photographies, qui se combinent pour créer une identité unique à laquelle les clients peuvent s'identifier. La combinaison de gens heureux et de délicieux plats de cuisine a fait ses preuves et sert fidèlement les restaurants depuis des décennies.
«Ils sont compatibles avec leur palette de couleurs, leur typographie et leurs photographies, qui se combinent pour créer une identité unique à laquelle les clients peuvent s'identifier.Ici aussi, il y a deux autres bonnes leçons. Premièrement, le responsive design n'est pas simplement un truc amusant pour les portefeuilles de concepteurs de sites Web. Le monde de l'entreprise peut et doit l'adopter ouvertement car cela signifie une meilleure expérience pour plus de clients.
Enfin, réfléchissez toujours aux raisons pour lesquelles la majorité de vos visiteurs visitent 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 tournée rapide et décontractée est l’un de mes favoris personnels: Pei Wei, un restaurant qui sert de délicieux plats de plusieurs cultures asiatiques. C'est le petit frère décontracté et rapide du P. F. Chang plus formel. 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 un goût riche et épicé qui me met l'eau à la bouche pour du poulet poêlé au miel.
La chose intéressante ici est que ces couleurs sont probablement tirées directement de la nourriture servie par Pei Wei, un truc que Qdoba utilisait également.
Chaque fois que vous essayez de développer un jeu de couleurs pour une entreprise, rappelez-vous que vous n'avez souvent pas besoin de chercher plus loin que leur gamme de produits.
"La chose intéressante ici est que ces couleurs sont probablement tirées directement de la nourriture que Pei Wei sert"Tout est à propos de la 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 est un autre coup magnifique.
J'ai regardé autour du site pendant un moment pour voir si je pouvais trouver une photo d'une personne. Autant que je sache, il n'y en a pas. C’est moins personnel et moins attrayant, mais je pense qu’ils réussissent assez bien. S'ils font un changement de marque majeur, je ne serais pas surpris de les voir l'aborder avec une sensation humaine plus amicale.
Choses que je n'aime pas
Dans l’ensemble, Pei Wei a un site assez solide, mais il ya certaines choses qui ne me passionnent pas du point de vue du design.Tout d’abord, il ya beaucoup d’espace négatif pris au piège et maladroit, résultant d’une mise en page quelque peu encombrée. Ce n'est pas horrible, mais cela peut être un peu distrayant.
La pire offense ici dans mon livre est le menu, qui ressemble à ceci:
Comme vous pouvez le constater, ce n'est qu'un menu texte ennuyeux. Chaque plat a bien une belle photo de produit d'accompagnement, mais il est caché jusqu'à ce que vous cliquiez dessus. La bonne chose est que vous enregistrez des temps de chargement de page, 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 enregistrez des temps de chargement de page, mais l'inconvénient est que cela ne me donne pas faim!"Je pense vraiment que la page de menu doit être repensée pour mieux utiliser toutes les photos alléchantes qu’ils possèdent évidemment. Vous n'êtes pas obligé de montrer chaque photo tout le temps, mais vous pouvez sûrement faire quelque chose pour l'animer un peu.
Qu'avons-nous appris?
De Pei Wei, nous apprenons beaucoup sur la façon de concevoir avec la photographie culinaire. Nous avons vu que les photos de produits alimentaires constituent une riche source de palettes de couleurs qui aident à lier l'identité de la marque au produit. Nous avons également vu à quel point il est dommage de cacher ces photos lors de la présentation du menu.
Compagnie de pain aux fleurs sauvages
Le dernier restaurant décontracté et rapide que nous allons examiner est la 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. De belles enseignes, de superbes couleurs, un superbe mobilier et une connexion Wi-Fi gratuite! C'est un bon endroit 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 juste ainsi? petit. Dans un monde où la conception Web réactive optimise l'utilisation de chaque écran, la montagne d'espace vide se sent ici comme un gaspillage terrible.
«Dans un monde où la conception Web réactive optimise l’utilisation de chaque écran, la montagne d’espace vide se sent ici comme un terrible gâchis. ?L’ensemble du site donne l’impression de mélanger du contenu épars, des messages marketing, des photos et des textes qui ne respectent tout simplement pas les normes des bâtiments physiques.
Impression ? Web
Wildflower Bread Company a l’esprit d’une entreprise dotée d’une équipe de créateurs stellaires et d’une équipe Web minuscule et mal prise en charge. Comme beaucoup d'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 qu'un peu plus que le port de quelque chose créé pour l'impression. Le menu est un exemple parfait de ce type de pensée:
Les paragraphes y sont mal alignés avec des largeurs très étroites, un renforcement visuel nul et des sauts de ligne gênants. Pas vraiment un exemple brillant de typographie Web. Les problèmes de type persistent sur tout le site. Découvrez la largeur étonnamment étroite de la colonne centrale du texte ci-dessous:
Beaucoup de lecture
À la place 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.
Là encore, il s’agit simplement de ne pas comprendre comment les internautes naviguent sur le Web. Je ne vais pas lire ceci, presque personne ne le fera non plus. Si vous vous vantez de vos produits de boulangerie, réduisez-le à un seul paragraphe et montrez-moi de délicieuses friandises.
"C'est le résultat direct de ne pas comprendre comment les gens naviguent sur le Web."Qu'avons-nous appris?
Une révélation ici est que les restaurants rapides et décontractés ne sont pas tous excellents. Certes, j’ai été assez dur envers la pauvre Wildflower, mais la vérité est que je ne mangerai à un endroit pour le dîner ce soir, et si je navigue dans les menus de ces trois sites pour m'aider à prendre une deux autres battent Widlflower à chaque fois.
La grande leçon que j'ai répétée encore et encore, c'est que le Web n'est pas une brochure interactive. C'est un support complètement différent qui nécessite des compétences et des défis de conception complètement différents. Cela semble contre-intuitif, mais une entreprise reconnue pour son «bon monde réel». la conception peut vraiment nuire à la conception de sites Web.
Qdoba contre Pei Wei contre Wildflower
Incidemment, les sites Web ci-dessus ont démarré en force et ont commencé à baisser. Qdoba était de loin mon préféré avec ses superbes images, sa mise en page réactive et son image de marque impressionnante. Pei Wei était certes un peu plus faible, mais dans l’ensemble, il restait assez fort dans le secteur de la restauration. Wildflower pointe l'arrière avec un site assez faible qui pourrait vraiment utiliser une refonte complète à partir de la base.
Alors, quel est le point ici? Pourquoi regarder ces trois sites? Parce qu’ils illustrent parfaitement la manière dont différents projets ayant le même objectif peuvent se dérouler différemment selon le talent et les ressources des personnes impliquées. Ces trois entreprises sont des restaurants populaires et couronnés de succès qui peuvent absolument se permettre d’établir 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 en mesure de rassembler vos ressources et de créer quelque chose dont vous pouvez vraiment être fier ou que quelque chose vous empêche? Est-ce l'une des choses mentionnées ci-dessus ou autre chose? Faites-nous savoir ci-dessous.
Assurez-vous également de nous parler de vos restaurants fast casual préférés et de la façon dont leurs sites Web se comparent à ceux mentionnés ci-dessus.