Erstellung einer Fingerfood-Delivery-Website für Foodbox

Foodbox ist ein Projekt des Reise- und Catering-Veranstalters „Dominican Expert“ mit Sitz in der Dominikanischen Republik. Für ihre ortsansässigen Kunden hat das Unternehmen den Fingerfood-Lieferservice „Foodbox“ gegründet. Das Unternehmen beauftragte PERIMETRIK® mit der Erstellung einer kleinen Website zur Präsentation ihrer Food Boxes und mit der Entwicklung eines Bestellformulars.

Design und Aufbau

Da sich der Lieferservice in der Dominikanischen Republik befindet und primär an ortsansässige Kunden richtet, wurde die Website auf Spanisch erstellt. 

Bei der Design-Erstellung für ihre Delivery-Website entschieden sich die Gründer von FoodBox für ein schlichtes Layout mit weißem Hintergrund, auf dem die Fotos ihrer Food-Boxen besonders gut zur Geltung kommen.

Auf der Startseite verwendete PERIMETRIK® eine Key Visual-Sektion, in der der Seitenbesucher direkt angesprochen wird: „Planificas una reunión, pequeña fiesta, cumpleaños o un coro con amigos?“. Das bedeuted ungefähr soviel wie: „Planen Sie ein Event, eine kleine Party, einen Geburtstag oder einen Abend mit Freunden?“. Den Button „Pide aqui tus Boscadillos“ („Sehen Sie sich hier unsere Snacks an“) verlinkte PERIMETRIK® mit der Sektion „Wähle deine Foodbox“ . So landet der Interessent per Klick direkt auf der Produktauswahl.

Unterhalb des Key Visuals band PERIMETRIK® einen Call to Action (Handlungsaufruf) ein, in dem der Benutzer anhand einer WhatsApp-Nummer dazu aufgerufen wird, online seine Bestellung durchzuführen (Ordena en linea!).

Für die Auswahl der Food-Boxen wünschten sich die Betreiber von FoodBox eine klare Präsentation von jeweils zwei Boxen pro Reihe. Dies ergibt eine übersichtliche Darstellung, auf der die Produktfotos mit dem Inhalt der Food-Boxen gut zu erkennen sind. Damit der Kunde möglichst einfach neue Produkte im gleichen Look anlegen kann, legte PERIMETRIK® im Backend Eingabefelder für den Titel, Personenanzahl, Box-Inhalte, Preis (in Pesos) sowie Anzahl an. Aus diesen Informationen wird die Darstellung der Produkte auf der Website automatisch generiert.

0626-herth-und-buss-startseite-rd
Jansen und Arens

Bestellformular mit WordPress 

Damit der Seitenbesucher seine Bestellung online durchführen kann, entwickelte PERIMETRIK® mit dem PlugIn „Gravity Forms“ für FoodBox ein Bestellformular, das auf der Startseite direkt unterhalb der Produktauswahl eingebunden wurde. Im Bestellprozess werden Auswahl und Boxen automatisch im Formular übernommen. Zudem hat der Kunde die Möglichkeit zwischen den beiden Optionen „Liefern lassen“ oder „Selbst abholen“ zu wählen. Um den Bestellprozess übersichtlich zu halten, werden mit „Conditional Logic“ gewisse Felder nur bei Bedarf eingeblendet (z.B. Eingabefelder für die Lieferadresse werden nur sichtbar, wenn der Kunde den Lieferservice auswählt.)

Um ein gutes Timing zu gewährleisten kann der Besteller außerdem den Wochentag sowie die Uhrzeit für die Bereitstellung seiner Foodboxen auswählen. Dafür richtete PERIMETRIK® die Felder „Fecha de recogida bzw. entrega“ (Datum der Abholung bzw. Lieferung) und „Hora de recogida bzw. entrega“ (Uhrzeit der Abholung bzw. Lieferung) ein. Die Auswahl der Uhrzeit lässt sich durch eine von PERIMETRIK® erstellte Liste mit auswählbaren Uhrzeiten im Viertelstunden-Takt zwischen 9:00 Uhr morgens und 18 Uhr abends bestimmen.

Beim Klick auf das Feld „Datum der Abholung bzw. Lieferung“ öffnet sich ein Kalender, indem alle verfügbaren Liefertage zum Auswählen angezeigt werden. PERIMETRIK® programmierte den Kalender so, dass dynamisch immer der Tag der Bestellung + 1 als frühestes möglicher Zeitpunkt auswählbar ist. Zudem können nur Wochentage (Mo- Fr) angeklickt werden. Die Programmierung wurde vorgenommen ohne die Grundfunktion von Gravity Forms zu erweitern/verändern. Aus diesem Grund können weiterhin jederzeit Aktualisierungen für das PlugIn vorgenommen werden.

Galerie mit Produkt-Fotos

Simpel aber effektiv: Ohne große Worte zeigt das Food-Box-Team auf der Unterseite „Galerie“ ansprechende Fotos ihrer Produkte, die Appetit auf mehr machen sollen.

Grundsätzlich ist es wichtig, alle Fotos, die auf einer Website verwendet werden sollen vorab zu bearbeiten und die Größe auf ein Web-taugliches Maß zu reduzieren. Bereits die Verwendung von einem einzigen sehr großes Foto kann die Ladezeit der Website erheblich verlangsamen.

facebook2
google

Kontakt-Seite mit Standort-Anzeige

Auf der Seite „Kontakt“ integrierte PERIMETRIK® eine Standortanzeige mithilfe von Google Maps, auf der der Seitenbesucher die Lage und Adresse des Unternehmens ansehen kann.

Für Fragen, Kommentare oder weitere Anregungen erstellte PERIMETRIK® ein Kontaktformular, in dem sich Interessierte direkt an die Betreiber von FoodBox wenden können.

Fazit

Mit der Erstellung der Delivery-Website „Foodboxrd.com“ hat PERIMETRIK® eine ansprechende, übersichtliche kleine Bestellseite mit einer Appetit-anregenden Darstellung der Produktpalette entwickelt. Im Mittelpunkt steht die Präsentation der Produkte, an denen direkt eine Bestellfunktion eingebunden ist. Passend zur Produktauswahl (Food-Boxes mit beliebtem Fingerfood aus der Dominikanischen Republik) ist die Website modern gestaltet und richtet sich an Unternehmen und Privatpersonen, die sich nicht lange mit komplizierten Bestellprozessen aufhält, sondern lieber seine Food-Boxes per WhatsApp ordert und zu beliebiger Zeit abholen oder liefern lässt.

Unsere Lösungen für dieses Projekt:

In diesem Projekt konnten wir auf einige bewährte Lösungen zurückgreifen:

Bestellformular

Sicher und benutzerfreundlich: Wir erstellen Ihnen professionelle Bestellformulare für Ihren WooCommerce Shop.

Buchungsformular

Bequem und sicher online buchen per Formular: Wir erstellen für Ihre WordPress Unternehmens-Website ein professionelles Buchungsformular.

Mobiloptimierung

Responsive Websdesign – Websites von PERIMETRIK® passen sich jeder Desktopgröße automatisch an. Wir optimieren Ihre WordPress Website für eine saubere Darstellungsweise aller Seiten und Inhalte auf mobilen Endgeräten.

Online-Produktkatalog

Geben Sie Ihren Kunden eine geordnete Übersicht über Ihr gesamtes Sortiment: Wir entwickeln für Ihre WordPress Website einen strukturierten Produkt-Katalog mit Produktgliederung in Form von Kategorien und Detailseiten mit allen wichtigen Produktinfos auf einen Blick.

Professionelle Formulare

Webdesign-Entwicklung

Ihre Website könnte dringend einen neuen Look vertragen? Dann nichts, wie los! Wir gestalten ein professionelles Webdesign, das zu Ihnen und Ihrer Branche passt. Gerne orientieren wir uns dabei an Ihren Vorlagen und entwickeln Layouts, die zu Ihrem Geschmack passen! Vielleicht haben Sie gar keine genauen Vorstellungen und möchten sich lieber inspirieren lassen? Gerne! Als erfahrenes Design-Team beraten wir Sie in Sachen Gestaltung und entwerfen Layout-Vorlagen für verschiedene Seiten-Typen.

Haben Sie Ihren Favoriten gefunden, gestalten wir das Webdesign für Ihre (neue) WordPress Website in Anlehnung an die Design-Vorlage und passen Inhalte, Texte und Fotos daran an. Gerne überprüfen wir die fertige Website anschließend noch einmal auf weiteren Displaygrößen (z.B. für Tablet und Smartphone) und führen einen Design-Feinschliff für eine saubere Ansicht auf allen Endgeräten durch.

Möchten Sie eine professionelle Unternehmens-Website erstellen lassen?