Landing page - Design Food Delivery

Gagnant
Contest winning design

Vous souhaitez remporter un projet comme celui-ci ?

Ce client a reçu 27 web designs de la part de 5 designers. Il a choisi ce web design de pb comme design gagnant.

Inscrivez-vous Trouvez des Projets de Design

  • terminés - Design Sélectionné

Brief de Web Design

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"

Marché(s) Cible(s)

Germany

Code

Codé - Design et Code demandé

Nombre de Pages Demandé

1 page


Couleurs

Couleurs choisies par le client et à utiliser dans le design de logo:

f37122

Aspect

Chaque curseur illustre les caractéristiques de la marque client et le style que doit transmettre votre design de logo.

Élégant
Audacieux
Léger
Sérieux
Traditionnel
Moderne
Sympathique
Professionnelle
Féminin
Masculin
Coloré
Conservateur
Économique
Haut de gamme

Exigences
Doit avoir
  • 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

Fichiers
Télécharger tous les fichiers - 0,2 MB
EPS
EPS