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.

Learning Activity – Visualise your Ideas

I would like you to create a moodboard and storyboard using a word and its meaning as the concept. For example, you could use the word «prop». You could then use the «r» to prop up the «p» that keeps falling over. That’s just to give you an idea, be creative and use a word and concept for your own.

Denne oppgaven var veldig morsom, interessant og engasjerende. Jeg valgte ikke bare ett ord, men flere til denne oppgaven, for ekstra trening i å lage moodboard og storyboard. Først startet jeg med å tenke på ord jeg kunne bruke slik som: kræsj, fly, ord, falling, anticrist, bølge, forsvinne, wind, sprekke, synge, brenne, le, hoppe, danse, sove og pang. Til denne oppgaven brukte jeg ordene kræsj, falling, anticrist og hoppe.

Under finner du 4 moodboards hvor jeg har laget et moodboard til hvert ord.moodbord_fallingmoodboard_krasjmoodboard_jumpmoodboard_anti

 

Etter dette jobbet jeg med å lage storyboard til hvert ord. Til denne oppgaven brukte jeg bare 4 frames til hver bokstav, hvor man kan se en forandring i hver rute.img004

 

Four word and their meanings. Storyboard by Annette B. D.

– Annette B. D.

Learning activity – Product Photo 2

Take a photo and use it in an advertisement or commercial.
1. Choose a beverage carton. Take photographs of it in a studio (home studio) with your choice of lighting.
2. Take several pictures. Vary lighting, camera angles and views so that you have something to choose between during the digital work (next activity).
3. Pick 3 of the best shoots of the beverage carton to post on WordPress. Also post reflections regarding camera angles and settings.

I denne oppgaven måtte jeg igjen sette opp og lage et eget hjemmestudio. Jeg brukte mye av det samme fra en tidligere aktivitet: kjøkkenbord som flate, en lampe uten skjerm, hvitt papir som bakgrunn, underlag som fungerer som reflektor, itillegg til kamera og stativ.

Til denne oppgaven valgte jeg Tine Cultura Morgenfrisk som mitt valg av drikke kartong, siden denne var full av farger. Jeg startet med å sette opp kartongen, og deretter plasserte jeg en skål med frokostblanding ved siden av. Tok mange bilder, forandret plasseringen, forandret vinkelen på produktet og på kamerat, forandret lyskildens plassering og innstillinger på kameraet.

Tilslutt endte jeg opp med å velge 3 av mine beste bilder fra shooten.

 

– Annette B. D.

10.1 Nettsted for regnskapsfirma

Et regnskapsfirma trenger nettside. De ønsker noe enkelt og greit, og har ingen føringer på design. Det viktigste for firmaet er at de selv kan legge ut nyheter hver dag, og oppdatere tekst og bilder ganske ofte. De trenger minst 4 sider:
– en side for kontaktinformasjon og besøksadresse
– en side med oversikt over de ansatte
– en prisliste og generell informasjon til kunder
– en nyhetsside

Nå føler jeg det er på tide å avslutte denne læringsaktiviteten, og vise dere hva jeg har klart å produsere de siste ukene. Det har vært enormt mye nytt å sette seg inn i, samt opparbeide kunnskap og erfaring om. Det har vært 2 veldig tøffe uker, siden jeg har hatt mye problemer med installasjonenen, struktur, navngivning, themes, etc. I prosessen har det vært mange feilmeldinger som har dukket opp, dette er noen av dem:

Etter mange dager med frustrasjon, og etter å ha løst alle problemene mine måtte jeg sette igang med selve nettstedet. Jeg valgte themet Techozoic Fluid, fra wordpress.org, her.
Deretter valgte jeg et navn på regnskapsfirmaet, og som jeg har benyttet til nettstedet og denne oppgaven, navnet ble Regnskapsfirma1.

Dette er selve innloggingssiden: 

 

Deretter kommer dette opp på skjermen: 

Slik ser selve Dashboardet ut, med mange innstillinger og valg: 

Først lagde jeg en egen meny, slik: Menyen består av 5 sider/pages jeg har opprettet. Jeg har flyttet på dem, og valgt en rekkefølge jeg er fornøyd med, og gitt selve menyen et navn. Siden/page «tjenester» har 6 undersider, som gjør at man kommer til en ny side ved å trykke på linkene. Totalt har jeg opprettet 11 sider til dette nettstedet.

Videre i prosessen valgte jeg et header bilde fra themet jeg likte svært godt, og ønsket kun at dette ene bildet skulle vises på alle sidene på nettstedet. Jeg vurderte å lage et eget bilde/et collage som jeg kunne brukt til header, men likte godt det bildet fra themet jeg valgte. Jeg synes det passer svært godt til et regnskapsfirma, og deres nettsted.

Jeg har installert noen plugins, og aktivert disse. Jeg har jobbet en del med å sette meg inn i andre innstillinger, hva disse gjør og eksperimentert litt med de ulike valgene. Det er ikke alle alternativer og valg som jeg skjønner meningen av, derfor må jeg teste ut og se hva som er forandret. Jeg har valgt at «hjem» siden skal være hovedsiden til nettstedet, altså en statisk side. Videre valgte jeg at «nyheter» siden skal fungere som en side hvor kunden kan poste innlegg og informasjon.

På alle sidene har jeg fylt ut en del informasjon som er nødvendig for kunden. Denne informasjonen har jeg funnet på ulike regnskapsfirma nettsteder, kopiert og videre bearbeidet. Slik ser selve hovedsiden til Regnskapsfirma1 ut, når jeg er logget inn på wordpress:

Om du ønsker å se hele nettstedet, og hvordan alle sidene ser ut, benytt linken under. Klikk deg videre og gjennom nettstedet, og legg gjerne igjen en kommentar på hva du synes om Rengskapsfirma1’s nettsted.

http://elevarbeid.webstudent.no/dmk1_nettstudier/annette_dahlen/wordpress/

– Annette B. D.