Portfolio – 4.semester

At the end of each semester, we collect the mandatory tasks in a Portfolio for assessment and grading. You should present the tasks specified below, from your 4th semester, in a website. This website should be designed so that it conveys how you are as a designer. The site must contain links to all the mandatory assignments specified below in the list, and a link to your reflective diary.
– Oblig.05 Illustration/Photo
– Oblig.06 Person, product and natural light
– Oblig.07 Title Sequence
– Oblig.08 Interactive infographic website
– WordPress blogg (dagbok)

Til mappevurderingen for 4.semester, mitt siste semesteret, skal jeg lage en webside hvor jeg samler alle de obligatoriske oppgavene som er utført dette semesteret. Jeg kommer til å inkludere en link til denne bloggen, og eventuelt noen læringsaktiviteter eller skisser. Både de gamle versjonene og de nye skal leveres, og hva som er forandret skal beskrives i en rapport. Nå skal jeg først jobbe med tilbakemeldingene jeg har fått fra Noroff, og forbedre de fire oppgavene jeg har levert dette semesteret. Deretter skal jeg beskrive hva som er forandret og gå gjennom rapporter. Tilslutt skal jeg designe og programmere en webside.

Jeg begynte med å bruke ABC metoden, for å tvinge hjernen til å tenke på alle bokstavene i alfabetet og komme med idéer, tanker og innspill til oppgaven. Videre jobbet jeg med å finne et passende domene navn. Mens jeg jobbet med dette, sjekket jeg også hvilke navn som var ledige. Jeg ønsket helst å opprettet et .com domene til porteføljen.
img002img003

Videre jobbet jeg med skisser, og skisserte wireframe, sitemap og layout for nettsiden. Jeg ønsket fokus på bilder, og gjerne med en slider/galleri funksjon. Jeg har studert fotografi tidligere, og føler dette er en god måte å representere meg selv som designer. Skissene er til god hjelp når jeg senere skal lete etter et theme som passer mine idéer. Themes som ble vurdert til oppgaven vises samlet under. Navnene på disse themes er Twenty thirteen, Virtue, Vantage, Customizr, Responsive, WP creativix, Polaroids, Hatch og Photolistic.
img001themes

Domene navnet jeg valgte å gå for ble studioannette.com. Dette navnet ble valgt fordi det er lett å huske og si, samt fordi mitt spesialfelt er fotografi og da passer det å bruke studio i navnet. Jeg ønsker å kunne bruke denne nettsiden i fremtiden til å vise arbeider jeg har utført for kunder, og henvise nye kunder til denne siden for mer informasjon.

Videre ble WordPress lastet ned, og themet Customizr. Dette themet passet best til det designet som var ønskelig å oppnå for porteføljen. Her kan man fokusere på bilder og en presentasjon av dette. Med dette themet kan jeg bruke en slider på hovedsiden, og derfra henvise brukeren til de aktuelle sidene for mer informasjon om hver enkelt oppgave. Jeg har opprettet et child theme, og gjort forandringer i php scriptspråk, html og css for å tilpasse nettsiden for å oppnå et ønskelig resultat.

Nedenfor ønsker jeg å vise litt av prosessen med nettsiden og slideren.
prosess

Det finnes et WordPress symbol i meny og footer, som er en link hvor brukeren blir sendt direkte til min reflekterte dagbok. Det finnes også et Facebook symbol i meny og footer, som er en link til min facebookside. Videre finner brukeren alle de fire obligatoriske oppgavene i menyen, og en slider på hovedsiden med et utsnitt av hver enkelt oppgave. Jeg har valgt fargen rosa, siden dette er min favoritt. Sammen med rosa har jeg valgt fargen grå, siden de passer godt sammen.

For å komme direkte til porteføljen min, trykk på denne linken: www.studioannette.com

– Annette B. D.

Oblig.08 – Prosess

I dette innlegget ønsker jeg å vise til min videre prosess fra idéutviklingsmetodene. Her vil jeg presentere valg av domene navn og skisser.

domenenavnskisse1skisse2

 

Når domenenavn ble bestemt, sjekket jeg om dette var tilgjendelig på Pro ISP sine hjemmesider. Navnet journeyofart.no var ledig, så da opprettet jeg dette og sendte dem en mail. Etter 24 timer var navnet og nettsiden offisielt oppe, bare uten innhold. Det kostet penger å opprette et nytt domenenavn, og for å ha et tilleggsdomene.
Skjermbilde 2013-10-07 kl. 12.13.55

Videre logget jeg inn med brukernavn og passord til cpanel. Der fant jeg Softaculous apps, og valgte WordPress. Jeg fylte ut all nødvendig informasjon og deretter klikket installer. Jeg ønsket å bruke WordPress til denne oppgaven, siden jeg ikke føler jeg 100% sikker med programmering. Jeg synes også det er mer enn nok å sette seg inn i, og jeg ønsker å kunne fokusere på design. I fremtiden ønsker jeg å designe, og kunne jobbe med en programmerer som lager siden slik jeg har designet.

Jeg skrev journeyofart.no/wp-admin i url adressen, og logget inn. Jeg kom da til WordPress siden, og gjorde noen forandringer. Videre gikk jeg tilbake i cpanel og opprettet et child theme til themet twenty thirteen som jeg har valgt å benytte til nettsiden. Jeg kopierte noen filer fra parent theme og gjorde noen forandringer i filene før jeg lagret dem i child theme. Alt som lagres i child theme overskriver det som finnes i parent theme.Skjermbilde 2013-10-07 kl. 12.19.52

Forsiden er statisk. Jeg har fjernet toppbilde på nettsiden, jeg ønsker bare topptekst (header). Jeg har opprettet 5 sider: home, abstrakt ekspresjonisme, swiss, pop art og psykdelisk. En plug-in har blitt installert – Styles. Denne funksjonen gjør det lettere å forandre farger, fonter og størrelse på tekst og layout på nettsiden.
Skjermbilde 2013-10-07 kl. 13.50.10

Nettsiden har gjennomgått en del eksperimentering av fargeharmoni og balanse, samt font valg. Selv om dette er noe jeg har tenkt mye på i design prosessen, måtte jeg teste ut hvordan de forskjellige fargene så ut på skjerm, og fonter. Dette var til stor hjelp.

– Annette B. D.

Oblig.06 – Prosess

Her vil jeg ta for meg den siste prosessen i oppgaven.

Etter å ha gått igjennom de 120 bildene som ble tatt i forbindelse med denne oppgaven, valgte jeg tilslutt ut 8 bilder å velge mellom. Disse er basert på fokus, komposisjon, og lys.

contactsheet2

Skjermbilde 2013-06-11 kl. 14.09.09

Videre i prosessen har jeg halvert bildene, hvor jeg tilslutt står igjen med de fire beste bildene til prosjektet. Utifra disse må jeg velge et med motion blur og et med motion freeze.

contactsheet3

Skjermbilde 2013-06-23 kl. 20.03.12

Nedenfor har jeg utarbeidet en kontrakt hvor modellen skulle signere og vite hva han gikk med på, samt hva prosjektet handlet om. Det er viktig å vite om sine rettigheter og publiseringstillatelse. Dette kontrakten har jeg selv laget, og det ble gjort i starten av prosjektet.
img004

Med etterarbeid er de to valgte bildene beskjært. De er beskjært slik at modellen er i det gyldne snitt, under vises eksempler på dette. Dette har blitt valgt for å skape en spennende komposisjon, og blikkfang.
Skjermbilde 2013-06-13 kl. 21.17.59

Skjermbilde 2013-06-13 kl. 21.15.46

Programmet Camera Raw 6.3 har blitt benyttet til korrigering av hvitbalanse, fargetemperatur, eksponering, beskjæring og justering på fargene. Når det gjelder fargene har HSL/Grayscale blitt forandret, disse forandringene er gjort (samme innstilling på begge bildene):
Saturation
Reds + 30, oranges + 15, yellows + 15, greens + 30, aquas 0, blues + 20, purples + 10, magenta – 10
Hue
Reds – 10, oranges 0, yellows + 10, greens + 5, aquas 0, blues 0, purples 0, magentas 0
Luminance
Reds 0, oranges + 10, yellows 0, greens 0, aquas 0, blues 0, purples 0, magentas 0.

Jeg har gjort disse forandringene i fargene for å skape en større kontrast. De gul/grønne fargene har påvirket naturen i bildet, mens de rød/oransje fargene har påvirket underlaget man kan finne i begge bildene.

Adobe Photoshop CS5.5. har også blitt benyttet mest ved bruk av heeling tool og clone stamp, for å fjerne støy og uønskede flekker i bildene. Videre har det ikke blitt gjort noen annen form for forandring i bildene, og ingen manupulasjon er gjort.

Foto_011

Innstillinger: EF 50 mm, ISO 1000, f/20, 1/8, cloudy

foto2

Innstillinger: EF 50mm (objektiv), ISO 1000, f/4, 1/4000, cloudy

– Annette B. D.

Oblig.05 – Prosess

Her vil jeg vise prosessen med arbeidet som jeg har gjort med illustrasjonen som jeg skal bruke sammen med Sunlight produktet i den ferdige plakaten. Bilde til venstre har jeg selv tegnet analogt, først med blyant på hvitt ark, og dereter med en svart pen (for at det skal bli tydligere etter scanning). Jeg har utifra moodboardsene tegnet denne damen. Siden jeg må tenke på hvor produktet skal plasseres, er den ene hånden utstrakt siden det er tenkt at såpen skal være/ligge i hånden.

Jeg scannet tegningen og åpnet det i Illustrator. Videre brukte jeg pen tool og tegnet rundt. Resultatet ser dere i bildet nr.2. Dette resultatet ble jeg ikke så fornøyd med, og selv etter mye arbeid visst jeg at det ville kreve mye mer arbeid for å få til et resultat jeg ønsket. Derfor endte jeg opp med å live trace den originale tegningen min.
damedame_test01

Deretter fortsatte jeg å jobbe i programmet, og begynte å fargelegge illustrasjonen. Det tok mye tid å velge farge, samt å planlegge hvor fargene skulle være. Dette arbeidet krevde tålmodighet og nøyaktighet. Under er noen printscreens av arbeidet mitt underveis.
Skjermbilde 2013-05-27 kl. 19.12.39Skjermbilde 2013-05-27 kl. 19.48.14

Da alle fargene var fylt ut zoomet jeg inn og oppdaget mange hvite prikker = detaljer hvor det ikke var kommer noe farge. Dermed måtte jeg gå over hele tegningen og se til at alle hvite prikker og områder ble fylt med riktig farge.Skjermbilde 2013-05-27 kl. 20.17.23

Til bakgrunn i plakaten ønsker jeg å bruke et gammelt papir i gultone. Siden dette er det jeg anser som en typisk vintage farge, og noe som går igjen i mange av bildene i moodboardene, var det er naturlig valg.
Skjermbilde 2013-05-28 kl. 11.18.34

I bildet under har jeg laget et nytt lag over bakgrunnen, og brukt rounded rectangle tool for å lage en form. Videre har jeg valgt en annen gul-farge. Deretter valgte jeg Layer -> Layer mask -> reveal all. På grunn av dette kunne jeg nå bruke brush tool, velge svart farge og lage noe mønster i overgangen i formen (spesielt rundt kanten) slik at dette ikke skulle bli så tydelig. Resultatet synes jeg ble svært interessant og spennende, med et gammelt uttrykk.
Skjermbilde 2013-05-28 kl. 11.27.54

Videre i testing av design har jeg lagt til illustrasjonen av damen hvor jeg tegnet over med pen tool. Denne illustrasjonen er gjennomsiktig, og denne effekten er ikke ønskelig til den ferdige resultatet. Videre har jeg prøvd meg med noe svart bakgrunn, med hvit tekst over. Inspirasjonen til dette kan dere se i bildet til høyre. Et bilde jeg fant tidlig i moodboards-fasen, og som jeg synes var svært interessant. Særlig bruken av både serif og sans-serif, samt versaler og minuskler var en interessant vinkling/løsning. Noe jeg ønsker å prøve.Skjermbilde 2013-05-28 kl. 11.38.10$(KGrHqIOKosE3FKKKyswBNz4rGopt!~~0_35

– Annette B. D.

Oblig.02 – Idéutvikling

Videre i idéutviklingsprosessen har jeg benyttet bøker for å finne inspirasjon. Jeg har også jobbet videre i prosessen mot å velge en kunde, dette har vært svært krevende siden det er mange gode kandidater og mange konkurrenter. I dette innlegget ønsker jeg å presentere veien til valgt kunde og mer research som er gjort.

Bildene over viser produkter hvor etiketter har blitt designet. En etikett/label er det jeg ønsker å designe for vinflasker. Bildene er hentet fra boken Norsk Designråd, (2011). Merket for god design. Det har vært interessant å se hvordan disse produktdesignene/emballasje fungerer og det er inspirerende å se at de har vunnet priser.

Bildene over er hentet fra boken Gordon, Bob & Maggie, (2005). The complete guide to digital graphic design, Thames and Hudson. Her har jeg sett på produktdesign og emballasje på ulike kjent merker slik som Coca-Cola, Jellybeans, Lavazza, Smarties.

Videre har jeg brukt boken Ronold, A. (2009). Norges beste vinkjøp, Vigmostad Bjerke og internett kilder for å finne statistikker over anbefalte vin-merker, og deretter laget meg en liste over kunder (merker) jeg gjerne ville jobbet med. I boken står det at Norge (Vinmonopolet) selger over 10 000 merker, og jeg har klart og laget meg en liste på 10 stk:

 http://www.black-tower.de/homepage/

 http://gallo.com

 http://www.yellowtailwine.com

 http://www.barefootwine.com

 http://www.jacobscreek.com/home

 http://www.blossomhill.com

 http://www.hardys.com.au

 http://www.sutterhome.com

 http://www.jpchenet.com

 http://www.torres.es/wps/portal/web/inicio/home/!ut/p/c5/04_SB8K8xLLM9MSSzPy8xBz9CP0os3gTlyBfJydDRwN_S1dDA08Ts9BQXy9_YwtXI6B8pFm8AQ7gaEBAdzjIPpwqDCxMIPJ4zPfzyM9N1S_IjTDIMnFUBABT93de/dl3/d3/L2dBISEvZ0FBIS9nQSEh/

Etter denne researchen har jeg rett og slett gjort et valg, ved å gå tilbake til merkenes hjemmesider, og valgt å benytte Jacob’s creek som kunde. Jeg valgte denne kunden på grunn av deres lange historie = troverdighet, bred kundegruppe = mye salg, moderne design og så klart god vin, av god kvalitet.

Creative brief:

Kunde: Jacob’s Creek, vinprodusent fra Australia.
Prosjekt: Designe fire ulike uttrykk/motiver på etiketter for Jacob’s Creek vinflasker ved hjelp og inspirasjon fra fire forskjellige kunsthistoriske epoker.
Hvorfor: For å vise at Jacob’s Creek er et trendy og moderne merke, samt for å gjøre målgruppen mer oppmerksom på flaskene og at de skiller seg ut – på en positiv måte.
Hvordan: Designe nytt uttrykk/motiv til etikett for rødvin, hvitvin, rosévin og musserende vin. Rødvin skal være inspirert av epoken Kubisme, hvitvin av epoken Minimalisme, rosévin av epoken Pop Art og musserende vin av epoken Art Nouveau.
Problem: Hvordan designe noe inspirert av Kubismen til å passe på en rødvinsflaske? Hvordan lage et design inspirert av Minimalismen, og få dette til å passe til en hvitvinsflaske? Hvordan designe en etikett inspirert av Pop Art til å passe på en rosévinsflaske? Hvordan lage et design inspirert av Art Nouveau, og samtidig få dette til å passe til en flaske med musserende vin?
Mål: Flere kunder, bedre synlighet, mer oppmerksomhet og publisitet, samt flere fornøyde kultur- mat og vin-kunder.

Litt mer informasjon om kunden:
Jacob’s Creek er en av de mest kjente Australske vinprodusentene, med røtter helt tilbake til 1847. De leverer friske, elegante og velsmakende viner som viser kvalitet. De leverer vin i de fleste segmenter, slik som rødvin, hvitvin, rosévin, musserende, og flere sorter. Vinene er laget med tanke på større markeder, og er (i mange land, men ikke i Norge) å finne i butikkhyllene i flere store kjeder.

Allikevel er vinen deres et kvalitetsprodukt, og det er nok noe av det som kommer frem i merkebyggingen. En vinflaske fra Jacob’s Creek skal gi deg en stabil opplevelse, og skal være en vin du kan stole på at leverer etter forventningene når det gjelder smaksopplevelse.

Målgruppe: Aldersgrense 18 år. Alle over 18 år og oppover. Hovedgruppen fra 25 – 45 år, kvinner og menn, som liker å nyte et glass god vin til middag eller i selskap med venner.
Konkurrenter: Jacob’s Creek har utrolig mange konkurrenter, bare i Norge selges det over 10 000 andre konkurrerende vinmerker. På denne siden kan du se noen, her. I forbindelse med denne oppgaven ser jeg på noen merker som større konkurrenter, spesielt de som tilbyr både rødvin, hvitvin, rosévin og musserende – slik som Jacob’s Creek gjør. Noen merker spesialiserer seg på en kategori, altså en type vin.

– Annette B. D.