Cindie Mortensen, Merete Koudahl, Pernille Tramp Webdesign, gruppeprojekt exercise 7. Menu A/S



Relaterede dokumenter
GRAFISK DESIGN. Diner no. 34 Hjemmeside + Visuel identitet

Opgaven. Brugervenlighed. Designparametre. Følgende krav var : Research. Målgruppe. Konklusion. sitet ikke bliver for mørkt.

Delaflevering. De Digitale Hippier. Indhold. Frank Holdt og Linh Tran

Introduktion til problemfelt. Konceptbeskrivelse

kollegiekokkenet.tmpdesign.dk Side 1

Førsteårsprøven Projektbeskrivelse 2. Semester Multimediedesigner

Gruppe 15. Redesign af bageriet FeelGood Bakery s website. Gruppen Består af: Nanna Søderquist Christian Thorsø Rolf Josephsen Søren Henrik Wilhardt

Sundhedsapp.dk. - I hvor høj grad, skal vi have fokus på de potentielle brugere af websitet?

Delaflevering. Webdesign og webkommunikation, (hold 2), IT Universitetet, f2011. Kim Yde, Kenneth Hansen,

Et krav til portfolien var at det skulle udvikles fra bunden uden brug af CSS-frameworks, samt HTML og CSS skulle valideres uden fejl.

Delaflevering, 8. november

GRUPPE. Ann Hellestrup Johannsen Clara Terese Abel Hagelund Lina Hansen Monica Jannerup Lund

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Grafisk produktion & workflow

eksamensprojekt 2. sem

OBH NORDICA Tilbud på redesign og implementering af webløsning

Multimediedesigner. Vedvarende. energi

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

Re-design af Bøssehusets hjemmeside Webdesign og webkommunikation, F2012 Iben Kold Thomsen (hold 1) & Morten Mechlenborg Nørulf (hold 2)

GRAFISK WORKFLOW. Kasper Staal - Portfolio - H2

1 SVENDEPRØVE 2016 GRAFISK DESIGN GRAFISK DESIGN

Stine Dorry Meulengracht Madsen Rapport Multimedie og kommunikation

Hvordan kan vi designe et website til studenterorganisationen Analog café?

Eksamenscase: Cevea delaflevering

Grafisk Design 70% Skitser

WBS. Inledning. Afsluttende projekt 1. sem

Projekt 1 Re-design af Odense Bunkermuseum

GRAFISK DESIGN CAMILLA VINTER

Ugeopgave uge 40 Hold A

Projekt: Kend dine brugere. Tr09mul02 Andreas Münter Jesper Hansen Tommy Pedersen Robin Hansen

Delaflevering FUA.4 Betina Korsbro, Mi Louise Hansen, Jesper Led Lauridsen og Knud Back

Rapport for Redesign af virksomheden Feelgood Bakery

Grafisk workflow. bl.udbudsnet.dk

Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016

Grundforløbsprøve Projektbeskrivelse

Making the world smile

FRISØR VEST. Link til hjemmesiden: Frisorvest.github.io. Lavet af: Aleksander, Benjamin, Line & Cathrine

1. Semester afsluttende Projekt Charlotte Bruhn MUL A December Januar 2015

Analyse-opgave. Af: Simon Packness, Kristian Sevel, Olga Batrakova & Line Ingdam. Indhold: Kommunikation. Persona. Styletile.

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Delaflevering: Webdesign og webkommunikation. Organisation: Københavns Erhvervsakademi. Af Silke Brewster Rosendahl (hold 1) og Marie Anne Svendsen

Målgruppe Mænd og kvinder i alderen 30 til 60 år, som er interesret i selvudvikling og ønsker et sundt arbejds- og privat liv.

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

CPH Queerfestival Line Thaarup, Henrik Holm Olsen, Kim Louis Køhrsen, Jane Hedegaard Laren

MARIA SKAU MADSEN SVENDEPRØVE

RÅD TIL BEDRE MARKEDSFØRING. Overblik - Tryghed - Sikkerhed

PROJEKTET LAYOUT IDEUDVIKLING - PROCESS FRA IDÉ TIL PRODUKT

Gruppe: Julie Rasmussen, Laura Kongaa, Naja Lynge & Sophie Krogh Hold: B

GRAFISK DESIGN SVENDEPRØVE Redesign & kodning af website PETER HOLM SVENDEPRØVE 2013 / 5

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

Grafisk Workflow. hovedforløb 2

Grafisk Design. fra idé til visuelt udtryk Benett

Eksamensprojekt i Web design og web kommunikation - E2011 hold 2

GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen

grafisk design Se webappen på din mobil

PROJEKTOPGAVE -Et brugervenligt website af: Michéla, Mathilde, Christian & Andreas

Kend dine brugere. Om brugertest. 2 sem., feb Multimediedesigner, København nord

MULTIMEDIEDESIGNER 1. ÅRS PRØVE

Projekt oplæg 1. Plakatopgave Reklame og segmentering

GRAFISK PRODUKTIONSFORSTÅELSE

OM AT KOMMUNIKERE MED GRAFIK

LEDIG JOURNALIST? Gruppe 9 2 semester 1 projekt: Website Janni, Jens, Morten & Mikael

TESTPLAN: SENIORLANDS WEBSHOP

Michella+Serritzlew+Jacobsen+

Tjekliste til en professionel hjemmeside

GRAFISK PRODUKTION & WORKFLOW. Endotest website

BRUGERVENLIG EMBALLAGE Processen trin for trin

Analyse af website: cinnobershop.dk

Jonas Krogslund Jensen Iben Michalik

GRAFISK WORKFLOW WEBSITE - CHOCOADDICT

Projekt 5 - Porfolio Redesign

Transkript:

Menu A/S Problemfelt MENU A/S (MENU) er en dansk design virksomhed og producent. MENU har specialiseret sig indenfor skandinavisk design samt deres evige stræben efter at lave noget originalt. De repræsenterer den mere moderne og designbevidste del af befolkningen. MENU har et bredt spektre af produkter, der strækker sig fra living, dining og til outdoor. MENUs produkter forhandles bl.a. i butikker som Inspiration, Imerco og Magasin i Danmark. Med andre ord er deres produkter let tilgængelige. MENUs website henvender sig primært til nuværende samarbejdspartnere og potentielle forhandlere. Det kan imidlertid være svært at gennemskue produkternes funktioner og egenskaber, da billedkvaliteten og - størrelsen er lille. Desuden mangler der specifikke produktbeskrivelser på mange af produkterne, hvilket potentielt efterlader den besøgende med ubesvarede spørgsmål. Slutforbrugerne kan formentlig heller ikke gemmeskue alle produkterne funktioner samt mængden af produkter på websitet, da der ingen søgefunktion er. Endnu et problem med websitet er, at forhandlerlisten er svær at finde. Dertil fremstår websitet på en blanding af dansk og engelsk. Dvs. Sproget er ikke strømlinet. Hvis MENU henvender sig mere direkte til slutbrugeren, fx via en webshop og bedre fremstilling af deres produkter, mener vi at der er god grobund for at kunne skabe større omsætning og kundedatabase. Problemformulering Hvordan kan en optimering af MENUs website samt evt. implementering af webshop skabe større værdi for både slutbrugeren, b2b- kunder og virksomheden? Metode Der vil blive anvendt en iterativ projektmodel, hvorved det er muligt at kunne rette eventuelle fejl eller mangler samt forbedre websitets funktioner løbende. Ved at anvende en iterativ projektmodel, som fx Scrum bliver projektet til en løbende proces. Dette er en fordel, da softwareudvikling kan være kompliceret og til tider uforudsigeligt. Ved Scrum modellen er der ingen fast rækkefølge for hvilken aktivitet der skal startes først, hvorved projektstyringen kan være meget mere fleksibel og produktiv. Vi vil forsøge at anvende vores tid optimalt og løbende rette kravene, således at outputtet vil blive det mest optimale og funktionelle. 1

Trin 1: Idéfasen Trin 6: Konklusion & evaluering Trin 2: ProblemidentiEikation Trin 5: Skriveproces & Redesign Trin 3: Research analyse Trin 4: Tilpasning af projekt Indledningsvis vil vi foretage et interview med ansatte hos MENU for, at besvare de problemstillinger vi finder på websitet i dag. Herefter vil bearbejde den feedback vi har fået tilbage og derefter lave målgruppeanalyse samt personas. Først herefter vil det være muligt at udarbejde et moodboard, wireframes samt mockups, som vi vil lave brugerundersøgelser på. Om muligt ift. Tidsplanen vil vi lave en brugertest igen på vores afsluttende design. Teori Ved at gøre brug af html5 og css3, vil vi designe et nyt layout til MENUs website. Vi vil fokusere på, at fremhæve MENUs produkter og deres egenskaber. Ved hjælp af personas vil vi beskrive målgruppen og bevæggrunden for, at redesigne navigationen af hjemmesiden. Vi vil desuden gøre brug af relevant teori fra undervisningen. Projektplan Alle tre gruppemedlemmer har et deltidsjob ca. 15 timer om ugen, men vi har alle sammen den samme indstilling, at produktet skal blive godt, og er derfor indstillet på at give en masse tid og hårdt arbejde i projektet. En foreløbig disposition af projektrapporten ser således ud; 1. Indledning 2. Problemfelt og problemformulering 3. Virksomheds og dens produkter præsentation (max 1/2 side) 4. Metode i. HTML & CSS ii. Wireframes, moodboard og mockups iii. Empiri iv. Brugerinddragelse (målgruppe analyse) 5. Analyse i. Målgruppe ii. Analysemodel iii. Brugertest 2

iv. Strukturen (wireframe) 6. Designkoncept i. Formål ii. Layout (grafik, font, gestalt- principper etc.) iii. Struktur og navigation 7. Konklusion 8. Perspektivering i. Webshop 9. Bilag i. Moodboard ii. Wireframes iii. Mockup iv. Screen dumps af siderne v. HMTL koden vi. CSS koden MÅLGRUPPE MENU henvender sig primært til kvinder i alderen 20-60+. Men da deres design er enkelt og strømlinet henvender de sig ikke udelukkende til kvinder. Vi vil derfor tage udgangspunkt i 2-3 personas. Persona eksempel 1 Anne Mølgaard er ansat i Illum som indkøber og har en baggrund fra Copenhagen Business School, hvor hun har studeret cand.merc.(kom.). Anne er 41 år og bor med sin mand og sin 14 årige datter, Clara, i Hillerød. Anne går meget op i morgnerne og værdsætter utroligt højt, at hende og Clara spiser sammen. Hendes mand, Peter, er pilot og er ikke meget hjemme. Anne og Clara bruger meget tid på løb og specielt Anne har gennemført to marathoner. Når Peter er hjemme elsker de, at dele en flaske god vin i weekenderne. Anne sætter stor pris på minimalisme og funktionalitet samt lækkert design og nyder, at tage en tur på Louisiana med familien. Persona 2 Denne persona er endnu ikke udarbejdet, men vi forestiller os en yngre mand i alderen 25-35. 3

DESIGNKONCEPTET Visuelt udtryk Nedenfor har vi lavet et moodboard i en stil, som vi godt kunne tænke os at fremstille. Moodboardet visualiserer MENUs produkter, designer og overordnede udtryk. Vi regner med at bibeholde et enkelt design, ligesom MENUs egne produkter. Vi stiler efter at designe et mere brugervenligt website, hvor det er let at finde frem til det produkt, som brugeren ønsker. Font MENU bruger font- familien Verdana, Arial, Helvetica, sans- serif, som vi vil overveje at genbruge, men den endelige beslutning er endnu ikke taget. Persuasive design Dette afsnit skal tage udgangspunkt i B.J Fogg og Jens Hoffmann Hansen. Afsnittet er stadig under udarbejdelse. Redesignets fornemmeste opgave er visuelt at udtrykke MENU A/S koncept i endnu højere grad end det nuværende website formår. Dvs. fokus med et redesign af www.menu.as er, at sætte deres mange produkter i centrum. Dette bliver suppleret op med call- to- actions, der skal bringe den besøgende et skridt tættere på at foretage en 4

konvertering. I dette tilfælde, at placere en ordre på webshoppen. De nævnte call- to- actions skal naturligvis også hjælpe den besøgende med at nå sit ønskede mål - fx opdage nye produkter eller at placere en ordre. Konteksten har stor betydning for de besøgendes oplevelse af websitet. Derfor er sidestrukturen holdt i et minimalistisk udseende, hvilket går hånd i hånd med MENUs mange enkle designprodukter. Dette efterlader den besøgende med en kvalitetsopfattelse af MENU, som tidligere har været savnet på deres website. Formålet med et redesign er endvidere, at ændre på den adfærd de nuværende besøgende har på websitet. Websitet er svært at navigere rundt på og virker uoverskuelig. Dvs. Formålet og ønsket med redesignet er, at motivere de besøgende til at foretage et køb. Dette gøres ved visuelt at supplere produkterne på websitet med lignende produkter samt andre har også købt. Vi forholder os derfor til motivationsstrategien funktionelle behov, hvor fokus er på usability som motivationsfaktor. For at opfylde dette skal bl.a. webshoppen være let tilgængelig, fx via Adwords eller Google. Hertil skal websitet/webshoppen have en simpel og basal struktur med information de rette steder. Sprogligt skal teksten være kort og relevant. Slutteligt er de visuelle elementer i centrum. Oplæg til vejledning Vi har booket tre vejledningsmøder sidst i perioden, hvor det første møde er den 26 april. Vi har endnu ikke nogle konkrete punkter til vejledningen, da vi stadig er meget tidlig i processen. Vi er tre piger i gruppen, som ikke har den store erfaring med programmering eller design på et højere plan, men har dog fået viden og know- how igennem undervisningen og deltidsjobbet. Desuden vil vi trække på andre design studerende, som kan være behjælpelig med eventuelle kode problemer el. lign. 5