Lernen Sie anhand von Beispiel 6 Lektionen zum Entwerfen von Restaurant- und Lebensmittel-Websites

Das heutige Thema ist ein köstliches Thema: Restaurant- und Food-Websites. Kleine Unternehmen zahlen die Rechnungen für freiberufliche Designer und lokale Restaurants können als Haupteinnahmequelle dienen. Wenn Sie sich jedoch mit Ihrem ersten Restaurant-Site-Design befassen, sollten Sie einige Dinge wissen.

In diesem Artikel erfahren wir anhand von Beispielen, wie wir viele leckere Restaurants und Restaurants im Internet betrachten. Indem Sie prüfen, was diese Designer richtig gemacht haben, tragen Sie dazu bei, Ihren eigenen Erfolg in diesem Bereich zu sichern.

Fotografie ist alles

Site: Die Klauenstange

Mir ist klar, dass dies nach einer pauschalen Aussage oder vielleicht sogar nach einer Übertreibung klingt, aber ich bin ganz ernst damit. Mit Restaurantstandorten, dem Müll? Müll raus? Aphorismus ist durchaus angebracht. Wenn Sie mit hässlichen Speisen arbeiten, sind Sie von Anfang an zum Scheitern verurteilt.

Als Besucher einer Restaurant-Website ist mein Hauptinteresse höchstwahrscheinlich das Essen. Sie müssen mich auf dem Produkt verkaufen, und Fotografie ist der Weg, es zu tun. Der Trick ist, Lebensmittelfotografie ist sehr schwierig, daher kann man hier nicht billig fahren. Schlechte Lebensmittelfotografie kann mehr schaden als nützen.

Quelle: linkes Foto und rechtes Foto

Ihre Aufgabe als Designer ist es, den Kunden davon zu überzeugen, wirklich in großartige Fotos zu investieren, wenn diese noch keine haben. Wenn Sie auch Fotograf sind, können Sie dadurch sogar ein paar Euro zusätzlich verdienen.

Bei fast jeder Website in diesem Artikel wird dieser Ratschlag berücksichtigt, aber einige davon haben sich besonders gut bewährt:

Findus Norge

Cappellos

Culinaria

Zeigen Sie mir Atmosphäre

Standort: Au Petit Panisse

Wenn Sie über die visuellen Elemente der Website nachdenken, könnten Sie versucht sein, rein an das Essen zu denken. Die sekundäre Auslosung für ein Restaurant ist jedoch für viele Leute das Richtige primär Für ein Restaurant zeichnen, ist die Atmosphäre. Ich kann überall einen tollen Burger bekommen, aber ich möchte einen Burger an einem Ort essen, der großartig ist!

Es gibt so viel Unsicherheit, wenn man einen neuen Ort zum Essen sucht. Wenn ich wirklich ein Gefühl für den Ort auf der Website bekommen kann, fühle ich mich sicherer bei meiner Entscheidung, dort zu essen. Aus praktischer Sicht ist es oft so, dass ein Foto der Atmosphäre und des Dekors einen guten Eindruck von der allgemeinen Kleiderordnung des Ortes vermittelt. Würden Sie sich beispielsweise für das oben gezeigte Restaurant verkleiden? Wie wäre es mit diesem?

Site: Roux am Parlamentsplatz

Nutzen Sie Texture & Color stark

Site: Vergoldeter Geschmack

Ein leistungsfähiges Werkzeug, das Ihnen zur Verfügung steht, wenn Sie eine mit Lebensmitteln verbundene Website entwerfen, ist die Textur. Top-Designer in dieser Nische verwenden auf ihren Websites jede Menge realistischer Texturen. Gilt Taste, der Ort oben, ist ein Paradebeispiel. Die Startseite enthält verschiedene Texturen, sowohl in Standalone-Fotos als auch als Hintergrund für den Typ.

Als weiteres Beispiel ist hier ein kleiner Ausschnitt eines Restaurant-Themes von ThemeForest. Beachten Sie, wie viele Texturen Sie in diesem kleinen Bereich finden können!

Site: Victoria Restaurant Theme

Die Auswahl der Farben ist für Lebensmittel-Websites extrem wichtig. Farbe hilft, die Stimmung einzustellen und die Verlockung zu steigern. Scheuen Sie sich nicht, helle Farben zu verwenden, und ziehen Sie nach Möglichkeit immer direkt aus dem Essen, um alles schön miteinander zu verbinden.

Site: Gänsehaut

Zerbrich es

Standort: Food Sense

Ein weiterer solider Tipp für die Arbeit mit der Lebensmittelfotografie: Der Prozess fasziniert die Menschen. Die Kunst, rohe Zutaten zu nehmen und in leckere Gerichte zu verwandeln, zieht uns alle an.

Wenn Sie nur frische Zutaten zeigen, wird das Essen gesünder und appetitlicher. Niemand glaubt gern, dass das Restaurant diese Lasagne auf einem Lastwagen verschickt hat. Sie wollen Tomaten sehen!

Site: Delicioso

Site: Gänsehaut

Erstellen Sie benutzerdefinierte Menüs für das Web

Sie wissen, was meine größte Person mit Restaurantwebseiten ist? Die Menüs Meistens bietet dieser Teil der Website eine schreckliche Benutzererfahrung. Jedes Mal, wenn ich online bei Paradise Bakery bestelle, schrecke ich:

Standort: Paradise Bakery

Anstatt sich die Mühe zu machen, tatsächlich ein Menü auf ihrer Website zu erstellen, haben sie einfach eine Million Scans ihres physischen Menüs hochgeladen, die ich dann durch eine freaking-Seite durchsuchen muss. Wenn Sie auf die Option zum Herunterladen der PDF-Datei klicken, erhalten Sie buchstäblich das flache PDF-Bildmaterial, das sie an den Drucker senden, um ihre faltbaren Menüs zu erstellen. Ich mache mir das nicht ein

Dieses Ding ist so groß, dass Sie kleine Teile vergrößern und dann schwenken müssen, bis Sie gefunden haben, was Sie wollen. Es ist eine erstaunlich schlechte Möglichkeit, den Benutzern der Website ein Menü zu präsentieren.

Wenn Sie darüber nachdenken, ein PDF des Druckmenüs aufzurufen und es einen Tag lang zu nennen, hören Sie auf, was Sie tun, und geben Sie sich einen harten Schlag ins Gesicht. Stoppen Sie, so faul zu sein und machen Sie Ihren Job. Wenn Sie nach einem soliden Beispiel suchen, schauen Sie sich das Kuleto-Menü unten an:

Site: Kuletos

Dieses Menü verwendet ein fantastisches und einfach zu bedienendes Dreispaltensystem, um Ihre Auswahl einzugrenzen. Zuerst wählen Sie Ihre Mahlzeit (Frühstück, Mittagessen, Abendessen usw.), dann eine Kategorie und Ihnen werden die Optionen in dieser Kategorie angezeigt. Sie können Ihre Auswahl jederzeit verfeinern oder ändern.

Wenn Sie eine einfachere Route wünschen, besuchen Sie The Claw Bar. Ihr Webmenü verwendet die Metapher eines Druckmenüs, verwendet jedoch weiterhin Live-Text und ist für das Web formatiert.

Site: Die Klauenstange

Vergiss nicht die Grundlagen

Es ist ziemlich einfach, sich mit all den oben genannten Ratschlägen so einzufangen, dass Sie die grundlegendsten Elemente eines Webdesigns vergessen. Denken Sie daran, dass Sie bei jedem Website-Design die Ziele des Durchschnittsbenutzers immer sorgfältig prüfen sollten.

Für ein Restaurant können Sie ziemlich sicher sein, dass die Besucher einige spezifische Informationen wünschen:

  • Was dienen sie? (Menü und Grafiken)
  • Wie viel kostet es? (Speisekarte)
  • Wie ist der Ort? (Grafik und Video)
  • Wo ist es?
  • Kann ich online bestellen oder reservieren?
  • Wie ist die Telefonnummer?

Wie Sie sehen, haben wir die meisten der Hauptziele bereits in den obigen Tipps angesprochen. Die grundlegenden Kontakt- und Bestellinformationen sind jedoch ein Hauptanliegen, das wir nicht angesprochen haben. Ich bin fest davon überzeugt, dass Kontakt- und Standortinformationen für die Website eines Restaurants eine extrem hohe Priorität haben. Diese Informationen sollten sich auf der Homepage an einem prominenten Ort befinden.

In der Vorlage unten befindet sich eine große, auffällige Karte direkt in der Fußzeile (wahrscheinlich der erste Ort, an den Sie denken möchten). Direkt neben der Karte finden Sie alle Kontaktinformationen, die Sie benötigen: E-Mail, Telefonnummer, soziale Links usw.

Site: Das Restaurant-Thema

Die Lektion hier: Lassen Sie Ihre Benutzer niemals nach grundlegenden Informationen suchen, weil Sie sich Sorgen machen, dass Ihr hübsches Design dadurch zerstört wird. Ihre Aufgabe ist es, wichtige Informationen auf ansprechende und nutzbare Weise hervorzuheben und darzustellen, nicht um eine Website zu gestalten, die auf Kosten ihres Zwecks gut aussieht.

Zeigen Sie uns Ihre Favoriten!

Nun, da Sie unsere Beispiele der besten Restaurants und Restaurants kennengelernt haben, die wir finden, einbinden und uns Ihre Favoriten zeigen könnten. Oder noch besser, zeigen Sie uns die Restaurants, die das Ziel wirklich verfehlen, und werfen Sie Verbesserungsvorschläge aus.