Eksamen – Trykkeri

I dette innlegget vil jeg skrive om kontakt jeg har hatt med ulike trykkerier i Oslo, siden mye av det jeg skal produsere til eksamen er trykksaker. Jeg har spurt om prisforslag på det som skal trykkes. Jeg startet med å gjøre research på ulike trykkerier i Oslo, og kontaktet dem per mail om de kunne utføre et slikt oppdrag, altså trykksaker til bryllup. Overraskende var det mange trykkerier som svarte at de ikke utførte denne typen arbeid, noen henviste meg til andre trykkerier, andre svarte at de ikke produserte i så liten skala og noen mente det ville bli altfor dyrt.

Over ser du eksempler på noen prisforslag som jeg fikk av trykkerier som tok i mot en slik bestilling, og som sa jeg villig til å utføre jobben.

Over ser du eksempler på andre svar jeg fikk på mail til mitt spørsmål om prisforslag. Jeg skjønner nå at noen trykkerier kun jobber med store opplag, og at min bestilling på 50 stk av hver ble for liten. Videre var det hyggelig å bli henvist til andre trykkerier, og lærerikt siden jeg kunne stille spørsmål som de svarte på. Jeg har i denne prosessen lært meg en del faguttrykk i trykkerier slik som rilling, plano, falsing, stansing, paginering. Utifra prisforslagene vet jeg at trykksakene koster under 3000,- og dette er noe jeg kan formidle videre til brudeparet og kunden min Its happening.

Videre i dette innlegget ønsker jeg å skrive om formatene til de ulike trykksakene, siden dette er noe jeg har jobbet mye med i oppgaven. Utifra bøker og internettkilder bestemte jeg meg først for ulike formater, men etter å ha tatt kontakt med trykkeriene var det flere som anbefalte meg å ta utgangspunkt i et A3 eller A2 ark. På denne måten kunne jeg utnytte formatet, og lage egne, unike formater som passet trykksakene, og som gjorde at jeg fikk mest mulig valuta for pengene. Ingen unødvendig plass på arket går bort i form av sløseri eller uvissthet om dette trikset.

Her er noen skisser jeg har laget av de ulike formatene, for å få en bedre oppfatning av størrelsen på trykksakene. Dette har vært til stor hjelp, og jeg har til og med klipt ut og sett hvordan det vil bli seende ut på bordet, og hvordan formatene passer sammen.

Tilslutt, her er skisser av de formatene jeg endte opp med å bruke til oppgaven, samt et notatark med de nøyaktige dimensjonene, både med og uten bleed. Bordkort og svarkort er i samme format, invitasjon og takkekort er i samme format, og program for festen og vielsesprogram er i samme format. Bordkartet er i A3 størrelse, og menyen i stående format 21 x 9,9 cm (med bleed). Nedenfor ser du hvordan formatene ser ut!

– Annette B. D.

Eksamen – Skisser

I dette innlegget vil jeg vise dere skisser som er blitt laget i forbindelse med oppgaven. Jeg er veldig fornøyd med arbeidet med skisser til denne oppgaven, og det er noe jeg har lagt mye tid og nøyaktighet i. Skisser er en måte å presentere idéene sine på, og skissene har blitt laget utifra moodboads, bilder fra bøker eller fantasi. Til denne oppgaven har jeg laget mange type skisser, blant annet idéskisser (grovskisse), layoutskisse (plassering av tekst og elementer, format), presentasjonsskisse (vise til kunden) og finskisse (så korrekt som mulig).

Jeg startet først med å lage skisser til logoen til brudeparet, siden dette var noe de ønsket seg. Begge har navn som starter med A, så jeg har hatt disse initialene i bakhodet når jeg har designet og skissert. Hvordan kan jeg få to like bokstaver til å høre sammen? Se inspirasjon fra logo moodboards.

Etter enda mere grovskissering, endte jeg opp med 5 favoritter til logo, som er presentert i arket over. Disse logoene føler jeg får frem bokstavene godt, og bruken av symbolet hjertet – som står for kjærlighet. Det var ønskelig å bruke et hjerte i logoen, og få bokstavene til å høre sammen med hjertet.

I skissene over har jeg skissert utifra research som er gjort med symboler knyttet til et bryllup, og siden blomster alltid blir brukt i bryllup har jeg også skissert dette. Det er ønskelig å kunne bruke et symbol eller en blomst som en del av logoen eller som et element i designet i trykksakene. Dette er veldig tradisjonelt, akkurat slik kunden og brudeparet ønsket det. Og basert på reserch fra bøker er særlig prestekrager og sommerfugler mye brukt i sommerbryllup.

Tilslutt har jeg tatt inpirasjon fra årstiden bryllupet skal være, altså på sommeren. I denne forbindelse har jeg gjort research på at sommerfugler er et svært populært tema å bruke i bryllup. Jeg skisserte først mange små, og har deretter valgt meg ut fire varianter som både jeg og kunden likte svært godt, og som kan brukes i designet. Etter så godt arbeid med skissene kan jeg se for meg at arbeidet digitalt blir noe lettere, siden jeg allerede ser for meg hvordan dette kommer til å bli.

Sammen med kunden har jeg utarbeidet skisser til bordplan/bordplassering, og jeg har fått tilgang til alle navnene på gjestene. Kunden har oversikt over hvem som er hvem og hvor brudeparet ønsker å plassere gjestene, sammen klarte vi å legge opp kabalen. Dette resulterte i et oversiktlig bordkart som skal printes i A3 størrelse og henges opp rundt om i lokalet. Over og under ser du skisser jeg har laget, med forskjellige løsninger.

Videre har jeg skissert forslag til trykksaker som skal ligge på bordet når gjestene kommer, nedenfor ser du skisser av bordkort og meny. Bordkortet skal vise gjesten hvor vedkommende skal sitte ved bruk av navn. Menyen skal inneholde tre ulike retter, og designelementer som skal gå igjen. Det vurderes å lages et eget vinkart i samme format.

Til og begynne med skal invitasjoner og svarkort sendes ut til gjestene, og disse har jeg også skissert forslag til som du kan se nedenunder. Dette er førsteinntrykket gjestene får av bryllupet og stil/tema som er ønskelig.

– Annette B. D.

Eksamen – research

I dette innlegget vil jeg presentere det jeg har jobbet med så langt i prosjektet, og det gjelder først og fremst research og idéutvikling. De første dagene av prosjektet gikk med til å dra til mitt nær bibliotek, hvor jeg fikk reservert 11 bøker om bryllup som tema. Disse bøkene fikk jeg ikke før i slutten av uken, så fremdriftsplanen ble noe forskjøvet og forandret. I mellomtiden brukte jeg internett godt til å søke etter inspirasjon. Jeg har også brukt mye tid med kunden, Its Happening, og snakket om hva deres kunde forventer og hva de liker.

Da jeg hadde hentet de 11 bøkene fra biblioteket satte jeg meg ned og leste gjennom alle, deretter tok jeg notater og markerte de bildene i bøkene som var til inspirasjon. Videre ble disse scannet og samlet under «inspirasjon fra bøker» A4 dokumenter. Nå ønsker jeg å presentere disse bøkene for dere, og den informasjonen fra hver bok jeg synes var viktigst (fra mine notater).

Ark 1: Bordkort boken inneholdt mye informasjon om hvordan man kan lage egne bordkort, med ulike materialer. Utifra denne boken fikk jeg inspirasjon til å lage kort med navn, og rosablad/rosestilk. Lage et bånd man kan feste rundt servietten og bruke dette som bordkort. Kort som kan festes med en liten klype på glasset. Bruke hvit sløyfe, gull ringer eller hjerter.

Bryllupfesten fra a til å boken viste at man kunne lage egne monogram som kan gå igjen i alt av materialer. Videre lærte jeg fra boken at et helhetlig design for hele arrangementet gir et stilig inntrykk og virker både gjennomtenkt og ordentlig. Man kan gjerne velge motiver utifra årstiden bryllupet skal holdes, i dette tilfelle med sommer er prestekrager og sommerfugler veldig fine å bruke.

Ark 2: Bryllup, fra friere til brudevals boken lærte jeg at det vil være mye mer personlig om man lager invitasjoner selv, og at dette er gjestens første innblikk i bryllupsfesten. Invitasjonene skal gi et hint om hvilken stil som er ønskelig. En rød tråd er veldig viktig, og det kan være fargetema, skrifttype, symbol, hobby, monogram eller barnebilder. Det er vanlig at gjestene blir møtt med mange ulike trykksaker til bords. Er det mulig å samle dette, og skal jeg bruke navn på programmene? Alle plasser i et bryllup bør plasseres med et bordkort, slik at gjestene vet hvor de skal sitte. Lag en bordplan/kart, en oversikt som viser hvor hver enkelt skal sitte-heng opp.

Ark 3: Bryllup boken viste at man kunne ta utgangspunkt i farger om du ikke ønsket et bestemt tema. Videre sto det i boken at årstiden kan være et naturlig tema, en felles interesse eller noe annet. Invitasjonene bør inneholde informasjon om hvem, hva, når og hvor vielsen skal være, antrekk, hvor og når middag/kaffe holdes. Skriftlig invitasjon = skriftlig svar – designe svarkort?

Bryllupsboken, den komplette guiden handlet om at invitasjonene skulle være spesialdesignet for anledningen og være unik. Og at man gjerne måtte bruke servietter med bruden og brudgommens initialer, monogram eller logo.

Ark 4: Fest og farger boken, inneholdt inspirasjon til kreative idéer for invitasjon, bordkort, meny og tema. Her er absolutt stedet å lete om man ser etter noe unikt og annerledes.

Ark 5: The knot ultimate wedding lookbook, slik som tittelen sier var denne boken helt fantastisk inspirerende. Her fantes bilder om alt som har med et bryllup å gjøre, og ikke minst var det mye bilder og informasjon om invitasjon, bordkort, bordplan, meny, program etc. Denne boken var absolutt den beste av alle bøkene jeg lånte, mye inspirasjon å få.

Ark 6: Bryllup, verdens fineste fest fantes informasjon om at innbydelser skulle være skriftlige og inneholde opplysninger om tid, dato, antrekk og selskapsform.

Den store festen, designe ditt bryllup boken viste mange fine eksempler på stil og tema. Her hadde alle elementer de samme fargene, og det fremsto ordentlig og helhetlig.

I bryllupsboken lærte jeg at hjerte er symbolet på kjærlighet, og at det står for ærlighet og medfølelse. Når menyen fastsettes må man tenke på både smak og farge, samt årstiden. En hestesko bringer lykke hvis den henges på en dør med den åpne enden øverst. Itillegg til dette har jeg lest om oppskriften på et godt ekteskap.

I boken hjelp vi vil gifte oss fikk jegmasse nyttig informasjon om invitasjoner og meny. Selv om boken er den eldste av de jeg har lånt, og noe informasjon er utdatert, har den en egen sjarm over seg og mye tradisjon.

Nok om bøker. Over til idéutviklingsmetoder.

Først startet jeg med å lage tankekart, et med Its Happening (kunden til eksamen) som kjerne og et annet med bryllup som kjerne. Jeg lager alltid tankekart i begynnelsen av hver oppgaven, det er en form for brainstorming, hvor jeg rett og slett tømmer hjernen for ord som har med emne (kjernen) å gjøre. Det er også en måte å organisere stikkord på. Etter denne øvelsen har jeg fått mye mer oversikt over kunden, og hva som er viktig med et bryllup. I forhold til oppgaven blir tema/stil det viktigste.

Videre har jeg benyttet ABC-metoden, som jeg også alltid bruker til idéfasen i en oppgave. Denne øvelsen går ut på å skrive ned alle bokstavene i alfabetet og tvinge hjernen til å tenke annerledes. Målet er å fylle ut så mange ord som mulig, for å gjøre det litt mer krevende enn bare ett ord til hver bokstav.

 

Videre ønsker jeg å vise dere moodboards som jeg har laget utifra bruken av katalogmetoden, hvor jeg har funnet inspirasjon fra bøker og internett og deretter samlet dette.

Jeg har funnet disse bildene med fargekombinasjoner og inspirerende bilder som hører til, på denne nettsiden – perfektpalette. Utifra alle fargekombinasjonene var det disse tre kunden (etter å ha forhørt seg med brudeparet) endte opp med som favoritt.

Videre har jeg samlet inspirasjon rundt tema, stil, farge, sommerfugler og elementer som hører med i et bryllup.

Her har jeg funnet bilder og inspirasjon til invitasjon, som er gjestenes førsteinntrykk av bryllupet. Jeg anser derfor disse som svært viktig. Videre har jeg samlet inspirasjon til farger og fargekombinasjoner, med bruk av de samme bildene som tidligere presentert i dette innlegget (perfektpalette).

– Annette B. D.

Eksamen – 4.Semester

The project exam will be implemented during the 4th semester of Graphic Design. It should reflect the students creative skills and knowledge from GRA1 and GRA2. The students may use this opportunity to show their individual skills and specialities. The project exam may be a job from the graphic design industry.
The duration for the project exam is six weeks. The students are free to choose the content and media, but the project mist be approved by the tutor prior to the projects. A project description and work schedule will document your plans for the project exam before you start.

I uke 43 (to uker siden) startet jeg å jobbe med forberedelser til eksamen. Jeg fant en kunde og et konsept jeg ønsket å jobbe med, og utifra dette lagde jeg en prosjekt beskrivelse av eksamen, samt en fremdriftsplan for hver dag. I prosjekt beskrivelse har jeg beskrevet kunden som er Its Happening, og som jobber med bryllupsplanlegging. Videre har jeg beskrevet idéen, som går ut på at jeg skal hjelpe til med logo, visuelt materiale og webside. Tilslutt har jeg skrevet om mål som er ønskelig å oppnå i forhold til oppgaven, samt å lære om hvordan det er å samarbeide med en kunde og jobber som grafisk designer.

Fremdriftsplanen er laget i Microsoft XL, og tar for seg hver enkelt dag av oppgaven. For hver dag er det en ny oppgave jeg må jobbe med. Det er også inkludert jobbing i helgene, siden det av erfaringer ofte ikke er tid nok i hverdagene.

Slik er den grove planen:
Uke 1: Research og idéutvikling, her skal jeg låne bøker og bruke internett til å samle bilder og idéer til moodboards. Videre skal jeg bruke metoder slik som tankekart, ABC og katalog.
Uke 2: Skisser og digitalisering av skisser, her skal jeg først jobber analogt og prøve å ha en god prosess, hvor jeg starter med små skisser og slutter med detaljer. Tilslutt skal skissene jobbes videre med digitalt.
Uke 3: Produksjon av logo og grafiske produkter, her skal jeg først jobbe med utvikling av logo, og videre arbeide med produkter som skal lages. Mulig jeg trenger noe mer tid til dette, så arbeides vil mest sannsynlig fortsette i uke 4.
Uke 4: Webside, jobbe med å finne et domenenavn og opprette dette. Lage skisser, wireframe og sitemap. Altså jobbe med designet og layouten på siden. Videre laste ned WordPress, finne et theme som passer og lage et child theme.
Uke 5: Webside, fortsette å jobbe med å gjøre forandringer i child theme. Jobbe med innholdet på sidene.
b: Forbedring og kvalitetssikring av materiale, rapport og levering, her vil jeg først og fremst gjøre de siste endringene som må til. Jobbe med rapport, og bruke kilder effektivt, samt påse at filene er riktig og levere eksamen.

Prosjektbeskrivelsen og fremdriftsplan ble levert fredag 26.oktober, uke 43. Mandag 28.oktober, uke 44, fikk jeg tilbakemelding på beskrivelsen. Læreren mener jeg har veldig mye å jobbe med når det gjelder det grafiske, og mener mange helger vil gå med til arbeid. Kunden Its Happening, virker både spennende og utfordrende. Videre blir det nevnt at backup er svært viktig, og at jeg må bruke tiden godt. Målgruppen er i mindre grad beskrevet, så dette er noe jeg må jobbe med. Fremdriftsplanen må også jobbes med, da den skal være svært detaljert og utfyllende.

Nå gleder jeg meg til å sette i gang, med min aller siste eksamen for Noroff.

– Annette B. D.

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.

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.

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.

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.

Learning activity – coming up with a strategy

1. Set up a meeting with a business owner and ask him/her what he/she would want from a website. Also ask him/her what the business strategy is and how the website would fit into it.
2. Then write a detailed document about this.
3. I would like you to use the information from this document and create a website architecture.
4. Now let’s focus on the web design strategy. Your document should justify all the major decisions you make – from the domain registration, hosting, design and target audience through to what you decide in terms of programming.

Denne uken handler om å lære mer om websider og business strategi, samt finne et domene navn, et hosting service, design strategier og budsjett. Jeg startet uken med å lese leksjonene fra Noroff. Utifra disse leksjonene lærte jeg om front-end og back-end design, hva business strategi er, kundens forventninger, hvor viktig god kommunikasjon med kunden er, å forstå målgruppen og vite hvem de er, budsjett og at det enkle ofte er det beste – dette gjelder også for webdesign.

Videre har jeg sett på videoene som ble anbefalt fra Noroff på Lynda.com: Web design fundamentals av James Williamson. Her var det utrolig mye grunnleggende informasjon å lære, noe jeg har lært før og jobbet med før og en del nye ting. Nedenfor kan du se at jeg har sett alle videoene (100%), og det tok en del timer. Men det var verdt det!

Over til denne ukens læringsaktivitet: Til denne oppgaven har jeg hatt et møte med Anders Helseth, eier av firmaet Private Brand Solutions. Business strategien til firmaet er å komme i kontakt med nye kunder og leie seg inn for å levere tjenester innenfor markedskommunikasjon og rådgivning. Dette er en slags konsulentvirksomhet.

Hva ønsker kunden fra en webside? Kunden ønsker at en webside skal informere om tjenestene som Private Brand Solutions tilbyr. Det må være lett å ta kontakt og finne denne informasjonen. Det er også ønskelig å ha en portfolio hvor man kan vise til tidligere kunder.

Hvordan vil websiden passe med business strategien? Websiden vil fungere som en kommunikasjonsplattform for kunder. Det vil være viktig å alltid henvise kunder til websiden for mer informasjon og kontakt. Her skal alt de trenger å vite være, og siden må være brukervennlig.

Målgruppen til Private Brand Solutions er små og mellomstore bedrifter som ikke har et eget markedsteam, eller hvor det er for mange oppgaver og de ikke har muligheten til å ansette flere.

Kunder ønsket at designet skal være stilig og minimalistisk. Det skal ikke virke flashy eller ha noen forstyrrende elementer. Det er ønskelig med fokus på innholdet, og brukervennlighet. Videre ønsker kunden at de samme fargene som er å logoen skal brukes (rød, hvit og svart).

For hosting ønsker kunden å bruke Pro Iso (proisp.no). Kunden har gode erfaringer med dette selskapet, som tilbyr raske tjenester og personlig service. Når det gjelder domene navn er dette noe kunden allerede har sikret seg, og som er parkert: http://www.privatebrandsolutions.no.

I samarbeid med kunden har vi utviklet en webside arkitektur, som skal vise hvor de ulike sidene skal være, og hva slags innhold man skal finne.

Jeg ønsker ikke å jobbe med for mye programmering, siden dette ikke er min sterke side. Derfor er det ønskelig fra designerens side å bruke WordPress, finne et theme som passer kundens forventninger, og deretter gjøre forandringer.

– Annette B. D.

Learning Activity – Creating a brief

I want you to take on a client. I then need you to have a meeting with your client and create a very detailed brief. This brief should contain all the information that will be needed to archive the client’s requirements.
Your brief should cover these sections:
– What is the client’s service/product?
– What are their requirements?
– What is the website’s goal?
– How are you going to achieve this goal?
– Build the website architecture
– What is the design style that will be required?
– What are your suggestions for marketing the site?

Denne uken og en del uker fremover skal jeg lære mer om skjermbasert design. Jeg skal gjennomføre en del læringsaktiviteter underveis, samtidig som jeg jobber med en innleveringsoppgave. Denne vil bli presentert senere.

Jeg startet denne uken med å lese leksjoner fra Noroff, og se video fra Noroff. Videre har jeg vært på Lynda.com og sett videoene Web site strategy and planning by Jan Kramer. Jeg har også opprettet en egen screen design mappe hvor jeg kommer til å samle alle videoene under dette emnet. Dette for å lære meg å bli enda mer strukturert.

Over til ukens læringsaktivitet. Jeg har hatt et møte med en kunde som eier et merke med navnet Steelfeather.
– Produktet kunden selger er raw denim; klassisk jeans av høykvalitet. Håndlaget i Japan, med japansk selvage denim. Salget foregår online. Kunden designer jeansene. Kunden har egne forhandlere som selger jeansene.
– Målgruppen til merket er internasjonale jeans entusiaster, i alderen 20 – 40 år.
– Kundens krav – Å få frem produktet på en tydelig og presentabel måte. At kunder lett finner kontaktinformasjon på siden, og lett kan ta kontakt om de lurer på noe. Websiden skal være enkel å bruke, helst med få sider og konkret informasjon.
– Websidens mål er å informere kunder om produktet og merket, samt å få kunder til å ta kontakt  og vise videre til forhandlere.
– Dette skal oppnås gjennom å presentere bilder og tekst på en enkel og profesjonell måte. Websiden skal ære oversiktlig, og det skal være lett å navigere seg rundt på siden. Informasjonen skal være kort og konkret, og designet skal være interessant og helhetlig.
– Designstilen som kunden ønsker er noe minimalistisk, enkel og med fokus på innholdet. Det skal ikke være noen forstyrrende elementer, men siden skal heller ikke være kjedelig.
– Når det gjelder markedsføring av siden vil dette hovedsaklig foregå gjennom interesseforum, da særlig forum for jeans, japan og klær. Videre vil kunden bruke sosiale medier, samt dele ut flyers og visittkort på relevante events.
– Sidestruktur, bygget i samarbeid med kunden.

Dette har vært en lærerik oppgave, hvor jeg har fokusert på hva kunden ønsker og fått ut mest mulig informasjon for å gjøre briefen så detaljert som mulig.

– Annette B. D.

Learning Activity – Having fun with brand identity

Watch the movie «The Greatest Movie Ever Sold» and answer the following questions:
1. Do you think the movie provides insight or detail into what drives product placement in entertainment?
2. What have you observed about presentations of visual strategies/brand identity?
3. Let’s consider this movie as a form of research. In other words, it was done to see what the effect of branded entertainment would be, a case of sorts. What are your findings? What have you learnt? What has changed your pre-conceived ideas? Do you think there’s relevance in this case study? How could you apply your observations in real life?
4. From the findings above imagine that the international coffee brand, Starbucks, is your client. Give one complete strategy for small activation campaign to advertise Starbucks on aeroplanes. Give one idea of how you would do this, by following the 5 steps of the work process.

Denne oppgaven har tatt lang tid for å gjennomføre. For det første har det vært vanskelig å finne tid til å sette seg ned å se hele filmen, og for det andre har det vært krevende å gjennomføre de 5 stegene med en «ekte» kunde i tankene.

1. Jeg synes absolutt at filmen både gir innsikt og går i detaljer når det gjelder hva som driver produkt plasering i underholdningsbransjen. Filmen går veldig dypt i detaljer, og ser ting fra mange perspektiver: fra eksperter, publikum, tilfeldige, merker, advokater (lovlig), og til kritikere etc. Mange ulike synspunkter som tilslutter danner et godt bilde av hvordan det egentlig er.

Hva ser merkene på som fordeler? Hvordan kan de påvirke filmen? De blir ikke negativt omtalt siden folk skjønner at hovedpersonen er satire, og man får sympati. Merkene kan ha mye å si for filmen. De kan påvirke filmens budskap, og heftige kontrakter står som regel bak. Med en gang de stiller med penger, stiller de krav, og filmen må gjerne skrives om etter at merkene/firmaene har kommet med sine skriftlige kontrakter.

En ting jeg har lært av filmen er at i USA er det mye mer bruk av produktplassering, og mer vanlig. En annen ting er at når man åpner seg for å ta imot merker, blir det fort vanskelig å si nei til fler. Tilslutt har du så mange krav og kontrakter å ta hensyn til. Siden dette var en film om advertising var det positivt, ellers kunne det blitt vanskelig å skrevet om filmen.

Filmen har skapt mye publisitet og oppgang i salg. Han brukte sponsor pengene som advertising til egen film, i form av klistremerker, bannere, t-skjorter, plakater etc.

2. Av presentasjonene om visuell strategi og merkevare identitet i filmen har jeg observert mye forskjellig. Jeg har fått med meg at små merker kan være mer åpne for alternativer og ha en mer positiv holdning, mens mange store merker kan være overbeskyttende og skeptiske. De store merkene ville ikke bli sammenlignet med han, og de ville forsvare sitt eget merke.

POM – han kom med sine ideer, men ingen av dem ville de bruke. De hadde en egen ide: Fortell hvor dårlig konkurrentene er, og hvor bra vi er. Dette gjennomførte han. Ved dette har jeg lært at produktene alltid skal bli vist fra sin beste side, og alle konkurrenter skal gjerne bli «vasket» ut og fremstilt dårlige. Utifra dette har jeg ikke lært noe nytt, men håper å være mer observant på produkt plassering i filmer i fremtiden.

3. Det jeg fant ut av filmen var at produktplassering i underholdning er svært utbredt, og mange merker benytter seg av det.  Derimot benytter de seg ikke av produktplassering helt ukritisk, og filmskapere (og andre innen underholdningsbransjen) er nødt til å forholde seg til ganske detaljerte kontrakter for å kunne få slike midler til å finansiere filmene sine. På denne måten mister ofte filmskaperen litt av kontrollen på innholdet i filmen, og må ofte inngå kompromisser når det gjelder innhold; forandringene kan være alt fra små (produkter plasseres i bakgrunnen) til store (påvirker filmens handling og dialog direkte).

Jeg føler ikke filmen har forandret noen av mine forutinntatte ideer om produktplassering innen underholdning, men egentlig bare bygget opp under det jeg trodde: altså at produktplassering er svært utbredt og avansert. En positiv side er at merkene som ønsker å plassere produktene sine i for eksempel film hjelper disse prosjektene til å bli realitet gjennom å gi midler til finansiering. En negativ side er at publikum senker sperrene for reklame og kan oppfatte slik markedsføring ubevisst og som objektiv.

Det kom også frem i filmen at kjendiser har stor troverdighet, og dette er jo tydelig i mange merkers kommunikasjon. Kjente ansikter kan låne troverdighet til et merke om de forbindes sammen på for eksempel en plakat.

4. Du skal lage en kampanje for å reklamere for Starbucks på fly. Dette skal du gjøre gjennom å produsere en videosnutt i sammenheng med rabattkuponger.

Strategien er å fremstille Starbucks på en forholdsvis objektiv måte (muligens bruk av kjendis, ettersom kjendiser har troverdighet). En liten reklamesnutt om bord på flyet kan spilles av etter sikkerhetsrutinene, og minne folk på at de har fått en rabattkupong på kaffe og en snack på deres destinasjon. En oppkvikker etter en lang flytur, og noe som skal gjøre at de klarer seg på turen hjem fra flyplassen; f.eks. i taxi, tog, osv.

Starbucks er raskt og effektivt og kan lett plukkes opp på veien ut til transporten vekk fra flyplassen. Oppgrader gratis til en større størrelse. Slogan: «Når du skal klare deg hele veien hjem, da er Starbucks din venn». I denne sammenhengen kaller jeg det hjem selv om at jeg er klar over at noen er turister og ikke ser på hotell som sitt hjem, men et oppholdssted.

Research:
Starbucks er en kaffebarkjede som startet i USA, og er nå en kjent merkevareidentitet verden over. Starbucks er kjent for sin kvalitet på kaffe, og andre produkter. De tenker dessuten på miljøet, og prøver å være trendy og «følge» moten.

Strategi:
Kunde: Starbucks
Hva: Videoreklame/snutt på fly
Hvorfor: For å få flere kunder, både business, internasjonale og turister.
Hvordan: Videosnutt med reklame etter sikkerhetsrutine-videoen,
Mål: Få lyst på kaffe fra Starbucks på veien hjem eller på vei dit de skal (ferie), velge dette fremfor andre merker. Være klar over utvalget, både varme og kalde drikker, samt kvaliteten.
Tidsplan og budsjett?

Touchpoints:
En flyer er lagt ved i hver sete-lomme. Hvis det ikke er noe der er det bare å spørre personalet om en ny. Det er ønskelig å bruke en kjendis til reklamevideoen og da hadde det vært ønskelig å bruke Johnny Deep. Dette er en ønskelig effekt som Starbucks ønsker at kunden skal forbinde merket sitt med.

Manage the assets:
For at det hele skal bli forsterket i tillegg til å bruke en kjendis kan flyeren inneholde en qr-kode hvor kundene kan sjekke ut nettsiden til Starbucks. På nettsiden kan kundene lese om alle produktene Starbucks tilbyr og dermed vite på forhånd hva de ønsker å bestille. Flyeren kan itillegg til å representere en gratis oppgradering av kaffekopp størrelse ved fremvisning, være med på å skape en spenning ved at hver 100 kunde får en gave. Flyeren kan også benyttes til en venn. Flyeren kan også eventuelt benyttes ved kjøp av snacks elle bakevare, ved at man får rabatt på dette.

– 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.

 

Oblig.02 – Four surfaces, four decades

You are developing a concept for a client. The mission is to create a concept where to illustrate a subject on 4 surfaces:
1. The 4 surfaces is representing 4 decades.
2. The 4 surfaces are representing one decade each. It is important to the client that the surfaces have wholeness but still represent each decade.
3. Choose client, theme and decade.

For denne obligatoriske oppgaven skal jeg velge meg en kunde og deretter et produkt jeg ønsker å bruke som overflate når jeg videre skal lage 4 ulike design inspirert av 4 forskjellige epoker og tiår. For denne oppgaven er utstyr og programvare valgfritt, samt media og teknikk.

Siden jeg synes oppgaven var nokså åpen, begynte jeg med å skrive ned idéer til produkt/overflate innen mat og drikke. Dette gjorde jeg fordi jeg synes dette var en bedre start/idé enn å starte med å finn en potensiell kunde. Deretter skrev jeg ned ulike materialer, altså overflater i denne sammenheng, og tilslutt ulike epoker innenfor design historien.

Etter notatene fant jeg bilder fra internett og samlet de i to ulike moodboards; det ene moodboardet viser produkter innen kategorien snacks – hvor IFA pastillen var det produktet jeg mest kunne tenke meg å jobbe med, altså med Nidar som kunde. Det andre moodboardet viser produkter innen kategorien drikke her hadde jeg allerede begrenset meg til de drikkevarer som var mest aktuelle for meg å designe noe til. Når det gjelder te har jeg sett for meg Pukka som kunde, og har funnet ut at de som driver dette i Norge er Marianne Willumsen AS og Frontier. Jeg jobber fortsatt med å se etter en potensiell kunde for vin, og om jeg skal velge et merke eller et større selskap. Så langt i researchen har jeg funnet et vin-merke jeg liker Blossom Hill, og selskapet som blant annet fører dette merket og mange andre er Diageo. Det siste moodboardet viser bildet av ulike materialer, som jeg eventuelt skal lage et design til. I oppgaven er overflate viktig, og i den sammenheng hva slags materiale som skal bli brukt, og hva man må ta hensyn til.

Etter denne prosessen har jeg kommet frem til at jeg skal velge et produkt innen te eller vin, og velge Pukka som kunde eller finne en potensiell kunde innen vin.

For research på design historie og stiler har jeg benyttet Tate Artist Timeline av Sara Fanelli (2006). Her er hele tidslinjen scannet, som går fra 1900 – 2000:

Utifra dette har jeg gjort research rundt de forskjellige epokene/tidsperiodene, sett på arbeider fra denne tiden, kunstnere, lest om kjennetegn, historie osv. Jeg har gjort meg notater underveis og kommet frem til 6 alternative epokene, dette er: Art Nouveau (1890), Kubisme (1910), De Stijl (1910) Surrealisme (1920), Pop Art (1950) og Minimalisme (1960).

 

 

Etter denne prosessen har jeg kommet frem til at jeg eliminerer De Stijl, siden jeg jobbet med denne perioden i min forrige obligatoriske oppgave, samt at denne bevegelsen oppsto i samme tiår som kubismen. Jeg velger også å eliminere Surrealismen siden dette kan bli veldig krevende, siden det skal se realistist ut samtidig som det skal være urealistisk. Mine 4 valgte epoker og tiår blir derfor Art Nouveau, Kubismen, Pop Art og Minimalisme.

– Annette B. D.

WEBP – Fotografering, redigering og plugins

På tirsdag forrige uke hadde jeg en foto shoot med kunden og produktet han selger. Først brukte vi litt tid på å bestemme hvor og hvordan bildene skulle bli tatt, deretter måtte kameraet (Canon 7D) testes ut og produktet (jeans) gjøres klart.

Etter 1 time var fotograferingen over, og nesten 100 bilder å velge mellom. Jeg lastet opp bildene, og tok en gjennomgang av bildene sammen med kunden. Sammen valgte vi ut de beste bildene og de vi trengte til beskrivelse/dokumentasjon på nettstedet. Bildene fra denne shooten var tenkt å bli brukt under sidene Collection og Lookbook, samt til header og bakgrunn.

Her er contact sheets av foto shooten:

contact sheet_001

Senere kom arbeidet med redigering av de valgte bildene. Vi sto igjen med 25 gode og forskjellige bilder. Alle bildene ble tatt i RAW format, og både portrett og vidvinkel objektiv ble testet ut, samt at alle bildene har en ISO på 100. Jeg benyttet Photoshop, beskar bilder, justerte exposure, saturation, luminance, temperature, samt forandret bilde størrelsen til rundt 1000 px på den lengste siden. Dette ble gjort med alle de 25 bildene, samt at Steel Feather logoen ble lagt til nederst i høyre hjørne.

Dagene etterpå har jeg jobbet en del med galleri og slideshow. WordPress på egen server kommer ikke ferdig installert med slideshow, slik som jeg er vant med her fra bloggen. Det må egne plugins til, og jeg har vært kritisk til hvilken plugin som fungerer til hva og om de fungerer til det kunden ønsker.

http://codex.wordpress.org/Photoblogs_and_Galleries

http://www.paddsolutions.com/turn-wordpress-gallery-into-slideshow/http://en.support.wordpress.com/slideshows/

I havet av plugins har jeg funnet 5 favoritter til slideshow/galleri løsning til nettsiden:

http://wordpress.org/extend/plugins/gallery-plugin/

http://wordpress.org/extend/plugins/nextgen-gallery/

http://wordpress.org/extend/plugins/meteor-slides/

http://wordpress.org/extend/plugins/wp-content-slideshow/

http://wordpress.org/extend/plugins/portfolio/

Jeg har vært kritisk til hvilken plugin jeg skulle velge, siden jeg har opplevd problemer med dette før. Jeg leste description nøye, deretter hvordan installasjonen foregikk, var det noe som var uklart her bestemte jeg meg for å velge bort den valgte plugin. Videre så jeg på screenshot, og var på jakt etter bilder som viste et galleri med prev og next buttons. Dette var en funksjon kunden ønsket på sitt galleri. I denne prosessen har jeg også lest hva andre personer mener om denne plugin, hvor mange som har lastet den ned og om support er god og rask.

Tilslutt valgte jeg plugin NextGen Gallery, fordi den har mange muligheter og stadig blir oppdatert. På WordPress siden kunne man finne en demo video, som gjorde det lettere å forstå hvordan installasjonen og videre muligheter/valg fungerte. Sist uke var jeg ikke alene om å installere denne, siden det var 23.161 andre som gjorde det også. Det sier noe om troverdigheten til en plugin, og så langt har jeg ikke opplevd noen problemer. Installasjonen gikk bra: lastet ned plugin, lastet opp i cPanel i Plugins mappen, logget inn på wordpress, aktiverte plugin og testet ut de ulike valgmulighetene.

Nå har jeg lagt inn beskrivende titler, som sier noe om hvert enkelt bilde, samt valgt en bestemt rekkefølge på bildene. Jeg har også forandret en del valg under Gallery -> Options. Slik ser det første bilde i galleriet ut, med beskrivende tittel og buttons nederst:

Videre har jeg sett og vurdert en del alternative plugins for Akismet, siden dette ikke lengre er gratis å bruke. Først har jeg funnet en del internett kilder til alternativer og skrevet ned disse, og utifra kildene har jeg funnet 4 favoritter:

http://wordpress.org/extend/plugins/growmap-anti-spambot-plugin/

http://wordpress.org/extend/plugins/defensio-anti-spam/

http://wordpress.org/extend/plugins/bad-behavior/

http://wordpress.org/extend/plugins/antispam-bee/

Hvilken plugin jeg skal velge er vanskelig, så jeg skal spørre kunden om han finner en favoritt blant disse 4. Nå begynner nettsiden å bli ferdig, og innen fredag skal alt leveres.

– Annette B. D.

WEBP – Font, farge og header

Jeg har ikke vært så flink til å poste her på bloggen den siste uken, men skal oppdatere dere om alt jeg har stevd og arbeidet med den siste uken, samt hvordan jeg ligger an i prosessen.

«Troverdighet er viktig på web fordi terskelen for å etablere nettsider er veldig lav» (Furu, 2005: 112). Det er faktisk slik at hvem som helst kan lage en nettside, og skrive akkurat det de vil, uten at noen vet om det er riktig/sann informasjon eller ikke. Det visuelle førsteinntrykket er det aller viktigste, så jeg har prøvd å planlegge design og utseende til nettsiden svært nøye. «Design og formgivning må være ryddig og oversiktlig, og må kommunisere seriøsitet» (Furu, 2005: 114).

Fargevalg: For å velge ut noen farger har jeg brukt Photoshop, og laget et slags moodboard. Fra et tidligere innlegg har jeg skrevet at kundens ønske var å bruke fargene indigo eller burgunder. Kunden ønsker en klar og enkel stil, med hvit/grå bakgrunn (til tekst), og selve teksten i svart/kull. Vi har tatt dette i betrakning utifra at svart tekst på hvit bakgrunn gir den beste lesbarheten: positiv tekst (Nielsen, 2002). Foreløpig har jeg valgt #4c4d4e til hover på menyen. Om jeg kommer til å bruke noen av de andre fargene noen andre steder på hjemmesiden vil jeg diskutere med kunden.

«Tekster beregnet for skjerm bør forfattes og presenteres på en annen måte enn hva tilfellet er for trykte medier» (Hoem, 2002:124). Brukerne er ikke interessert i å sløse bort noe tid på uinteressant informasjon, og de vil ofte «scanne» en tekst og lese i stikkord form. Beskrivende overskrifter er viktig, bruk forskjellige nivåer på overskriftene (H1, H2, H3 etc), samt bruk lister og korte avsnitt. «Bokstavenes form har betydning for lesbarheten, noe som er spesielt viktig ved skjermvisning. Gode skjermfonter er Verdana, Arial og Helvetica» (Hoem, 2002:126).

Fontvalg: Her har jeg laget et utvalg av fonter til skal fungere som titler/overskrifter som jeg mener passer til hjemmesiden og er brukervennlige. Har prøvd ut mange ulike typer for å få variasjon, og tilslutt ba jeg kunden velge 5 favoritter (kan sees til høyre). Alle de fem fontene har blitt testet ut på hjemmesiden, og fonten LHF Indian Script 2, som kunden allerede har benyttet i andre sammenhenger, reflekterer best det kunden ønsker å uttrykke.

Fra wikipedia: Gill Sans – Humanist sans-serif av Eric Gill, utviklet i 1926-28.
Optima – Humanist sans-serif av Hermann Zapt utviklet i 1952-55.
Trebuchet MS – Humanist sans-serif av Vincent Connare utviklet i 1996.
Helvetica – Neo grotesque sans-serif av Max Miedinger utviklet i 1957.
Arial – Neo grotesque sans-serif av Robin Nicholas og Patricia Saunders utviklet i 1982.
Fra wikipedia sine sider om de ulike formene for sans-serif er humanist sans-serif den typen som er mest kalligrafisk, mens neo grotesque sans-serif er de mest vanlige og mest brukte fontene.

Deretter valgte jeg ut noen forslag til fonter som kunne brukes i brødtekst, altså i all tekst som kommer på de ulike sidene. Brukte samme metode her, hvor jeg ba kunden ende opp med 5 favoritter. Noen av fontene har blitt testet ut i bruk av en lengre tekst. Vi har testet ut alle og synes Gill Sans og Trebuchet MS er de beste.

Header: Har jobbet en del med design og utvikling av en header de siste dagene, og diskutert med kunden hva han helst ønsker. Før arbeidet med dette har jeg gjort en del research, og vil anbefale disse sidene:
http://codex.wordpress.org/Designing_Headers:

1. «Websites are also judged by their covers and the first impression often comes from the header.» Headeren er altså noe av det første folk ser og legger merke til på hjemmeside.
2. «Pay attention to text placement and color.»
3. «Have a purpose and point. «
4. «It should invite visitors to remain.»
5. «It should blend in with the overall look.»
6. «Headers do not need to have pictures.»
7. «Cluttered headers are still cluttered.»
8. «Maintain accessibility standards in your header.»
9. «Headers can be any height, but remember content sells. «
10. «Think ‘Site Identity’.»

http://www.sitepoint.com/gif-jpg-png-whats-difference/
http://randyzwitch.com/custom-header-twenty-eleven-child-theme/
http://en.support.wordpress.com/themes/custom-header-image/
http://www.w3schools.com/tags/tag_comment.asp

Her er noen av mine forslag til header for Steel Feather:

Foreløpig har det siste eksempelet blitt valgt, dette fordi det viser en viktig detalj ved produktet som blir solgt (selvedge) og logoen med firmaets og designerens navn. Denne headeren vil mest sannsynlig bli byttet ut mot en annen, noe jeg skal jobbe videre med de kommende dagene.

Logo: Kunden har selv utarbeidet logo, og kjøpt fonter og dekorasjon/elmenter er har blitt benyttet i designet. Han har designet en lærmerke som vises på baksiden av jeansen, hvor merket/navnet er med, fjæren som er symbolet, dekorasjon og tekst rundt, samt slagord.

Dette er også designet av kunden selv, som viser merkenavnet og designerens navn. Denne logoen skal brukes på alle bilder som skal bli publisert på nettsiden, for opphavsrett og copyright av bilder tatt av Steel Feather. På bildet til høyre vises et sizing label med vaskeinstruksjoner, merkenavnet, størrelse og designerens navn.

 

Kunden har også designet et stempel, som fungerer som en hang-tag som han sender ved alle produktene sine. Dette er for markedsføring, og her går fjæren og fonten i merkenavnet igjen i designet.

Kunden hadde ingen logo som var skjermvennlig, så sammen utviklet vi denne logoen, med tanke på å beholde fonten i merkenavnet og fjæren. Denne logoen er enkel og viser de to viktigste elementene som representerer firmaet og deres produkter. Logoen har blitt testet ut, men om den kommer til å bli benyttet på nettsiden og eventuelt hvor blir opp til kunden å bestemme.

– Annette B. D.

WEBP – Installasjon

WordPress er noe som kalles «open source», det betyr at programvaren er gratis og at den blir utviklet av mange, samt at det er åpent for alle å gjøre endringer. På wordpress.org kan du laste ned alle filer du trenger for å installere wordpress på egen server.

Fordelen for kunden med at vi velger WordPress er at han enkelt kan logge seg inn, legge ut nyheter, publisere bilder eller oppdatere opplysninger. Brukerpanelet er lett tilgjengelig, og han slipper å anskaffe programvare. Fordelen med å velge WordPress for min del er at jeg kan lage et design som kunden ønsker, og ha full kontroll over dette. Jeg slipper å ha ansvar for at nettsiden blir oppdatert, og kan levere en løsning som dekker flere behov.

Igår jobbet jeg en god del med WordPress og cPanel. Jeg startet med å laste ned WordPress filene på min datamaskin, og forandret wp-config filen. Hadde litt problemer med å finne ut database brukernavn og passord, samt hostname. Dette løste seg heldigvis etterhvert. Deretter logget jeg inn på cPanel for første gang, og slik så hovedsiden ut:

Jeg gjorde meg kjent med mulighetene og valgene i programmet, og så en del videoer, her (og på Youtube). Jeg prøvde lenge å finne ut hvordan jeg enkelt kunne laste opp WordPress mappen fra min maskin til cPanel, uten å måtte laste opp en og en fil. Tilslutt fant jeg ut at jeg kunne velge Softaculus under Software/Services, og laste ned WordPress derfra. På denne måten ville WordPress bli lagt rett inn i cPanel, og i den ønskede mappen. Jeg forandert igjen wp-config filen, og lastet ned noen themes. Disse måtte jeg komprimere, for deretter å laste dem opp i cPanel, i wp-content mappen, og tilslutt velge Extract. 

Denne beskjeden kom opp når wordpress installasjonen var ferdig, og deretter var det bare å logge inn og se brukergrensesnittet.

Det er mange mapper å holde styr på i File manager i cPanel, men jeg føler dette er litt mer oversiktlig enn Adobe Dreamweaver. Jeg prøvde først å jobbe i Filezilla, men brukernavn og passord fungerte ikke så jeg fikk ikke koblet meg til server. I cPanel kan man enkelt justere file permission, man kan gjøre forandringer direkte i filen (editor), laste opp nye filer/mapper etc. Så langt føler jeg dette er et oversiktlig og godt program å bruke.

Tidligere denne uken har jeg jobbet en del med å finne mulige webhotell, og hva de tilbyr og til hvilken pris. Jeg fant ut at kunden allerede brukte Pro ISP, men Pro Basic løsningen. Vi fikk informert dem om at vi ønsket å oppgradere til Pro Medium, slik at man kunne legge til flere subdomener. Altså at vi kan bruke flere websider på denne serveren/webhotellet.

Her kan du se sammenligningen av de ulike løsningene Pro ISP tilbyr, og hva som kom opp av mulige domene valg når jeg klikket søk:

Jeg fant denne anbefalingen på WordPress sine sider angående webhotell:

Vi sendte en forespørsel til Pro ISP om dette, og resultatet var:
PHP versjon 5.3.6
MySQL versjon 5.1.61 – cll
Apache versjon 2.2.19

Nå er domenet parkert hos Pro ISO, og endelig har de oppgradert kunden fra Basic til Medium (dette tok noen dager).

I dagene fremover skal jeg jobbe med logoen til kunden. Skal logoen skjermtilpasses, eller fungere slik den er; med to type fonter, symboler og detaljer? Itillegg skal jeg sette meg mer inn i Child theme, og jobbe med å tilpasse et design kunden ønsker.

– Annette B. D.

WEBP – Research 2

Igår hadde jeg et diskusjonsmøte med kunden, hvor vi diskuterte idé, design, layout, font og farger, samt en god del andre ting/elementer som er viktig i forhold til prosessen og ferdigprodukt i oppgaven. Fra litteratur-lesingen forrige uke skrev jeg ned en del notater med viktige punkter, og mange av disse ble mer avklart i denne møtet.

Som sagt tidligere har kunden selv utarbeidet logo og noe annet visuelt materiale. Denne logoen er klassisk, maskulin og myk, noe som gjenspeiler seg i produktene kunden selger og produserer. Logoen er svært detaljert, og inneholder både fonter og symboler. Om logoen er egnet for et nettsted eller ikke må testes ut, helst innen denne uken. Hvis ikke må jeg og kunden komme frem til en løsning som er enklere og bedre egnet for å vises online/på skjerm.

Kunden ønsker helst indigo og burgunder farge på nettstedet, og med en sans-serif font som er enkel og lettleselig. Det vil bli utarbeidet en blanding av asymmetrisk og symmetrisk  layout, siden det kan forekomme ulik layout på nettstedets forskjellige sider. Noen endringer kan oppstå når det gjelder sideantall og innhold. Kunden har behov for 6 sider, og alle skal være på engelsk på grunn av en internasjonal kundegruppe. Dette er dessuten et språk flere kan og forstår, enn norsk. Det har blitt laget to sitemaps, for en god og visuell oversikt over antall sider og deres innhold. Dette og notater kan sees under.

Videre ønsker kunden at bredden på innholdet ikke skal være for bredt, vi mener bredden som et A4 ark burde holde. Dette er igjen noe som må testes og prøves ut. Andre problemer er å få frem at dette er et denim-klesmerke nettsted, og samtidig få frem produktene og deres kvalitet. Få frem at det er lidenskap for denim, og vurder en denim tekstur som bakgrunn.

Nettstedet skal være brukervennlig og tilrettelagt for brukerne. Her skal det finnes informasjon om produktene, om produksjonen, nyheter og mulighet for kontakt/ytterligere informajson ved å fylle ut et kontakt-skjema eller benytte e-mail adresse/telefon. Nettstedet skal dessuten benytte seg av en god navigasjons løsning, som er enkel å bruke. For å illustrere hovedelementene dette nettstedet består av, har det blitt utarbeidet 4 wireframes. Disse skissene tar for seg hovedsiden, wireframe av de andre sidene kommer eventuelt senere, ved behov.

I dagene fremover skal jeg jobbe med layout og design av nettstedet, samt utføre en del skissering på dette. Det er mye som skal testes ut, prøving og feiling må til for å oppnå et resultat både jeg og kunden er tilfredsstilt med. Har jobbet en del med moodboard, men synes det er vanskelig nå som mye av fokuset er på den tekniske delen. Dette og mer kommer i senere innlegg.

– Annette B. D.