Cooklet LUCAS, MORTEN & STINE.

Transkript

1 2016 Cooklet LUCAS, MORTEN & STINE.

2 Indholdsfortegnelse Produktbeskrivelse Persona... 3 Mirvana modellen... 4 Swot analyse... 4 Styleguide... 5 Farvekoder:... 5 Tekst størrelser... 5 Hvad er der i layoutet på mobilsitet Fonts... 6 Kravspekation... 7 Skærmopløsning:... 7 Teknologi... 7 Effekter... 7 Sitemap... 9 Skitser... 9 Layout Mobil Wireframe

3 Produktbeskrivelse. Cooklet er en tablet der hjælper dig i køkkenet. Cooklet er en solid tablet, som er bygget til at kunne tåle at blive vasket og blive skåret på som et skærebræt. Der er indbygget Wi-Fi for at man kan bruge den til at finde evt. opskrifter eller bare fungere som robust tablet til mindre børn. Cooklet er rettet mod unge voksne med børn eller en som er madentusiast. Kan oplades via solceller som er et specialbygget cover som følger med. Produkt 1: Cooklet En robust tablet som kan klare at komme i opvaskemaskinen. Skærmen er bygget af et materiale som kan klare at blive skåret eller ridset i. Tabletten er beregnet til at kunne klare at blive brugt i køkkenet, selv af små børn uden at gå i stykker. Produkt 2; Cover Et cover til tabletten som ligner det man typisk har til en IPad. Klappen som skal dække skærmen sidder fast med magneter, så det kan tages af. Indersiden af klappen er en solcelle, som kan oplade telefonen. Coveret har en slags lås der gør at det ikke kan falde af. Det er en kliklås som sidder i toppen, det gør det mere sikkert så solcellepanelet ikke går i stykker hvis man taber sin tablet. Coveret er minimalistisk og simpelt med lidt hightech i sig. Coveret som kan tilkøbes til tabletten, har en solcelle i sig for at det skal være nemt at kunne oplade den når du er på farten. Produkt 3; Pind Her kan også tilkøbes en touch pind til mobilen samt tabletten. Touch pinden skal side i coveret. Når pinden sidder i coveret bliver den ladt op. Pinden kan fungere som et stegetermometer og kører via bluetooth til en app på tabletten eller mobilen. 2

4 Navn og alder: Jonas 18 år Persona Familiestatus: Single Bopæl/by: Roskilde i en andelslejlighed. Karriere: Maler. Transportmiddel: Han har fået en firmabil. Jonas er en dreng på 18 år og bor i Roskilde. Jonas er single men leder efter en kæreste når han har tid og går i byen med vennerne. Han er i gang med at uddanne sig til maler og mangler kun det sidste hovedforløb samt eksamen, før end han kan kalde sig svend. Jonas har firma bilen hjemme hos sig, da han henter en af svenden på vej til hovedkontoret. Når Jonas har fri bruger han 2 aftener og weekender på at være spejder leder. Ud over det spiller han også amerikansk fodbold en gang om ugen for at holde formen. Jonas bruger også meget tid på at være sammen med venner og familie. Han elsker at lave mad og finde nye spændende retter at servere for venner og familie. Han læser ikke så mange aviser eller blade, men når han enlig læser lidt er det mest BT og Ekstra Bladet han læser. Når han ser tv ser han typisk comedy for at slappe af med et godt grin, hans ynglings serie er Langt fra Las Vegas. Når han er hjemme går han typisk i T-shirts og jogging bukser, da han bliver træt af at have det samme arbejdstøj på hele dagen 3

5 Mirvana modellen Han er i det viollette område, da han er handy mand, han har en mellem høj indkomst. Her ses flest mænd som er i alderen år. Han lægger stor vægt på traditioner, og forbruget i hverdagen er forholdsvis højt. Han er ikke bange for havearbejde og gør-det-selv arbejde. Spejderfaget er hans store interesse. Han læser BT og Ekstra Bladet. Derudover nyder han underholdning på tv et. Såsom comedy og serien Langt fra las Vegas. Her stemmer på blå blok. Det er typisk Dansk Folkeparti, som falder i hans smag. Swot analyse Vandtæt Holdbar Støvtæt Skærmopløsningen Reparation Udskiftning af komponenter Prisen Opfinde nye produkter Større salg Udvidelse Konkurrenter Leverandør/system Mobilsælgere 4

6 Styleguide Farvekoder: Grøn #00C300 Brun #805A45 Orange #FA5c0E Sort # Grå # Tekst størrelser Banner i headeren Nav Links Images Tekst Overskrifter Teksten 120 pixel 75 px 380px width Margin 30px (på hver side af tekst boksen) Margin 30px (på hver side af tekst boksen) 40 pixel pixel Hvad er der i layoutet på mobilsitet. I headeren er der et logo samt overskrift I nav en er der en burgermenu. I bodyen er der 3 links til vores produkter med billeder tekst. I Footeren er der copyright. 5

7 Fonts Montserrat bruges til overskriften da den er let læselig og ikke alt for nymodernet. Verala round har vi valgt at bruge til vores tekster da den matcher godt med overskriften og er let læselig 6

8 Hvad er der i undersiderne? Headeren og Footeren er det samme som forsiden, Tablet: I bodyen er der et billede af en tablet, samt 2 grå bokse hvor der er information om produktet. Cover: I bodyen er der et billede af et cover samt 2 grå bokse hvor der er information om produktet samt pris. Digital pen: I bodyen er der et billede af en digital pen, samt 2 grå bokse hvor der er information om produktet samt pris. Kontakt os: Er der oplysninger om firmaet, adresse, telefonnummer samt åbningstider, et interaktivt kort samt en kontakt formular med validering. Nedenunder er der en lysegrå kasse med pris og en som er orange hvor der står køb her. Browser type: Google Chrome Kravspekation Mobil site 640px Skærmopløsning: Tablet Website px (Hvis man har ekstra tid til at kode mere) over 960px. (Hvis man har ekstra tid til at kode mere) Teknologi Dreamweaver, sublime, Photoshop, word, excel, Illustrator, JavaScript, SASS, LESS, Effekter Der kommer til at være noget hover effekt på navigation så du kan se hvad du holder over, og når du har klikket ind på en side vil der vises som aktiv, så du er sikker på hvad du kigger på. Dette vil kun fungere på hjemmesiden når du vises på fuldscreen og ikke mobil eller tablet da menuen er væk. På undersiderne om selve produkterne er der billedgallerier som viser et par billedere om produktet du kigger på. På kontakt siden vil der være et interaktivt kort som viser hvor firmaet er placeret. Når du er inden på siden om produktet og du klikker køb, vil du blive ført videre til en ny side hvor der er en formular du skal udfylde for at købe og fortælle firmaet hvor det skal sendes hen. På forsiden er der 3 links som fører hen til hvert produkt. Når du holder over billedet vil der være en hovereffekt som er lavet med CSS3. 7

9 Grannt Tidsplan Gantt tidsplan 20-apr apr apr apr Opgaver Projektplan Projektbeskrivelse Målgruppe mirvana modellen Swotanalyse Persona Produktbeskrivelse Redigere billeder Tidsplan Design af sites/layout Farvevalg Font Skitser Layout /wireframe Header Forside Galleri Kontakt os Nav Body Footer Gul farve er det der skal kigges på den pålæggende dag. Lacas * Morten har dansk Morten den 26 apr. Stine Alle Oplæg 8

10 Sitemap Forside Tablet Cover Pind Kontakt Skitser 9

11 Layout Mobil 10

12 11

13 12

14 13

15 14

16 Wireframe 15