Design a Mobile First Website for a Salad Resturant

Gewinner
Contest winning design

Wollen Sie auch einen Job wie diesen gewinnen?

Dieser Kunde bekam 91 Web-Designs von 14 Designern. Dabei wurde dieses Web-Design Design von Mahrus als Gewinner ausgewählt.

Kostenlos anmelden Design Jobs finden

  • Abgeschlossen - Design ausgewählt

Web-Design Kurzbeschreibung

** WEBSITE LIKE AN APP, NOT LANDING PAGE **

1. Homepage
Objective: Introduce the brand and direct visitors to either start creating their custom salad or explore the menu of pre-designed salads.
Design Elements:
Clean and minimalistic layout with high-quality images of fresh salads.
Two prominent buttons: "Create Your Salad" and "Our Salads".
Brief welcome message that highlights the freshness and quality of ingredients.

2. Create Your Salad Page
Objective: Allow customers to design their salad from a list of ingredients.
Design Elements:
Interactive, step-by-step builder interface where customers can select ingredients. Each ingredient category (like greens, proteins, toppings, dressings) should be a separate step in the process.
Visual representation of their salad being built as they select ingredients.
Information icons next to each ingredient for dietary information (e.g., vegan, gluten-free, calories).
Option to save favorite combinations or reorder past salads.
Clear price updates as they add or remove ingredients.

3. Our Salads Page
Objective: Showcase a list of pre-designed salad options that customers can quickly choose from.
Design Elements:
Grid layout with images and brief descriptions of each pre-designed salad.
Include customer reviews and ratings for each salad.
Easy "Add to Cart" option from this page.

4. Cart and Checkout Page
Objective: Streamline the checkout process with minimal steps.
Design Elements:
Summary of order with options to modify quantities or remove items.
Simple form for entering delivery details, with the ability to remember details for returning customers.
Secure payment gateway integration.
A confirmation screen with estimated delivery time and order tracking capabilities.

5. Mobile Optimization
Approach: Since this is a "Mobile First Design", ensure that:
The website is responsive and elements like buttons, text, and images scale properly across different devices.
Touch-friendly interfaces with large tap targets for ease of use on mobile devices.
Fast loading times by optimizing images and using mobile-first coding practices.

Info-Symbol
Aktualisierungen

Low designer entries

Zielmarkt/( -märkte)

Food

Industrie/Einheitstyp

Food

Anzahl benötigter Seiten

4 page


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
  • Modren Design, Mobile First

Dateien
Alle Dateien herunterladen - 33,3 MB
PDF
gimme
Samstag, 13. April 2024
JPG
1-all salad 1920x1080 copy
Samstag, 13. April 2024
PDF
colors
Samstag, 13. April 2024
OTF
Ablaj-Regular
Samstag, 13. April 2024
OTF
Ablaj-Light
Samstag, 13. April 2024
OTF
Ablaj-SemiBold
Samstag, 13. April 2024
OTF
Ablaj-Bold
Samstag, 13. April 2024
OTF
Ablaj-Thin
Samstag, 13. April 2024
OTF
Ablaj-Medium
Samstag, 13. April 2024
OTF
Ablaj-ExtraLight
Samstag, 13. April 2024
OTF
Archia-Medium
Samstag, 13. April 2024
OTF
Archia-Light
Samstag, 13. April 2024
OTF
Archia-Thin
Samstag, 13. April 2024
OTF
Archia-Regular
Samstag, 13. April 2024
OTF
Archia-Bold
Samstag, 13. April 2024
OTF
Archia-SemiBold
Samstag, 13. April 2024
PDF
Archia_desktop_license
Samstag, 13. April 2024
PDF
logos
Samstag, 13. April 2024
AI
logos
Samstag, 13. April 2024
PDF
gimme_Guideline_Manual_V.1
Samstag, 13. April 2024