Hvorfor dette designet

Først og fremst ville jeg ha et rent design, jeg ville at siden skulle være ryddig og strukturert. Gode linjer og være veldig nøyaktig på avstander mellom de forskjellige gjenstandene. Jeg startet i en litt annen rettning, men med tilbakemeldinger fra flere bekjente, ble siden mer forenkelt.

Mer tid

Hva jeg hadde gjort om jeg hadde mer tid. Jeg hadde selvfølgelig gjort ferdig de andre sidene og gjordt ferdig bestillingskjema. Jeg hadde også jobbet enda litt mer med lesligheten på blogginnleget til Trond. Muligens også jobbet litt mer med bloggdelen på forsiden, knyttet nettsiden enda litt mer til de sosiale mediene de befinner seg på nå.

Hva jeg ville gjort annerledes

Jeg er veldig fornøyd med designet mitt, men jeg ville nok laget et slags navigasjonssystem på siden som gjorde det lettere for folk å se innholdet på siden nedover. Selv om jeg har gått ut i fra prinsippet om at det ikke skal være så mange knapper og sider å rote seg borti, må det også være lett å se hva siden innholdet når den blir lang. Dette er definnetivt noe jeg kunne jobbet mer med.

Om horgen

På denne siden har jeg jobbet med lesligheten til teksten til Trond. Jeg syntes det var veldig viktig å få med Blogginnlegget hans, siden det er en del av Horgen sin historie. Samtidig har jeg også tatt med plass til å skrive litt om familien og om gården. Jeg ville siden skulle være fleksibel, så her er det mulighet for å skrive mer om både familien og gården.

På blogginnlegget til Trond har jeg tatt inspirasjon fra denne nettsiden, Medium. De har jobbet hardt med lesligheten og jeg ville dette også skulle syntes på siden min. Jeg har også vært veldig nøye med de forskjellige avstandene. Lik avstand mellom bildet og teksten, avstanden mellom underoverskriften og brødteksten.

Forsiden

På forsiden ville jeg få med de viktigste elementene på nettsiden. Der jeg da har valgt å ha proukter som noe av det første du ser. Derretter er det en instagram feed, noe som var veldig viktig for dem å får med seg. Dette gjør presset på å oppdatere bloggen litt mindre. Siden vil alltid se annerledes ut hver gang du kommer inn.

Forsiden har en informasjonslukt som skal gjøre leseren mer interessert og nysjerrig på hva resten av nettside har å tilby. Det er også muligheter til å legge til flere punkter nedover hvis det er ønsket. Siden er bygd nedover og er ment for skrolling. For eksempel hvis du vil legge til aktiviteter, hvis dette i fremtiden blir en viktig del av Horgen, skal dette være mulig uten å ødlegge strukturen på nettsiden.

Produkter

Produktersiden er også lagdt opp til å være ganske fleksibel, med tanken på de er litt usikre på hvilke produkter de kommer til å selge i fremtiden, derfor skal det være lett å legge til flere produkter, også mer tekst om det er ønsket. Bestillingsskjema er enkelt, men ulempen med dette skjema er at du ikke kan bestille flere produkter på samme tid.

Videre fra bestillingsskjemaet vil det da være direkte kontakt med bonden. For å få det nære forholdet som kunden var ute etter. Som inspirasjon fra de andre i klassen har jeg da tenkt at det er mulighet for å sette opp en sidebar som følger deg nedover siden, som skal gi deg informasjon om hva som finnes på siden. Dette gjør det da lettere å navigere seg frem til de tingene man er ute etter.

Jeg valgte å bruke photoshop, fordi verktøyet var allerede kjent fra før av. Dette var mest for å kunne fokusere på å lage nettsiden istedet for å fokusere på å lære meg et nytt program. Utenom det syntes jeg photoshop var et godt vektøy å bruke for å lage nettsiden, jeg lærte meg også mye nytt om mulighetene på photoshop etterhvert som jeg jobbet med det.

Hvorfor slik?

Jeg har valgt å lage prototypen min i et veldig stort format. Jeg gjorde dette for å se hvor stor plass jeg egentlig hadde og hvordan jeg best mulig kunne utnytte den. Samtidig har jeg også tenkt på hvordan den enklest mulig kan bli tilpasset en mindre skjerm, som fks mobil.

Wirefames

Siden jeg ikke har fått laget de siste sidene, har jeg satt opp strukturen på hvordan sidene kommer til å se ut. De vil selvfølgelig ha samme design og utrykk som de jeg har laget. Grunnen til at jeg ikke har blitt ferdig med alle siden er fordi jeg ville få alle detaljene, strukturen, informasjonsarkitekturen og interaksjonen riktig. Jeg var veldig frem og tilbake over hva jeg ville ha med på siden og hvordan oppsettet skulle se ut.

Kontakt info

Under kontakt info vil det da være samme visning av kart og adresse som på forsiden, men det vil også være et kontakt skjema (høyere siden). Der kunden har mulighet for å sende inn spm og diverse hendvendelser. På venstere siden vil det da være litt annen kontaktinfo, som foreksempel hvem man skal kontakte om de diverse tingene, med navn og nr.

Blogg

Bloggen vil ha litt av samme oppsettet som teksten til Trond. Selve tekst strukturen vil være basert på den formen Medium har brukt. Det vil også være en sidebar der det vil stå litt info om hvem som har skrevet innlegget.

Hele innlegget vil ikke syntes, men det vil være en les mer knapp, der innlegget blir skøvet lenger ned. Du blir ikke dratt til noe ny side. På tegningen har jeg også forklart hvilke sosiale medier knapper som skal gjøre hva.

Aktiviteter

Under aktiviteter vil det da være masse bilder som skal vise aktivitene på gården. Muligens bilder fra bryllupet, eller andre aktiviteter. Øverst vil det være en tekst, der de forklarer litt generelt om aktiviteter.
Under bildesliden vil det være en tekst som forklarer litt om hvilke aktiviteter de kan tilby og en knapp som leder dem til kontakt oss siden der de kan ta kontakt hvis de har noen spm eller forespørsel.

Designdetaljering

Alle interaktive designdetaljer finner du under her.

Slik ser hovedmenyen ut og når produktsiden er aktiv, har den en gullmarkering under.

Under produkter er det en tekst om produktene, for eksempel angus, og en CTA knapp, som leder til et bestillingsskjema.

Når du trykker på denne knappen vil et skjema dukke opp. Her har man muligheten til å enkelt bestille det ønskelige produktet.

Denne formen gjelder da også for de andre produktene, gris og kylling.

Her er instagramfeeden på forsiden, denne er dynamisk og bildene forandre seg for hver gang du er på siden.

Når du skyver musen over et av bildene vil det komme opp informasjon om bildet. Når bildet ble lagt ut og hvor mange likes og komentarer det har.

på Omhorgen, I sidebaren vil du se informasjon om hvem som har skrevet innlegget og har muligheten til å dele det på facebook. Denne sidebaren vil da følge siden nedover etterhvert som du skroller.

I blogginnlegget til Trond har jeg tatt inspirasjon fra denne nettsiden her (Medium) og brukt strukturen deres for å bygge teksten.

På forsiden er det en aktiv bloggbar. Disse tre utkastene blir oppdatert hver gang det blir skrevet et nytt blogginnlegg. Bare de tre nyeste innleggene vil syntes på forsiden.

Iht Idégenereringen

Som tidligere nevnt har jeg prøvd å være litt rebelsk med nettsiden, prøvd å gjøre den ganske langt unna det bonderyktet og prøve en ny vri. Jeg har ikke gått så mye utifra moodboardene som jeg trodde jeg ville, men fargevalgene har alikevel vært litt i retningen av det han nevnte. For eksempel gulldetaljen i menybaren, fargen på produkter, grønn også da sort og hvit.

Gjentagelser

Jeg har mange gjentakende elementer, det som er mest merkbart er da disse diamantformede elementene med et ikon inni. Dette gjenntas hver gang det er en overgang på siden. Dette gjør at man umidelbart skal skjønne (uten noe tekst, men ikon), at det kommer et nytt innlegg, eller annen informasjon.

En annen gjentagelse, er at jeg har prøvd å holde strukturen min ganske forutsigbar. Den flyter som en bølge nedover nettsiden, dette syntes nærmere på prototypen. Det vil alltid først være et stort bilde, som skal indikere hva siden går ut på. Deretter vil det være en kort oppsumerende tekst, som skal reflektere over hva teksten nedover vil handle om eller en annen litt mer generell tekst. Deretter noe som sprer seg over hele siden, enten det er et bilde eller en annen bakgrunnsfarge. Denne bølgen fortsetter da nedover siden.

Tekst

Teksten på nettsiden går aldri over 12 kolloner griden jeg har brukt. Denne gridden er da regnet på denne netsiden her: http://gridcalculator.dk/#/1200/12/30/15
Som jeg da ble tipset om av en kompis av meg.

Teksten er som reglen midtstilt og på midte av siden. Dette var ikke bare gjort av dekorative grunner, men også funksjonelle. Dette gjør det da lettere når man skal skalere ned nettsiden til mindre skjermer.

Wireframes

Jeg startet med å lage disse wireframesene, men etterhvert som jeg begynte å komme litt lenger inn i designprosessen, fant jeg ut jeg ikke nødvendigvis ville ha det akkurat sånn, men noe lignende.

Denne prosessen var noe av det jeg brukte mest tid på. Dette og designet gikk litt oppi hverandre. Ettersom disse tegningene var det jeg tok utgangspunkt i, ble det mange forandringer underveis med tanken på hva som så best ut med designet.

Først ville jeg ha en tekst over bildet og at man skulle kunne bla gjennom en rekke med bilder. Jeg ville også at man skulle kunne navigere seg gjennom siden via knapper på bildet. Jeg fant fort ut at dette ble litt mye. Så jeg forenkelt strukturen for at designet skulle bli riktig. Dette gjaldt nesten alt av tankene jeg hadde startet med.

Denne prosessen tok veldig mye tid. Det tok tid å få informasjonsarkitekturen, interaksjonsdesignet og det grafiske til å stemme overens med hverandre, for å til slutt komme frem til det enderlige uttrykket.

Jeg hadde litt problemer med å få det slik jeg ville, fordi jeg hadde startet litt for tidlig med det grafiske (litt tidligere i prosessen). Jeg antar jeg var litt for ivig. Jeg ble litt ivrig og startet å lage forsiden uten å ha noe wireframes eller wireflows. Dette ledet meg ut på villspor og det tok litt tid før jeg fikk satt meg tilbake og sett på det store bildet.

Jeg ville fortsatt beholde det store bildet og noe av oppsettet, men resultatet, ble ikke helt likt som wireframesene jeg lagde på starten av prosjektet.

Wireflow

Dette er min enkle wireflow, den er ikke så veldig dyp. Jeg kunne lagt inn hvert steg for bestillingen, men jeg valgte heller å fokusere på helheten. Denne er da laget litt lenger inn i prosessen, mest for å få en oversikt over hvilke sider jeg har og hvordan jeg kan føre brukeren gjennom nettsiden uten å miste deres interesse underveis.

Site map

Mitt sitemap ser slik ut:

Øverst ser vi forsiden, og under ser vi menypunktene. Disse puntene har ikke noe dropdowns, det som står under er det som sidene innholder. Som for eksempel produkter, er en lang one pager som inneholder produksjon, angus, gris og kylling. Videre vil man da kunne klikke seg vidre til bestillingsskjema under de produktene som kan bestilles.

Jeg har valgt å gjøre det slik fordi jeg ville ikke at kunden skulle forsvinne inn i nettsiden (Gå seg vill). Det er negative sider med å gjøre dette også, dette kan føre til at leseren gjør det jeg prøver å unngå (gå seg vill),

(En tanke i ettertid) En ide for å unngå dette ville da være å sette opp knapper som leder deg dit du vil. Som for eksempel under om horgen, under historien til Trond, kan det være en knapp som viser deg til produktersiden under Angus. Muligheter for dette også under relaterte blogginnlegg.

Navigasjon

I hovedmenyen har jeg satt opp fem menypunkter. Jeg har valgt disse fordi det oppsummerer de viktigste punktene kunden ville ha med på nettsiden. Når du er inne på produkter, vil det dukke opp en gullstrek under siden som er aktiv. Det vil si at når du er på forsiden er det ingen gullstrek.

Innholdsplan

På møte med Gudbrann fortalte han oss at han ikke ville ha med noe av teksten som var på den gamle siden. Jeg har valgt å ta med blogginnlegget til Trond og et par nøkkelord, som for eksempel mordyrrasen, rasetypisk osv. Jeg valgte å gjøre blogginnlegget til Trond, til en viktig del av nettsiden fordi det er en del av historien deres.

Skisser

Jeg har også en hel haug med skisser som jeg har laget underveis. Her er noen av de.

Som man ser på disse skissene har jeg prøvd å planlegge nøye hvilket elementer jeg vil ha på forsiden, men jeg ville definitivt ha en onepage forside, der man kan få en smakebit av horgen gård og hva som skjuler seg i nettsiden dere.

Innhold

I innhold har jeg skrevet hva som finnes av informasjon om Horgen gård. Hvilke inntrykk jeg får av å se og lese det finner på nettet. Tenker hva jeg kan gjøre bedre på nettsiden deres og se på en konkurent iht hvordan de har gjort og få inspirasjon.

Domeneanalyse

I domeneanalysen har jeg fått en liten oversikt over hva nettsiden deres innholder av informasjon og hva som ligger ute andre steder på nettet.

Aberdeen Angus:

De produserer angus kjøtt, de driver også med alvsdyr og livdyrsalg.

Det blir skrevet veldig mye om denne kurasen på nettsiden,
legger mye vekt på hvorfor de har valgt akkurat denne. 1. fordi den klarer deg bra på egenhånd. 2. Verdenskjent for sin smak.

Korn:

De har spelt

Bygg til malting

Havre til barnemat samt vanlig hveite og forkorn

Frø og annet:

Det står bare en stening på hele siden om frø, og det er at de bruker det til økologisk gresproduksjon.

Andre ting de viser er at de selger kalver, en fin beliggenhet, masse bilder og har tidligere arrangert et låvebryllup.

De har hatt 100% økologisk drift siden 1999, men før det drev de med melk- gras- og korn-produksjon.

De tilbyr bestilling av varer (på telefon), leveringen kan ta opp til 2–4 uker.

De skriver også at de ikke slakter dyrene selv, dyrene går også fritt ute året rundt.

De er også debio godkjent.

Som en kort oppsummering utifra førsteintrykket mitt, var lite med info på nettsiden, men utseende var veldig dårlig. Selve nettsiden var helt forferdelig å se på, og inndelingen og navieringen kunne vært gjort mye bedre.

Innholdsanalyse

Her har jeg laget en innholdsanalyse i sammarbeid med Madeleine Erica Østby Löneberg. Vi lagde innholdsanalysen for å få en oversikt over hvordan nettsiden er bygd opp og hva den inneholder. Det er også skrevet komentarer på hva vi ikke likte med nettsiden, som kan gjøres bedre.

Konkurentanalyse

i konkurrentanalysen har jeg sett på Galåvolden gård og Whole Foods, og sett på nettsiden deres (http://www.galaavolden.no/) (http://www.wholefoodsmarket.com/values-matter), for å lete etter innhold som Horgen gård burde ha med.

Whole Foods

Whole foods har en god oversikt oversikt over hovedelementene de vil legge vekt på. De har en navigasjon til hvor man kan finne de, hva de selger og en til oppskrifter de lager ut fra produktene deres.

De har veldig mye informasjon på sidene deres, nesten litt for mye. De har mange lenker som fører oss til nye lenker, men det er god oversikt over hvor du er på side, hvordan du kommer deg frem til det du vil lese om osv. De har et veldig enkelt bestillingsskjema, der du ser bilder av hva du får levert.

Galåvolden gård

Galåvolden gård har en veldig enkel og ryddig nettside som lett viser deg hva de har å tilby av produkter. De har fine illustasjoner som viser hva produktet er, i tillegg har de bilde av produktet senere.

De viser til andre ting de tilbyr, utenom produkter å kjøpe, men også at man har mulighet for å leie hytter, man har tillgang til oppskrifter og gårdsutsalg. man kan også lese om Galåvolden i en egen side.

Brukere

Under “brukere” har jeg skrevet om kundene til Horgen gård, hvem de er og hvordan de kommer i kontakt med Horgen gård.

Målgrupper

Primærmålgruppen til Horgen gård er de som har betalingsvilje og er opptatt av kvalitet. Må ha kunnskaper for å skjønne hvorfor de skal bruke penger på varen deres. De har interesse og er beviste på hva de spiser.

Sekundærmålgruppen må være barn og familier. Både når det kommer til konseptet med å eie en kylling, eller med å ha besøk på gården.

Touchpoints

Her er stedene kundene tar kontakt med Horgen gård:
— salg via faren sitt nettverk
— faren holder foredrag
— instagram
— broskyrer
— epost/ telefon
— aviser
— facebook

Kundene deres

Maschmanns matmarked, Jacobs, stormkjøkkenet. bagatell m/ flere. Nisjeforretninger. Forbrukere. Resturanter. konkurente utbrer seg.

Få frem fordelene med å kjøe hos dem og fordelen med å kjøpe hos dem. For de med passion, betaler mer.

Forretning

Under “forretning” har jeg skrevet i detalj hva Horgen gård vil ha på nettsiden deres, hva de driver med, hvilke mål de har og stort sett det meste som ble sagt under besøket av Gudbrand. Mye er skrevet i notatform.

forretningsmål

Visjonen med nettsiden deres er å få et system som skal gjøre det lettere for dem å ta imot ordre. Slippe alle telefonsamtalene. De vil også få frem kunnskapen sin om dyrene og deres produksjon. De vil få frem hvorfor du skal kjøpe akkurat deres produkter. Hvorfor de driver slik de driver. De vil også få frem familietradisjonene, de vil få frem hvordan livet på gården er i hverdagen, hyppig på instagram og til slutt vise frem til andre aktiviteter som kan være en ide til forretningen deres.

Notater fra timen:
Muligheter med gården, komme og se på dyrene. overnatting, bryllup koloni gris, julemat, se på gris, ha en egen gris, kjøpe en gris. andelslandbruk og hagebruk kjøkken, resturant? kjøpe en pakke? pakketilbud? kylling, økologiske kyllinger, som vokser saktere. luksus kyllinger. regelverk for kyllinger. slate en kylling selv. Få kunnskaper om kyllinger. Aragsjementer med forskjellige aktiviterer. muligheter for å få kunder på gården Hvorfor de skal kommer til akkurat dem. 140 dyr. skjønne hvor maten kommer fra, vise hvordan dyrene har det.

Drift

Notater fra timen:
Korn, frø, angus. Korn skal få litt oppmerksomhet. noen spesielle kornsorter. Spelt! sverjerug, emrer. rug og hvete. Nesten ikke å få tak i veldig særegene. Økologisk landbruk. Pionerer innen økologisk landbruk, bærekraftig landbruk. Holistisk ledelse og drift ( holistisk managemant) Hvordan brker du resursene dine. styre på en måte som gjør at du får en god ballanse. Bruker jorden på en god måte.

Historikk

Moren og faren eier jordene, gudbrand leier jordene og farer jobber under han. Notater fra timen:
Gården ligger på nes i romeriket. Nes kumune i akershus, brukes som en quote i en annen sammenheng. Horgen — betydning. Norrøn mytologi. frukbarhet. (gården ved siden av)Johanne spane, grosist. bestefar. Birger johannes, fikk en gård i 1917, ble bonde. Dette blir fjerde generasjons gård. Inger lise, mor, to søsken. (Gina marie og Kristin) Jenni kone. Få med samspillet i familen, få med hele gereasjonen og deres roller i bedriften.

Stakeholders/nøkkelpersoner

Gudband Johannes Dahl
29 år, to søsken, jobber i markisefirma. han er bonde. viktig oppdrag i samfunnet.

Mål med produktet/tjensten

Angus salg
produktet er økologisk, godkjennig fra debio. Det er grasfedd. Forteller hvorfor det er viktig med grasfedd. Kjøttet sin kvalitet etter å ha spist gress. grasfeed kjøtt, like sunt som fisk. næringsinnholdet. et godt helsetilbud. Du kan kjøpe kjøtt rett fra bonden. ferdig delt opp. Ferdig pakket, kan komme på besøk og se hvordan dyrene lever og snakke med bonden. Lage hamburgere, 5kg. 30 stk. salt pepper og kjøtt. veldig rent produkt. folkelig. Sette opp som en nyhet. Angusburger.

Konkurantanalyse

Styrker
Styrker med Gården er at den allerede har flere ordre enn det den klarer å produsere. De er økologiske som er en trend. særegene, angus kurasen. Har mange muligheter når det kommer til å ha flere dyr og andre arrangementer.

Svakheter
De har ikke mulighet til å frakte maten over hele landet. Bare i et vist område. Det kan koste dem mye å ha kyllinger som skal selges. kan koste penger å ha kyllinger, ved å lage en rullebane, slik at de får nytt beite hver dag/uke?

Trusler
En trusel med å ha kyllinger der, kan ta mye plass, kan hende det ikke er noen som vill hugge av hodet på sin egen kylling fordi de har blitt litt for glad i den.

Muligheter
Selge mindre volum, men ha større volum av mindre volum. Må booke et helt dyr før det kan slaktes. god distrubisjonsmulighet. Kan lage gode sauser. Bestillingsskjema. pølser også, trenger svinespekk. mulighet til å tilby en kunde. Selge det på en enkel måte. Finne en løsning. Hvordan organisere kontakt med kunde frem og tilbake. spørreskjema, kontakt. bestillinger, skjema. Info om tilbredning av kjøttet.

tilleggsinfo

Deres visuelle identitet
Smijernslogo, en sten med logo på. nederst ved gården. veldig særegen. veldig betydningsfull. Ikon: tegning. den på nettsiden. Treet er viktig. Hørjebjørk? kan bruke treet.

Innhold på nettsiden
Formidler budskap. Vise de forskjellige korntypene og vis hva de har å tilby, alle varene. De vil ikke bruke noen av innholdet på nettsiden. Historien bak gården er viktig. Hvordan de gjorde det før, hvordan de gjør det i dag, hva de står for og deres produkter og få frem deres kunnskaper om produktene og dyrene deres. instagrambildene opp på nettsiden.

Tilleggsnotater
Større etterspørsel, enn tilbud. Vil ha nettsiden til å gjøre hverdagen lettere med bestillinger. Den skal gjøre ting mer av seg selv. Mere informasjon, aktiviter og påmelding til disse, lett tilgjengelig og forsiden må vise alle tilbudene de kan tilby. ikke mer produksjone, men andre måter og tjene penger på. bruke arealene godt.

Griser, halve griser, kylling. lavterskeltilbud. besøkende. veldig opptatt av holistisk management, bruk dette. opplevelsessenter.

nettsiden må ha fokus på informasjon, om gården, familien, kunnskapen deres. dynamiske om hva som skjer i hverdagslivet. de vet hva de bestiller. de kan lese om det de skal bestille. dele kunnskap med folket. forklaring på de forskjellige delene.

Salgsinfo
Hvordan du kan dele dyret. hvis du skal ha noe mer spesifikt, ta kontakt her.
dyrene går frie. frittgående dyr.
Kjører tester. vekt, sykdommer, fødsel, hvordan systemet deres fungerer. forbrukerne, hvordan de ser på det hva de trenger.
priser på nettet? ja, på en måte.

fryseklart, slaktes på fatland og nortura. unge dyr og eldre dyr. avlekuer. inseminere.

Merkevare

Litt om hvordan de blir sett på i dag og hvordan de vil bli sett på i fremtiden. Hva som er hovedbudskapet og litt design research.

Perception strategy/brand attributes

Hvordan vil de bli sett
Farge: mørkegrønn, sort, hvitt og gull
naturlige farger. dyp og kraftig,
oppfattet: vil forrandre på stempelet, den steriotypen, bønnene. opprører rollen. Begynte med økologisk først. Se hva alle andre gjør og gjør noe annet. opprør, noe utenom det vanlige.

åpene om det de driver med, veldig stolte, få frem dette. grunnverdier til bedriftene: åpenhet og offansivhet. initigritet. kvalitet først. endre på nettisden. gjøre nettsiden generell.

Hovedbudskap

Hovedbuskapet er at de er en 100% økologisk gård, som spesialiserer seg på Angus rasen. De har hovedfokus på kunnskapen om produktene/dyrene deres.

Designresearch

De har en logo fra før av (bilde lenger oppe). De har noen bilder fra før av, noe fra noen studenter hadde tatt på gården. De har også en del bilder fra instagram. Utenom det vil jeg ikke si det er så mye å ta fra den gamle nettsiden.

Som en kort oppsummering, hjalp brifen med å fortå hva Horgen gård vil få frem gjennom nettsiden deres. De er ikke redd for å være åpene om hva de driver med. De er veldig opptatt av å få frem den kunnskapen de har om produktene sine og historien deres om gården. Hvordan de alltid har vært opprørerne ved å trosse standardene på andre gårder og dra det til et nytt nivå. Gjennom nettsiden deres vil de få frem hvordan hverdagslivet på gården er, få frem realiteten i det vi spiser og masser mer.

Analyse was originally published in NKH Grafisk Design on Medium, where people are continuing the conversation by highlighting and responding to this story.

Idégenerering

Under idegenereringen gikk klassen løs på hvordan nettsiden hadde sett ut hvis (…). Vi satt i grupper på 4–6 stk. og tegnet forslag. Her var det meningen å slippe seg løs, tegne alle de ville ideene som kanskje etterhvert kunne bli til noe.

Under idégenereringen hadde jeg mye i tankene hvem som kom til å bruke nettsiden, det er viktig å tilpasse siden til alle som kommer inne. I utgangspunktet er det målgruppen som er satt i fokus. Målgruppen deres er da kvinner og men rundt 40 årene. Med dette er tanken på lesbarhet ganske viktig, sammen med at siden ikke nødvendigvis ikke burde være så komplisert. Oppi dette er det også viktig å få med alle informasjonen Horgen har lyst til å formidle.

Idebearbeiding

Jeg valgte å bearbeide ideen om at nettsiden skulle være litt opprørsk. På presentasjonen til Horgen forklarte Gudbrann at de alltid har vært opprørere og ville fjerne steriotypen som er satt om bonden. Så det var dette jeg ville ha i tankene når jeg designet. Så jeg ville lage noe moderne, noe som ikke var helt likt alle de andre gårdsnettsidene.

De fleste gårdsnettsidene jeg var innom, var veldig på dette med naturlig. Slik som Whole foods, der de bruker treverk på nettsiden. Jeg ville formidle gården gjennom bilder og holde resten, utenom farger, litt i motsatt retning.

Etter dette fant jeg frem til et par nettsider som jeg kunne få litt inspirasjon fra, som hadde noen elementer jeg likte. Disse nettsidene er i den andre rettnignen jeg pratet om, litt i den stilen jeg vil bruke.

• http://imm.com/#home-intro
• http://grainandmortar.com/
• http://xn--trinepgrden-28ab.no/
• http://logicart.pl/our-portfolio/
• http://woodsly.com/lookbooks/summer-2014

Konseptbeskrivelse

Her er en del av koseptet mitt, delt inn i tre deler. Har har jeg tatt med designprinsipper, skisser og moodboard.

Designprinsipper

Rent
Siden skal være ren og unngå alt av unødvensige objekter, med rent tenker jeg også på minimalistisk. Den skal være lett å navigere seg gjennom og den skal ha god alignment.

Repetetivt
Nettsiden skal ha gjengående gjenstander for å gi nettsiden en helhet, enten om det er et ikon, en farge, mønster, linjer eller utforming.

Lekent
Selv om den skal være veldig ren og minimalistisk skal den også være leken, det er tross alt en gård. I dette tilfellet tenker jeg på farger.

Fleksibelt
Siden skal være fleksibel, med at det ikke skal være vanskelig å fjerne eller legge til ny informasjon, alt etter kundens ønske. Den skal også være lett å overføre til andre skjerm str.

Konseptskisser

Under konseptskisser har jeg laget et oppsett over hvordan de forskjellige siden skal se ut (skjelettet av siden). Jeg har også satt opp et slags site map, som jeg skal forklare nøyere i neste blogginnlegg.

Her er en oversikt over strukturen til forsiden. De andre siden ser ganske like ut som denne. Alle har samme header og mange har samme prinsippet med bildet i bakgrunn øverst. Nedover forsiden vil jeg ha teasere til de forskjellige kategoriene. Med litt bilder og tekst. Det er mulig å navigere seg gjennom siden via å skrolle, eller gjennom navigasjonsbaren.

Her har jeg laget en masse skisser til diverse ting, som for eksempel ikonen jeg ville lage, litt småideer til diverse elementer.

Moodboards

Her har jeg laget tre moodboards, jeg har ikke valgt et av de, men har et av de som hovedfokus, der jeg heller bruker de andre for å trekke inn elementer som jeg syntes var fint med disse.
(Kvaliteten på bildene ble desverre ikke så bra)

Det første moodboardet er det jeg har i hovedfokus. Dette inneholder fargene og de tingene Gudbrann ville bruke, som fargene svart, hvit, flaskegrønn og gull. Jeg byttet ut svart, med en veldig mørk brun. De gullikonene er noe jeg har puslet med selv, om de blir brukt eller ikke, vet jeg ikke enda.

Det andre moodboardet er mer tilbake til naturen moodboard. Dette innholder litt mer naturlige farger og noen elementer jeg syntes var veldig fine, som de hvite illustrerte trærne. Her har jeg også tatt med kartet over der Gården ligger, noe jeg vil trekke inn i nettsiden.

Dette moodboardet ble egentlig litt tilfeldig, men jeg lagde dette fordi jeg likte de rosegull detaljene. De kan se litt tradisjonelle ut, men også veldig ekskulsive. Jeg likte også veldig godt detaljene i smykket til venstre.

Mike Theodor Johnson

Alder: 28år
Tidligere bodd: Atlanta, USA
Nåværende bosted: Grünnerløkka, Oslo
Sivilstatus: Singel

Om Mike:
Han har alltid vært opptatt av økologiske produkter. I USA var det et stort marked for økologiske produkten og det var lett tilgjengelig. I Norge derimot har Mike slitt med å finne produkter som er 100% økologiske. Mike har mange venner og til jul planlegger han et stort julebord.

Mike jobber som danseinstruktør og er kjent for sin andre plass i “so you think you can dance”. For tiden trener han barn og ungdom, noe han trives veldig med. Mike drømmer om å åpne sitt eget dansestudio, der han kan selge økologiske energibarer og drikker.

Finn Magnus Sandaker

Alder: 32 år
Bosted: Øyfjell i Telemark.
Sivilstatus: Gift

Om Finn:
På fritiden liker han å fluefiske og grille om sommeren, og om vinteren liker han å stå telemark. Han jobber som musikklærer på Åmot barneskole.

Denne sommeren skal han ha tidenes grillparty og han vil oversaske gjestene med kvalitetskjøtt. Han er åpen for nye alternativer og har allerede begynt å planlegge tema for kvelden.

Finn Magnus kjenner godt til Horgen gård sin produksjon og deres kvalitetvarer. Finn er bare usikker på om de levere til der han bor. og i så fall hvor langt og mye han må kjøpe for å frakte det.

Astrid Ødegaard

Alder: 43år
Bosted: Frogner, Oslo
Sivilstatus: Gift

Om Astrid:
Astrid jobber som blomsterdekoratør på Mester Grønn. Astrid er oppvokst i en rikmansfamilie som er opptatt av kvalitet.

Til jul ønsker hun å gi sin matglade far en gave. Hun vil overraske han med kvalitetskjøtt fra horgen gård. Hun vil gjerne gi han et besøk til gården slik han selv kan velge type kjøtt og få mer kunnskap om prosessen bak produktet.

Personas was originally published in NKH Grafisk Design on Medium, where people are continuing the conversation by highlighting and responding to this story.