Mediegrafiker hf 1, Sascha Petersen. Grafisk design. Wireframe & skitse. 1 - Page 1. Flowchart. Start. Opret bruger/login Forside Mad i din by.

Transkript

1 Wireframe & skitse 1 - Page 1 Flowchart Start Opret bruger/login Forside Mad i din by Side 1

2 Moodboard til app & logo Skrifttyper Dandeleon Vintage Demo Montserrat regular Farver Sort/grå Hex: #3F3F3F Rgb: CMYK: 66% 56% 53% 57% Hvid Hex: #FFFFFF Rgb: CMYK: 0% x4 Side 2

3 Mediegrafiker hf 1, Sascha Petersen Side 3

4 Logo workflow Research af firma Ring til kunden omkring evt ønsker Inspiration Brainstorm Skitser Valg af fonte hvis ikke håndskrevet logo. Rentegning af et par logoer Create outline Send til kunde Lav evt rettelser Konverter til Rgb & cmyk og gem i jpg, png, pdf & eps. - Evt også svg hvis kunden ønsker dette. * Eps (Encapsulated Post- Script) er den fil der fungerer bedst til print. Det er en ikke-komprimeret filformat (Alle punkter er skrevet i filen). * SVG (Scalable Vector Graphics) er en vektor baseret grafik som er beskrevet i xml. Svg er skalerbar og taber derfor ikke kvalitet ved skalering. Side 4

5 Design workflow Briefing Research Inspiration Skitsering Wireframe Produkt design Feedback Lav evt rettelser og vend tilbage til kunden For at få appen i mål Programmering af appen Send til kunden Sidste rettelser Live Programmer Ninjamockup har jeg brugt til opsætning af wireframe efter papir skitse. Derefter har jeg brugt Photoshop til opsætning af selve designet. Til logoet har jeg brugt illustrator, da et logo skal laves i vektorgrafik så det er skalerbart. Til sidst har jeg til visning af mockup et brugt invision. Deri kan kunden også kommentere og komme med evt tilføjelser. Briefing Foodshare er et nyopstartet bureau, som har fokus på at stoppe madspild. Dette gjorde at de kom på ideen foodshare, som går ud på at, hvis man har mad i overskud fx. efter en fest, man lige fik lavet for stor en portion, skal til at flytte og ikke gider at tage dåsemad eller lignende med, kan man dele det med nogle i sin omegn. De vil gerne have en app der udstråle natur & miljø med et moderne pift. Research Inden jeg gik i gang med designet skulle jeg danne foodshare s visuelle identitet og finde ud af hvem deres målgruppe er. Dette gjorde jeg blandt andet ved at danne mig et overblik over hvem lignende firmaer. Derefter kiggede jeg på hvad der fungerede for dem og hvad kunne foodshare gøre anderledes. Jeg ville gerne hjælpe foodshare med at lokke så mange brugere hen på platformen som muligt. Overvejelser Appen skal være let tilgængelig og brugervenlig, men stadig så der er noget persondatabeskyttelse på så der ikke står nogen direkte adresse på folk. Dette skal de oplyse, ved at give en godkendelse til at den enkelte bruger må se adressen, når maden bliver afhentet Tanken er at man opretter en bruger med ens adresse hvor man løbende kan ligge mad op. Stil og stemning: Stilen på appen skal være let overskuelig. Step 1 vil være at man opretter en bruger. Dette vil man gøre via sin facebook account eller google+ bruger. Dette vil gøre at man hurtigt kommer i gang og at det er let og overskueligt for brugeren. Appen skal hovedsageligt være præget af billeder af mad, men have et lidt retro look men med et moderne touch. Da det er en app og den dermed vil køre på mobilen vil der ingen hovereffekter være, da hovere ikke fungere optimalt på mobil/touch baseret platforme. Side 5

6 Målgruppe Foodshare henvender sig hovedsageligt til unge og folk der har lidt mindre at gøre godt med såsom studerende og kontanthjælpsmodtagere men også folk der går op i miljøet og ønsker at stoppe det stigende problem der er ved madspild. Hvem Foodshare, er en app der skal hjælpe med at stoppe madspild. Dette vil de gøre i form at folk kan dele det mad de har til overs, fremfor at smide maden ud og lade det gå til spilde. Hvad Opgaven lød på at designe en app, hvor folk kan dele det mad de har i overskud, med folk fra deres omegn. Den overskydende mad kan være fra en fest, når man skal til at flytte eller bare er kommet til at lave eller købe for meget mad, som man ikke får brugt. Hvorfor Danmark smider for meget mad ud og der syntes foodshare skal stoppes. Ikke nok med at det vil hjælpe på miljøet kan man også hjælpe folk der har mindre at gøre godt med. Der findes mange lignende apps såsom too good to go, men ikke nogen, hvor det er private der deler det mad de har i overskud. Typografi Jeg har valgt grotesk/sans serif fonten Montserrat til alt brødtekst og overskrifter. Dette har jeg gjort for at give et mere moderne og minimalistisk udtryk, men også pga tekst uden seriffer generelt fungerer bedst på nettet, pga pixels er bygget op af små firkanter som dermed ikke kan lave rundinger lige så pænt som på eksempelvis tryk. Jeg har valgt at logoet skulle være det der gav det mere gammeldags retro look til appen. Valget faldt derfor på fonten Dandeleon Vintage Demo, med en kontrast af hovedfonten Montserrat, igen for at give noget madspild. Montserrat regular abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQR- STUVWXYZÆØÅ Montserrat bold abcdefghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQR- STUVWXYZÆØÅ Farver Hovedfarven på appen er grøn. Dette har jeg valgt da grøn symboliserer natur, vækst, og balance, som netop det foodshare har fokus på. Jeg har valgt en lidt mørkere grøn for at vise seriøsitet og styrke på samme tid med at appen skal se lidt ung og legende ud, da den hovedsageligt skal appellere til unge men også til et seriøst emne som miljø og forurening. Derudover har jeg valgt at bruge farven rød, som komplimentærfarven til grøn. Dette har jeg både gjort for at skabe en kontrast til den grønne farve men også for at symbolisere kærlighed for varme. Side 6