Landing page - Design Food Delivery

Gewinner
Contest winning design

Wollen Sie auch einen Job wie diesen gewinnen?

Dieser Kunde bekam 27 Web-Designs von 5 Designern. Dabei wurde dieses Web-Design Design von pb als Gewinner ausgewählt.

Kostenlos anmelden Design Jobs finden

  • Abgeschlossen - Design ausgewählt

Web-Design Kurzbeschreibung

I need a creative design for my wordpress landing page which should be editable with the page builder elementor.

The goal is that the customers send me their shopping list via the appropriate form.

Shopping service - we take care of annoying weekly goceries and therefore go shopping for our customers in the usual German super and discount markets.

The target group is strongly mixed. The demographics of the current customers is between 25-65, but the design should be modern and trustworthy. It should also exude a certain startup spirit and convey a mentality of "we're going for it".

Please have a look to the design guide in "must have"

Zielmarkt/( -märkte)

Germany

Programmierung

Programmierung - Design und Programmierung werden benötigt

Anzahl benötigter Seiten

1 page


Farben

Vom Kunden ausgewählte Farben für das Logo Design:

f37122

Sehen und fühlen

Jeder Schieber zeichnet eine der Charakteristiken der Marke des Kunden aus sowie den Stil, den euer Logo widerspiegeln sollte.

Elegant
Fett
Spielerisch
Ernst
Traditionel
Modern
Sympatisch
Professionell
Feminin
Männlich
Bunt
Konservativ
Wirtschaftlich
Gehobenes

Anforderungen
Muss haben
  • Hello,

    I have put together a complete design guide for you from different designs. If you are interested in working with me, please create this design. Please continue to be creative and match the individual design components accordingly. (It should look like a journey)

    IMPORTANT: The design should be implemented by you and then be editable in Wordpress Elementor Pro!

    https://drive.google.com/drive/folders/1BXV_07efPmqHCp-_bh_2BuhGl2XDbtyH?usp=sharing

    Header:
    Top of the screen:
    Take from screenshot 1 top screen border and add contact details (phone, mail, Facebook, Instagram, WhatsApp) on the left and right.
    Toolbar:
    Foodiri - logo is initially located in the center, surrounded by each menu item (screenshot 2). The background of the menu items can be transparent or translucent (screenshot 3). When scrolling down, the logo changes its position to the top left and attaches itself to the top of the screen together with the toolbar, following the customer as he continues through the website. The customer recognizes its current location by the underline of the menu item (screenshot 4).

    Above the fold (header structure):
    We take the structure from screenshot 5 and move the header to the center. The image remains rounded and is given a border as in screenshot 6. We'll try the image from screenshot 7 first.

    Shopping list form:
    Next comes the product input using the shopping list form. Here we take the headline and side design from screenshot 2 and the form from screenshot 1.

    Introduction:
    Next, we introduce ourselves to the customer. For this we use the flow from screenshot 1. In the circles come the questions so eg "What?". The goal is not to use text but only graphics. For "What?" the markets from screenshot 2 next to it. At "When" 1 calendar day with subheading "Tuesday is delivery day" and 2 clocks next to it with subheadings "Order acceptance - and cancellation until 7 pm", "Requested delivery from 9 - 9 pm". At "Cost" I have no idea yet please make suggestions here. At "Payment" all payment icons.
    Further progression from "Payment" to Benefits (the why) from screenshot 3. The Benefits section should be displayed full width. The scooter driver should be replaced by a transporter driver (a Foodiri transporter). The symbols should be emphasized more. It would be possible to make them colorful on a white background.
    Further central gradient line to the how (screenshot 4). This is followed by another CTA like from the header (eg Order Now).

    Contact:
    Here we show the customer all solution and contact options. Connect screenshot 2 with 1 and 3 by an "or" next to each other or under each other.

    Testimonials:
    Testimonials from screenshot 1. Take out star rating, as not possible.

    Action banner:
    Screenshot 1

    Footer:
    Screenshot 1



    Thank you for your efforts.
    We are looking forward to a successful cooperation.

    With kind regards
    R. Thomas

Dateien
Alle Dateien herunterladen - 0,2 MB
EPS
EPS