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.
Skjermbilde 2013-09-16 kl. 10.45.12Skjermbilde 2013-09-16 kl. 14.06.01

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

Oblig.08 – Banner prosess

Nå begynner banneren, som skal reklamere for fotogalleriet, å bli ferdig. To dager før innlevering gjenstår det å gå igjennom Flash arbeidene mine, ferdigstille rapporten og få integrert banneren på mitt enkle nettsted, samt laste opp fotogalleriet. Jeg er veldig spent på om jeg klarer å få til dette på første eller andre forsøk, og gleder meg til å få alt på plass, samt vise dere hva jeg har jobbet med i 5 uker.

Banneren skal inneholde en enkel animasjon. Jeg har valgt å lage en animasjon av en bukse/jeans som blir brettet, og har jobbet med fire hovedstadier i animasjonen. Disse tegningene har jeg tatt prinscreens av, så dere kan se hvordan buksen ser ut i de ulike stegene. Først en tegning av en jeans i full lengde og bredde, bakfra. Deretter en tegning av en jeans som er brettet til den ene siden, hvor det andre «beinet» ligger bak. Videre en tegning i prosessen som viser hvordan buksen ser ut idet den blir foldet en gang. Den siste tegningen viser hvordan en jeans ser ut når den er ferdig brettet, kompakt og plassbesparende.

 

Jeg har brukt veldig lang tid på å utvikle disse fire stadiene i animasjonen, og det har vært svært krevende å bruke Adobe Flash sine tegneverktøy. Jeg har allerde gjort noen forandringer til tegningene for å forenkle de enda mer. Etter mye jobbing med å tegne og finpusse på buksene har jeg laget et movie clip. Jeg har brukt en blå farge i stroke for å illustrere hvilken farge jeansen har. Jeg startet med å velge Create Shape Tween mellom de fire tegningene, og laget en animasjon på tilsammen 10 sek. Videre jobbet jeg med plassering av shape hints, altså hint man kan legge til for å få mer kontroll over animasjonen. Problemet mitt var at mellomposisjonene fra det ene stadiet til det andre ble helt feil, og absolutt ikke slik jeg hadde tenkt det. Jeg prøvde videre, og jobbet svært lenge med å få tweeningen slik jeg ønsket. Resultatet ble greit nok for å være nybegynner, men jeg følte meg veldig usikker på om dette kom til å bli godkjent.

Min eneste mulighet for å rette opp i animasjonen var rett og slett å starte på nytt, men jeg hadde fortsatt mine fire stadier å arbeide etter. Jeg opprettet et movie clip, startet med det første stadiet, og forandret tegningen i hver enkelt ramme. Deretter fortsatte jeg med å legge inn 2 sek pause, for deretter å jobbe videre med det andre stadiet, samt gradvis forandre tegningen. Arbeidet fortsatte med pause, steg 3, lage forandringer i 24 frames, pause, steg 4, pause. Animasjonen min ble 10 sek denne gangen også, men selve animasjonene kun 1 sek hver, med 2 sek pause/hold. Jeg har jobbet utrolig presist og vært nøyaktig med plassering, samt hvordan jeg har laget animasjonen. Mye tid er blitt brukt til å gå gjennom og rette opp animasjonen, og jeg føler selv jeg er mer tilfredsstillt ved dette resultatet.

På scenen skrev jeg inn tekst som skal brukes på banneren, og la til jeans animasjonen min. Måtte jobbe nøyaktig med plassering her også, og hvordan de ulike elementene skulle stå i forhold til hverandre. Tilslutt la jeg til en effekt på fotoessayets tittel for å få banneren mer interessant, en Clockwise rotasjon, som skal gjenta seg 2 ganger i sekundet. Utfordringen var å få dette til å stoppe akkurat i det animasjonen starter.

Jeg har valgt å benytte de samme fargene på animasjon og tekst som i fotogalleriet, for å skape en helhet og følelse av at alt henger sammen. For å få banneren til å fungere som en knapp/peker har jeg opprettet et button symbol og laget en knapp som er like stor som banneren, altså 640 px x 320 px. Knappen er usynlig og har kun innhold på Hit- stadiet. Fra banneren skal brukeren kunne trykke og komme direkte til fotogalleriet. Se printscreen under for hvordan banneren ser ut i scenen, det lyse blå laget illustrerer knappen.

– Annette B. D.