Ferdig!

Da har jeg levert, har alltid en uggen følelse når jeg trykker på «send til karaktersetting», men nå er det gjort og jeg kan ikke gjøre annet enn å vente på resultatet:)

God sommer!

 

Resultat web eksamen 2012

Vanityforyou.com

Da er resultatet klart for offentligheten! Det har vært en flott arbeidsperiode, der jeg har lært mye nytt i forhold til å designe et nettsted for en kunde. Kunden har enda ikke lagt inn noe på siden, men det kommer snart, skal bli spennende å se siden med mange gode sminke og hudpleietips, og ikke minst flere inspirerende bilder. Bildet under viser cd lommen jeg har designet.

 

 

 

 

 

 

I morgen skal rapporten leveres, tror den er ferdig, det jeg ikke har fått med nå er sikkert ikke verdt å nevne.

Ønsker alle en riktig god sommer! Mandag starter jeg i jobb som multimediedesigner, gleder meg veldig.

Designprosess fra analoge skisser til endelig design

 

 

 

 

 

 

 

 

 

 

Utvalgte digitale skisser, her er pdf med alle digitale skisser digitaleSkisser.

 

 

 

 

 

 

 

 

 

 

 

Bildene under viser de skissene kunden ønsket jeg skulle jobbe videre med. Skissen til venstre viser designet kunden valgte.

Inspirasjon design

Bildene her viser noen av de sidene jeg har hentet inspirasjon fra. Researchen har handler like mye om å finne gode design som å finne god brukervennlighet. Jeg opplever mange av nettstedene, særlig bloggene for makeup som rotete, og lite brukervennlige. Få har utpreget god design, noe som svekker troverdigheten av siden etter min mening.

Bildet under til venstre  viser de sidene jeg har latt meg inspirere av mest i forhold til meny, bildebruk, og tekstfelt.

Logo prosess

Kunden min var tydelig på hvordan hun ønsket logoen til nettstedet, stram slank font uten tilknyttet symbol. For å komme opp med navn til nettstedet brukte jeg ABC metoden, og leste om kosmetikkens historie for å hente inspirasjon. Navnet ble Vanity som betyr forfengelighet, eller evnen til å tiltrekke seg oppmerksomhet. Da navnet ble valgt googlet jeg det for å se om det allerede var i bruk, noe jeg ikke kunne se at det var. Skisseprosessen startet, og logoen ble satt. Det skulle vise seg at jeg burde sjekket på domeneshop.com først, da navnet selvfølgelig var i bruk alikevel. Navnet ble da endret til Vanity for you, og ny logo måtte lages. Bildene under viser inspirasjon og prosess fra første logo til endelig logo.

Jeg startet prosessen med å søke etter inspirasjon i forhold til design, farger og font. Videre tok jeg snapshots av  fonter fra fontsquerrel.com, og lagde forslag til logo. Kunden gjorde et utvalg av font, oppsett og farger og det endelige oppsettet kom raskt på plass.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bildet under viser første logoen som ble valgt.

 

 

 

 

 

Her er den endelige logoen

Eksamensmodus

Prosjektoppgaven går ut på å utvikle et prosjekt for en bedrift, en organisasjon eller et prosjektområde som velges av den enkelte student. Sluttproduktet skal være en html- eller en flash-presentasjon, i tillegg skal det lages et CD/DVD cover.

Kunden min driver Cosmetique N.H Lied, hun har til nå brukt facebook som portal for å vise tilbud, makeover, tips m.m. Kunden ønsker et eget nettsted der hun selv kan legge inn innlegg og bilder, og der det er mulighet for å melde seg på makeup kurs.

Oppgaven min går ut på å lage et nettsted i wordpress der kunden selv kan legge inn bilder og tekst. Nettstedet skal være hennes personlige ikke en del av Cosmetique, og det skal skille seg ut fra sminkebloggene som allerede eksisterer. Jeg skal også lage logo å bidra med navngiving av nettstedet.

Jeg er veldig heldig å har en kunde som vet hvilken stil hun er ute etter, stikkord som enkelt, rent, ekslusivt og elegant er noen av stikkordene jeg jobber etter.

Målgruppen er kvinner i alderen 16-60 år med interesse for sminke og accessories.

Dette blir et spennende prosjekt!

WEBM mappeinnlevering 2.semester

Da sier jeg meg ferdig med forbedring av de obligatoriske oppgavene, og designet på mappeinnleveringen min. Mappen består av en html side utformet i Adobe Dreamweaver der det er linker til de tre obligatoriske oppgavene og min reflekterte dagbok.

Designet på mappeinnleveringen skal representere meg som designer. Jeg lar meg ofte inspirere av funksjonalismen/bauhaus stilretningen med sitt enkle uttrykk der funksjon og design går hånd i hånd uten overflødige element. Dette lå nok også i bakhodet mitt når jeg skisset til designet på mappen. Jeg har lekt meg typografi i designet, tenkt komposisjon, luft, balanse og funksjon. Jeg endte opp med et asymmetrisk design, simplistic stil med mye luft og få detaljer, men kontrast i fargebruk der svart opptrer brutalistisk mot den hvite bakgrunnen.

http://elevarbeid.webstudent.no/dmk1_nettstudier/iselin_vatnehol/mappeinnlevering

obl.07 Fotoessay

Jeg var mildt sagt uheldig og tolket oppgaveteksten utover det som var lov ved første innlevering. Jeg brukte meg selv som modell, og selvutløser, og ble dermed oppfordret til å finne ny modell, og ikke bruke selvutløser  til forbedringen av oppgaven. Jeg kunne spille videre på ideen min fra første innlevering, og i starten var det også tanken. Modellen jeg fikk var i mammaperm, så det passet bra til temaet «husmor». Siden denne oppgaven skulle ligge til grunn for obl.08 fotogalleri og banner tenkte jeg å jobbe parallelt med begge oppgavene. Men litt uflaks skal en tydeligvis ha. I starten av arbeidsperioden ble jeg syk, så fikk sønnen min vannkopper som varte i to uker, og når jeg da endelig skulle ta bilder av modellen var hun tilbake i jobb. Løsningen ble å ta bilder av henne på jobb, en løsning modellen var mer komfortabel med.

Jeg fikk tatt mange bilder, og hadde fokus på variasjon i utsnitt og vinkler/perspektiv. Jeg ønsket å formidle modellens rolle som butikkdriver/eier, og få frem hennes glede for arbeidet og den lystige personligheten. Lyssettingen er dagslys fra vinduene, ingen bilder er tatt med blits. Bildene ble noe mørke, så jeg har redigert alle til tilnærmet high key med kontrast. Det endelige fotoessayet er jeg fornøyd med, bildene harmonerer, og jeg har fått frem både personlighet og arbeidsrollen.

Her er pdf av bildene:

Fotoessay Arbeidstid med Amalie

Obl.06 Forbedring av enkelt nettsted

Tilbakemeldingen jeg fikk på mitt enkle nettsted var:

  • Banneret burde lages i photoshop
  • Midtstille siden
  • ikke bruke absolute position på alt, men bruke relative
  • ellers var det bra innhold og brukervennlighet

Jeg laget banneret i Photoshop og lagret som png. Ved første innlevering hadde jeg rosa og grå som farger, og jeg følte i etterkant av innleveringen at det ble for jentete i forhold til innholdet på siden. Jeg valgte en gul farge, som både er kjønnsnøytral og frisk, og harmonerer godt med gråfargen. Jeg endret også fonten til «Coupe», en stram og slank font som står godt i stil til det stramme designet på nettstedet. Jeg startet helt på nytt med å lage siden, og jobbet meg systematisk gjennom den. La inn container med relative position og midtstilte den, og la alt innholdet inn i containeren med absolute position. Fotogalleriet midtstilte jeg også for å få en bedre helhet.

Jeg ble anbefalt å teste nettstedet i en w3c validator og der dukket det opp flere errorer, deriblant ulukkede <div id> og manglende «alt». Dette gikk raskt å endre, og etter en ny sjekk i validatoren var der ingen error.

Her finner en nettstedet:

http://elevarbeid.webstudent.no/dmk1_nettstudier/iselin_vatnehol/

10.1 Nettsted for regnskapsfirma

Oppgaven gikk  ut på å lage et nettsted i wordpress for et fiktivt regnskapsfirma. Minst fire sider som inneholder hva de tilbyr, ansatte, kontaktinfo og nyhetsside. Jeg skulle også gi brukerrettighet til en jeg kjenner som skulle gå inn å legge inne post.

Å få installert dette nettstedet var ikke enkelt da det krasjet med andre arbeider jeg har liggende på serveren, jeg kluddret til passordet og måtte starte på nytt flere ganger. Men når det var ordnet gikk det hele ganske smertefritt. WordPress har virkelig mange muligheter liggende, og mye en kan legge til og kjøpe til som ekstraeffekter. Jeg har løst denne oppgaven på en enkel måte, og valgt å forholde meg til enkle redigeringer av temaet som farge på overskrift og organisering av menyer, legge til flere sider, og endret bilde på hovedsiden. En kollega av meg la til en post under nyheter, men jeg kan ikke se at den ligger der nå, så da får vi prøve igjen:)

Her er resultatet:

http://elevarbeid.webstudent.no/dmk1_nettstudier/iselin_vatnehol/w/