FOOD MADE WITH LOVE.FOOD FACTORY
INHALT 21. Vorwort.................................................................................................................................................... 32. Team....................................................................................................................................................... 43. Konzept................................................................................................................................................... 5 3.1 Zielgruppe.................................................................................................................................... 6 3.2 Markt & USP................................................................................................................................. 74. Zeitplan................................................................................................................................................... 85. Struktur & Navigation............................................................................................................................ 106. Gestaltung............................................................................................................................................ 12 6.1 Logo........................................................................................................................................... 13 6.2 Scribbles.................................................................................................................................... 14 6.3 Screendesign/Inhalte................................................................................................................. 15 6.4 Farben........................................................................................................................................ 20 6.5Typografie..................................................................................................................................21 6.6 Musik & Sound........................................................................................................................... 227. Quellenverzeichnis............................................................................................................................... 238. Schlusswort.......................................................................................................................................... 24
1. VORWORT 3Kein Jahrhundert ist von immer mehr Neuheiten und Fortschritten geprägt als dieses. Der ständige Wandel ist unaufhaltbar und schreitet stets mit großen Schritten vorwärts. Alles muss schnell gehen und in einer digitalen Umgebungstattfinden–denndieZeit,dieunszurVerfügungsteht,isteinkostbaresGut.
So muss es auch in Bezug auf die Zubereitung unseres Essens möglichst schnell gehen. Doch jetzt den Pizza-Lieferdienstvonnebenananzurufen,gehörtderVergangenheitan.
Aberwarumeigentlich?Ganzklar:TrotzderknappenZeit,sindwirunsdessenbewusstgeworden,dasswirunsereGesundheit nicht vernachlässigen wollen und somit auch bei Fast Food die Herkunft und Qualität der Produkte sowie einegesundeZubereitungeinewichtigeRollespielen–ganzgetreudemMotto„KlassestattMasse“.
WirhabenunsgenaudieserHerausforderungangenommenunddieWeb-Anwendung„FoodFactory“konzipiert,welchealldieseBedürfnissenachschnellem,aberqualitativhochwertigemEssenineinemstressigenAlltag befriedigen wird.
2. TEAM 4
MELANIE FRANZISKA IVA
3. KONZEPT 5Unsere„FoodFactory“isteinewebbasierteAnwendung,dieesermöglichtonlineundganzbequemvonzuHauseEs-senzubestellen.DaSmartphoneseineimmerwichtigereRollespielen,istesinjedemFalldenkbar,dieAnwendungals App in der Zukunft weiterzuentwickeln.
DieBesonderheitbeider„FoodFactory“ist,dasswirunsbeimEssenaufdreibeliebteBestell-Kategorienbeschränkthaben:Pizza,SushiundnatürlichBurger.WirlegendabeigroßenWertaufQualitätstattQuantität.HatmansichfüreinederdreiKategorienentschieden,sindesauchnurnochdreiSchrittebisdasGerichtfertiggestelltist.HiererfolgtdieAuswahlderGrundzutat,derZusatzzutatensowieExtras.
DiegesamteZusammenstellungdesGerichtserfolgtkinderleichtundweisteinengewissenSpaßfaktorauf,denndieEinzelzutatenwerdenSchrittfürSchrittperDrag-and-dropplatziert.Sowirdnachundnachbeispielsweiseeineganzindividuelle Pizza erstellt.
DamitunsereAnwendungnachderBestellungbeimUsernichtinVergessenheitgerät,tauchtkurzvorDurchführungderBestellungeinCall-to-actionauf,welcherübereinGewinnspielinformiert,beidemderNutzerdieMöglichkeithat,fürdienächsteBestellungeinenGutscheinzugewinnen.Dadurcherhoffenwiruns,dasseszueinerlängerfristigenKundenbindungkommtundderUserregelmäßigaufunserenBestelldienstzurückgreift.
3.1 ZIELGRUPPE 6Die Hauptzielgruppe unserer Anwendung bezieht sich auf junge Menschen zwischen 16-45 Jahren. Sie sind berufstä-tigoderStudentenundhabeneinenstressigenAlltag.DieZielgruppeistsehrneugierigundoffenfürneues,insbeson-dereinBezugaufdiedigitaleWelt.SielegtWertaufaufMinimalismus,EinfachheitundQualität.
Dadurch,dassdieGerichteunserer„FoodFactory“,unabhängigvonderAuswahlderZutaten,immereinengleichblei-bendenPreis(Burger9,-€,Sushi10,-€,Pizza11,-€)haben,gehenwirauchaufMenschenmiteinemgewissenQuali-tätsbewusstsein,diejedocheingeringesBudgethaben,ein(zumBeispielStudenten)–denngutesEssenmussnichtteuer sein.
Eine Nebenzielgruppe stellt aber auch Menschen Ü45 dar. Denn auch an Ihnen läuft die Digitalisierung nicht ganz spurlos vorbei. Dabei steigt das Interesse an digitalen Inhalten und Anwendungen kontinuierlich. Durch den simplen undselbsterklärendenAufbau,unterVerwendungvonaussagekräftigenIcons,wirdauch„digitalenEinsteigern“derZugriffzur„FoodFactory“ermöglicht.
3.2 MARKT & USP 7In Bezug auf Online-Lieferdienste werden wir mit einem relativ gesättigten Markt konfrontiert. Sie haben schon seit geraumer Zeit den Anruf beim Lieferdienst von nebenan abgelöst.
MarktführeristdabeiderbekannteDienstvonLieferando,gefolgtvonweiterenServiceswieLieferheld,foodora,pizza.deunddeliveroo.Dabeiistjedochzuberücksichtigen,dassbeialldiesenDienstenkeineQualitätskontrolleinBezugaufdieLebensmittelerfolgt,dennhierwirdlediglichaufdasWarenangebotderregistriertenRestaurantszu-rückgegriffen.DemUserwerdenschließlich,meistensdurchGeo-TrackingoderEingabederPostleitzahl,dieDiensteundRestaurantsderUmgebungangezeigt,beideneneineBestellungmöglichist.
Wirvon„FoodFactory“habenjedochnichtnureineAnwendungentwickelt,sondernstehenauchselbsthinterdemHerd–Warum?WeilwirEssenliebenundQualitätanersterStellesteht!
EinweitererUSPunsererAnwendungist,dasswirbeimBestellvorgangdemNutzerInteraktivitätundSpaßbieten,wodurch die gesamte Bestellung zu einem multimedialen Erlebnis wird. Das kann bisher keiner der oben genannten Konkurrentenbieten.WiebereitsimVorworterwähnt,werdendabeidieeinzelnenZutatenperDrag-and-dropaufeineFläche platziert bis nach und nach das Wunschgericht zusammengestellt ist. Damit ist bereits Spaß und Lust auf das selbsterstellte Essen vor der eigentlichen Auslieferung des Gerichts garantiert.
4. ZEITPLAN 8
Januar Februar März April Mai Juni JuliProzesse Wer 10.01. 11.01. 18.01. 24.01. 25.01. 01.02. 08.02. 15.02. 22.02. 15.03. 23.03. 29.03. 05.04. 19.04. 26.04. 03.05. 10.05. 17.05. 24.05. 31.05. 07.06. 14.06. 21.06. 28.06. 05.07.
Ideenfindung AlleAufgabeneinteilung Alle1.DrehbuchKonzept AlleZielgruppe AlleMarkt&USP AlleZeitplan FranziskaStrukturplan&Navigation IvaBeschreibungderInhalte AlleScribbles IvaScreendesign IvaTypogramm AlleLogo Iva,MelanieFoto,Musik&Videos FranziskaQuellenverzeichnis AlleErstellungDrehbuch IvaAbgabeDrehbuch Alle2.MediatorBildrecherche IvaMusikrecherche MelanieVideorecherche AlleLieferservicerecherche AlleFormatierungMaterialien Alle3.ZwischenberichtUmsetzung AlleSeitenanlegen AlleLayout&Strukturplan AlleInhalteeinfügen AlleProgrammierung AlleTestläufe AlleVerbesserungen Alle4.FinalisierungProjekt
4. ZEITPLAN 9ZuBeginndesProjektskamenalleTeammitgliederzusammen,umdieGrundideeunddasKonzeptgrobauszuarbei-ten und eine gerechte und sinnvolle Aufgabenverteilung auf die Beine zu stellen.
Bei der Erstellung des Drehbuchs haben wir zum größten Teil die Einzelpunkte gemeinsam erarbeitet und in Stich-punktenfestgehalten.EinedetaillierteRechercheunddietextlichfinaleAusarbeitungwurdejenachStärkedereinzelnenMitgliederaufgeteilt.EinzelneBereiche,wiederPunkt„Gestaltung“,wurdenaufeinePersonübertragen,sodass hier ein roter Faden erkennbar ist.
DenProjekt-Abschnitt„UmsetzunginMediator“habenwirebenfallsinunseremTeamaufgeteilt.DieMasterseitenwerdenzusammenerstellt,diedetaillierteUmsetzungderUnterseitenwirdgesplittet.DiedreiKategorie-SeitenPizza,SushiundBurgerwurdengerechtverteilt,dajedereineSeiteumsetzensollte-derAufbauistjeweilsgleich,daalledreiSeitediegleicheMasterseitehaben.SosindalleKapazitätengleichausgelastet.
Wie bei der Booklet-Erstellung stehen wir im ständigen Austausch miteinander. Am Anfang jeder Schulstunde wird jederüberdenaktuellenStatusderaufgeteiltenBereicheinformiert,sodassalleaufdemgleichenStandsind.EtwaskomplexereSchritte,wiedieProgrammierungdesGewinnspiels,erfolgenzunächstimTeamundwerdennachBedarfin kleinere Teilprozesse aufgeteilt.
5. STRUKTUR & NAVIGATION 10
Home
Pizza Dough Meat/Vegi VegetablesShopping Cart Confirmation
Shopping Cart Competition Confirmation
Sushi Type Fish SpecialShopping Cart Confirmation
Shopping Cart Competition Confirmation
Burger Bun Patty ToppingsShopping Cart Confirmation
Shopping Cart Competition Confirmation
VonderHome-SeitegelangtderUseraufeinederdreiAuswahlseiten.HierhatderNutzerdieMöglichkeit,jeweilsdreiZutatenzuwählen,welchedurchDrag-and-dropeingefügtwerden.AnhanddesZurück-ButtonshatderNutzerimmerdie Möglichkeit zur Startseite zu gelangen.
IstdasEssenzusammengestellt,gelangtmandurchKlickauf„IndenWarenkorb“aufdieUnterseite„ShoppingCart“.Der User kann hier durch den Bearbeiten-Button Änderungen an einzelnen Artikeln vornehmen oder durch den Löschen-Button Artikel aus dem Warenkorb entfernen.
BeiKlickaufeinesderdreiIconsimFooter-BereichkommtmanaufdiejeweiligeAuswahlseitePizza,SushioderBur-ger und kann zusätzlich ein weiteres Gericht auswählen oder durch Klick auf das Logo auf die Startseite gelangen.
5. STRUKTUR & NAVIGATION 11IstderUsermitderBestellungzufriedenundklicktauf„Jetztbestellen“tauchtderLayer“Competition”auf,woderNutzervorAbschlussderBestellungdieMöglichkeithat,beieinemGewinnspielteilzunehmen.DurchKlickauf“Ja,ichnehmeteil.”öffnetsichindemLayereineneueSeite,womandieGewinnspiel-FragedurchKlickaufeinedervierAntwortmöglichkeitenbeantwortet.DanachkannmanmitderBestellungfortfahren,indemmanauf„Jetztbestellen!“klickt.WähltmanjedochperMausklick“Nein,danke”aus,schließtsichderGewinnspiel-Layerundmankanneben-fallsdurchKlickauf„Jetztbestellen!“dieBestellungfinalisieren.
AnschließendgelangtderUseraufdieUnterseite„Confirmation“.HierfügtderNutzerseinepersönlichenDatenindiejeweiligenFelderein,wähltdurchKlickdieBezahlmethodeausundbestätigtdieBestellung,indemman„Jetztkau-fen“klickt.
NacherfolgreichemAbschlusserscheinteinLayermitderNachricht„VielenDankfürIhrenEinkaufbeiderFoodFac-tory!“,derdenBestellprozessbeendet.DerUserkannnundieSeiteschließen.
6. GESTALTUNG 12GanzimGegensatzzurKonkurrenz,dievisuellstarkaufvieleundmeistgrelleFarbensetzt,haltenwirunsgestalterisch minimalistisch und dezent.
WirverwendengrößtenteilsdieFarbenSchwarzundWeiß,setzenkaumStörereinundbenutzenwenigText.
DieAufmerksamkeitsollgezieltaufdieinteraktiveGericht-Unterseitegelenktwerden,woderUserdurchDrag-and-drop seine eigenen Gerichte herstellt.
6.1 LOGO 13
AlsLogoverwendenwireineWort-BildmarkebestehendausdemNamenunseresLieferdienstes„FoodFactory“,demClaim„Foodmadewithlove.“sowiederbildlichenZusammenstellungunsererdreiGerichteinFormvonIcons.
Insbesondere die bildliche Dreier-Konstellation sowie die prägnante Schrift der Headline dominieren.
FOOD MADE WITH LOVE.FOOD FACTORY
6.2 SCRIBBLES 14
6.3 SCREENDESIGN/INHALTE 15
AufunsererStartseiteentdecktderUserdirektalledreiGericht-Kategorien,dieangebotenwerden:Pizza,SushiundBurger. Diese werden als drei unterschiedlich farbige Icons demonstriert. Die Verwendung dieser Icons zieht sich stringent durch die gesamte Anwendung. Durch Klick auf einen der drei Symbole gelangt der User auf die jeweilige Unterseite.
HOME
6.3 SCREENDESIGN/INHALTE 16
Die Kategorie-Seiten bestehen immer aus drei Blöcken mit verschiedenen Zutaten-Katerogien. Gelangt der User bei-spielsweiseaufdieMaster-Pizza-Seite,haternundieMöglichkeit,seinePizzaausdreiKategorien(Teigart,Fleisch/vegetarischeZutatenundGemüse)zusammenzustellen.JedeEinzelnebeinhaltetwiederumdreiMöglichkeiten(BeispielGemüse:Champignons,Mais,Paprika).DurchDrag-and-dropwerdennunSchrittfürSchrittdieEinzelzutatenaufdasnochleerePizza-Symbolgezogenundvervollständigt.DieserVorgangkannbeliebigoftwiederholtwerden,bisder User mit seiner Auswahl zufrieden ist und seine Lieblingspizza in den Warenkorb legt.
PIZZA-SEITE
6.3 SCREENDESIGN/INHALTE 17
DanachgelangteraufdieBestellübersichtsseite,wodieausgewähltenGerichte,inklusiveeinzelneZutaten,aufgelis-tetsind.MöchtederUserbeispielweisedieZutatendesBurgersverändern,kommterdurchdenBearbeiten-ButtonaufdieBurger-SeiteundkanndieÄnderungenvornehmen.MöchteerbloßeinestattzweiPizzen,kannereinePizzadurch den Löschen-Button aus dem Warenkorb entfernen. Möchte der Nutzer zusätzlich ein weiteres Gericht bestel-len,kanneraufdenjeweiligenGerichte-ButtonimFooterklicken.SogelangtererneutaufdiePizza-,Burger-oderSushi-Seite. Die einzelnen Preise der ausgewählten Gerichte werden addiert und ein Gesamtpreis abgebildet. Ist der UsermitseinerAuswahlzufriedenkanneraufden„Jetztbestellen!“-ButtonseineBestellungaufgeben.
WARENKORB
6.3 SCREENDESIGN/INHALTE 18
BevordieBestellungfinalabgeschlossenwird,erscheintaufderBestellübersichts-MasterseiteeinLayer,welcherdenNutzerübereinGewinnspielaufmerksammacht.EntscheidetersichfürdieTeilnahmeamGewinnspiel,tauchtimLayereineTippfrageinBezugaufEssenauf,wiezumBeispiel„WelchenDurchmesserhatdiegrößtePizzaderWelt?“.DemUserwerdenunterderFragevierAuswahlmöglichkeitengeboten.BeiAuswahlderfalschenAntwortwirddieseRotmarkiertunddieRichtigeGrünhinterlegt.DesWeiterenerscheinteinText,esdochbeidernächstenBestel-lungnochmalszuversuchen.ÜberdenButton„Bestellungabschließen“kanndieBestellungabgeschicktwerden.
GEWINNSPIEL
6.3 SCREENDESIGN/INHALTE 19WardieAuswahlderAntwortrichtig,wirdderNutzerzumGewinnbeglückwünschtundihmwirdineinemweiterenLayereindigitalerGutscheincodeeingeblendet,derbeidernächstenBestellungeingelöstwerdenkann.BeiKlickauf„Bestellungabschließen“wirddieBestellungfinalisiertundmanwirdaufdasKontaktformularweitergeleitet.LehntderNutzerdieTeilnahmeamGewinnspielab,indemerauf“Nein,danke.”klickt,gelangterdirektzumnächstenSchritt.
AufderKontaktformular-MasterseitegibtmanseinepersönlichenDatenein,wähltdieBezahlmethode(Kreditkarte,Paypal,Sofort-ÜberweisungoderBarzahlung)ausundschließtdieBestellungdurchMausklickauf„Jetztkaufen“ab,woabschließenddieNachricht„VielenDankfürdeineBestellungbeiderFoodFactory!“erscheint.
6.4 FARBEN 20
BeiderfarblichenGestaltungunsererAnwendungdominirendieunbuntenFarbenSchwarz(RGB0|0|0),Grau(RGB219|219|219)undWeiß(RGB255|255|255),umvisuell,genauwieunserKonzept,minimalistischundsimpel aufzutreten.
DieFarbenRot(RGB233|149|143),Blau(RGB157|198|216)sowieGrün(RGB125|207|182)werdenbeidendreiIcons,welchediedreiGerichtedarstellen,eingesetzt.UmdenperfektenMittelwegzwischenunbuntundgrellzufin-den,wurdenFarbenmiteinemhohenWeißanteilgewählt:Pastellfarben.DiedreigewähltenFarbtönesindzart,mar-kant und haben einen hohen Wiedererkennungswert. Bekannte Designer wie Marc by Marc Jacobs setzen Pastellfar-benbevorzugtfüreinenjugendlichenLookein,passendzuunsererZielgruppe.
R: 0G: 0B: 0
R: 219G: 219B: 219
R: 255G: 255B: 255
R: 223G: 149B: 143
R: 157G: 198B: 216
R: 125G: 207B: 182
6.5 TYPOGRAFIE 21Cheri Liney Regularabcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 .-!?&%
FFF Mediumabcdefghijklmnopqrstuvwxyz.,/-!?&%
FFF Tusj BoldabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 .,/-!?&%
Helvetica Neue LightabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 .,/-!?&%
Helvetica Neue MediumabcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 .,/-!?&%
InBezugaufdieTypografiehabenwirunsfürfünfunterschiedlicheSchriftartenentschieden.FürdieWortmarke„FoodFactory“unddieCall-to-action-Buttons„IndenEinkaufswagen“und„Jetztbestellen!“wirddieSchriftCheryLineyverwendetunddamiteinsehrauffälligerFont,welcherdasSpielerischeundInteraktiveunse-rerAnwendungwiederspiegelt.DiePunzenderCheryLineysindherzförmigundunterstützendamitgleichzeitigunse-renClaim„Foodmadewithlove“.FürdiesenwurdedieSchriftFFFMediumverwendet.SieistimGegensatzzuCheryLineynichtverspielt,umbewussteineninteressantenKontrastzwischenderWortmarkeunddemClaimzuschaffen.FürdenStörertextwirdderFontFFFTusjBoldgewählt,welchereinenhandschriftlichenLookhat,umauffälligzuwirken.DieHeadlineswerdeninHelveticaNeueMediumundderCopytextinHelveticaNeueLightdargestellt,dahiermit einer serifenlosen Schrift der Fokus schlichtweg auf gute Lesbarkeit im Web gelegt wird.
6.6 MUSIK & SOUND 22UmdenspielerischenCharakterdesBestellprozesseszuunterstützen,arbeitenwiraneinigenStellengezieltmitSounds,wiezumBeispielbeiderPlatzierungdereinzelnenZutatenaufdemGerichtunddemBestätigenderBestel-lung. Dabei passen wir die Töne individuell auf das jeweilige Gericht an.
Sound-IdeenbeiderZubereitungeinesBurgerswärenbeispielsweisedasGeräusch,wennFleischangebratenwird.Bei der Zubereitung von Sushi könnten beispielsweise japanische Klänge ertönen.
7. QUELLENVERZEICHNIS 23Fonts:http://www.dafont.com/de/
Musik/Sound:https://audiojungle.net/category/soundhttps://www.premiumbeat.com/royalty-free-music?gclid=CjwKEAiAlZDFBRCKncm67qihiHwSJABtoNIgMleZYy-j3jS-3R9n8vpWDT-8XO_XjiNsNjM9xdra6vBoCsajw_wcB
Marktrecherche/USP/allgemeine Infos:http://www.gruenderblatt.de/eigener-lieferdienst-964.htmhttp://www.zukunftsinstitut.de/artikel/health-trends/http://www.computerwoche.de/a/lieferservice-apps-im-test-was-taugen-lieferheld-pizza-de-deliveroo-und-co,3329430http://www.zeit.de/hamburg/politik-wirtschaft/2016-06/lieferservice-apps-hamburg-werbunghttps://de.statista.com/statistik/daten/studie/539855/umfrage/lieferdienste-mit-dem-hoechsten-anteil-an-den-werbe-ausgaben/
8. SCHLUSSWORT 24
DieErstellungdiesesDrehbuchszuunsererWeb-Anwendung,hatunsermöglichtunsereIdeenzukonkretisierenundunser Konzept genauestens zu durchdenken und zu planen.
Sicheristdennoch,dasseswährendderUmsetzungauchmalzuProblemenkommenkann,welchenwirunsjedochstellenwerden,umunsereIdeevoneinemqualitativhochwertigenundeinzigartigemLieferservicezuverwirklichen.
Wirsindvonder„FoodFactory“überzeugt–undwirhoffenSieebenso.
BON APETIT!