Praktikrapport 2020 - Multimediedesign

PRAKTIKRAPPORT SINEM CIFT MULTIMEDIEDESIGNER 2020

FAKTAARK Navn: Sinem Cift CPH e-mail: cph-sc204@cphbusiness.dk Ă…r: 2020 Vejleder: Morten Rold Uddannelse: Multimediedesigner Antal tegn: 11.471 inkl. mellemrum

02 / 24

INDHOLD

01 02 03 04

KORT INTRODUKTION AF VALUER SIDE 4 - 5

OPSTILLEDE LÆRINGSMÅL SIDE 6 - 7

OPGAVER, TEORIER & REFLEKTION SIDE 8 - 13

BILAG SIDE 14 - 24

03 / 24

PRAKTIKRAPPORT

01

KORT INTRODUKTION AF VALUER

04 / 24

PRAKTIKRAPPORT

KORT INTRODUKTION AF VALUER I nyere tid ser vi, at verdenen ændrer

Her er det at Valuer kommer ind i bill-

sig hurtigere end nogensinde før.

edet.

Derfor er det vigtigt som virksomhed,

Valuer er en digital AI platform som

at kunne holde sig opdateret og være

hjælper virksomheder til at finde inno-

innovative for at forblive i branchen

vationspartner (startups). Dette sker

og ikke blive glemt i den hurtig skif-

ved brug af Ai og ‘machine learning’.

tende industri. Derfor ses det oftere, at

Sagt på ‘normalt dansk’ så er Valuer

størrer virksomheder har det med at

lidt en Tinder for virksomheder som

opkøbe startup firmaer hvor de ser en

leder efter innovationspartner. Dette

hurtig vækst i håb om, at de kan lære

er en process da Ai bliver klogere for jo

noget og derved implementerer dette

mere data der er af klienten, derfor vil

til deres eget firma og altså få denne

De fremvise 10 - 20 mulige matches,

‘boost’ af innovation og fornyelse ind

hvor efter at de så kan vælge til eller

i virksomheden. Dog ses det oftest at

fra. Og således vil teknologien blive

selvom disse startups virksomheder

klogere og derved finde nye match-

bliver opkøbt af store virksomheder,

es som måske passer bedre end den

så er det som om at de ikke selv kan

første bunke.

dreje hjulene på samme måde og det ender med, at startup virksomheden

Senere har Valuer dog fundet ud af at

for samme strategi som virksom-

selv om deres klienter finder de inno-

heden selv.

vationspartner som de ønsker, så ved det ikke hvordan de skal tage næste

Derfor er det mere normalt at arbejde

skridt, og derfor har Valuer ny lang-

med startups fremfor at opkøbe dem.

ceret det der hedder ‘Valuer Academy’,

Samarbejdet vil sørge for, at virk-

som guider og underviser virksom-

somheden kan lærer af startupen og

heder hvordan man skal samarbejde

derved få dette innovative boost som

med sin innovationspartner.

manglede.

05 / 24

PRAKTIKRAPPORT

02 OPSTILLEDE LÆRINGSMÅL

06 / 24

PRAKTIKRAPPORT

OPSTILLEDE LÆRRINGSMÅL Viden Den studerende har udviklingsbaseret viden om og forståelse for: • De krav og forventninger virksomhederne har til multimedie designerens viden, færdigheder og holdninger til arbejdet.

• Erhvervets og fagområdets anvendelse af teori, metode og redskaber i forhold til praksis.

Færdigheder Den studerende kan: • Anvende alsidige tekniske og analytiske arbejdsmetoder, der knytter sig til beskæftigelse inden for erhvervet.

• Vurdere praksisnære problemstillinger og opstilling af løsningsmuligheder.

• Formidle praksisnære problemstillinger og begrundede løsningsforslag.

Kompetencer Den studerende kan: • Varetage udviklingsorienterede praktiske og faglige forhold i forhold til erhvervet.

• Tilegne sig ny viden, færdigheder og kompetencer i relation til erhvervet.

• Varetage strukturering og planlægning af daglige arbejdsopgaver i erhvervet.

• Deltage i fagligt og tværfagligt samarbejde med en professionel tilgang.

07 / 24

PRAKTIKRAPPORT

03 OPGAVER, TEORIER & REFELSION

08 / 24

PRAKTIKRAPPORT

OPGAVER, TEORIER & REFLESION Selvom min officielle stilling hos Valu-

skulle jeg undersøge hvad man måtte

er var ‘frontend web developer prak-

og ikke måtte angående dette, før jeg

tikant’ i marketings IT afdeling fik jeg

valgte at kode den. Desuden fandt jeg

dog en række arbejdsopgaver1 som

ud af at frames works som Bootstrap

bredte sig ud over min stilling. Dette

heller ikke ville fungerer og at man

inkluderede også grafiske - og UI op-

derfor ikke havde andre muligheder

gaver med mere.

end at bygge det op i en tabel.3

Et af de mere omfattende projekter

Denne process minder mig meget om

jeg fik var at designe en e-mail tem-

processen som sker i skolelivet, hvor

plate. Her fik jeg lov til at starte fra

man i mange tilfælde bliver nødt til at

bunden hvor jeg fik at vide, at jeg

undersøge ting på egen hånd og øve

skulle designe en e-mail template,

sig på forskellige ting, dog kunne jeg

som klienterne ville få automatisk eft-

godt fornemme, at ansvaret var mere

er de havde indsendt informationer

vægtet på en selv i praktikforløbet end

fra en form. Det eneste krav var, at

på skolebænken, i og med at man har

den skulle overholde samme stilart

ansvar for at finde svar og tilegne sig

som Valuer ønskede at køre med i

ny viden for at kunne udføre opgaver

deres re-branding af hjemmesiden.

på arbejdsmarkedet.

Derefter lavede jeg en række prototyper i Adobe XD,2 hvorefter jeg skulle

Hvad angår design og brainstormings

hardcode det fra bunden. Jeg fik de-

processen kunne jeg godt fornemme,

suden at vide at der er en række ting

at det var nemmere at komme i gang

som ikke virkede i e-mail templates,

med at finde en masse løsninger og

bl.a. eksterne stylesheets, en div med

komme hurtigere videre grundet un-

background image styling osv.. Derfor

dervisningen i design thinking.

1

Se bilag 1

2

Se bilag 2

3

Se template og kode på https://sinemcift.com/valuer/email_template/

09 / 24

PRAKTIKRAPPORT Selvom jeg ikke selv gik igennem alle

tage stillinger til flere områder som

dele i design thinking processen, som

man ville gøre i et skoleprojekt, hvor

empathize og define stadiet da de al-

man både skal tage stilling til pro-

lerede er defineret for mig, kunne jeg

dukt, planlægning, design m.m..

derimod springe ind i ideate fasen og dernæst prototyping og test stadiet.

Selvom vi lærte om belbin testen, som er en test man kan tage for at

Selvom jeg ikke har brugt design

se hvilken rolle man naturligt falder

thinking bevidst, så kan jeg godt se,

ind under. Så var det sjældent noget

at jeg før undervisningen ville være

man gjorde sig brug af. Grunden til

mere stædig og drage til hurtige

dette kan have mange årsager, for

konklusioner og derfor være biased

det første er vi stadig studerende som

for mit produkt i stedet for at lave en

er i gang med en læringsproces og vi

dybdegående brainstorm efterfulgt

vil gerne have vores hænder ned i alle

af prototype opbygning hvorefter at

bøtter, hvordan skulle vi ellers finde

få det testet. Derfra se om der skal

ud af hvad man er bedst til og hvad

rettes ind eller laves helt om.

man kunne udvikle på?, Desuden forventes det også at eleverne på studi-

Udover det teoretiske i arbejdet på

et at man kan forsvare alt i et projekt,

dette projekt, har jeg også lært hvor

uanset hvilken rolle man nok har haft

meget det betyder, at man har en

i gruppe projektet, eller Belbin testen.

struktur og en plan med nogle roller i

Team canvas er også noget som vi har

et projekt. På min praktikplads var der

arbejdet med på studiet. Dette can-

forskellige afdelinger med folk som

vas er med til at fastlægge hvem vi er,

havde forskellige ansvarsområder, alt

men på samme tid også sætte retn-

fra marketing, designers, content pro-

ingslinjer for samarbejdet og finde

ducers, product, IT, costume sales osv.

frem til hinandens styrker og sva-

dette gjorde det mere overskueligt at

gheder.

udfører opgaver da man ikke skulle

10 / 24

PRAKTIKRAPPORT Dette var ikke noget jeg så i arbejd-

Jeg fandt nogle af kurserne meget in-

slivet. Vi tog rig brug af hinanden hvis

formative og interessante at lære om,

vi havde brug for hjælp, og i mange

dog følte jeg i de fleste tilfælde at det

tilfælde hjalp vi også hinanden på

var svært at komme igennem da jeg

tværs af afdelinger selvom det ikke

personligt fandt det langtrukkent. I

var et område man selv var “ekspert”

de tilfælde hvor videoerne har føltes

i. Men med det sagt så er ordet ‘sva-

således vurderede jeg, at jeg nok

ghed’ ikke noget jeg opdagede på

lærte bedst af at prøve og øve mig

min praktikplads. Hvis der var noget

den vej, frem for at se videoer med

man skulle lave som man ikke var så

en masse information som jeg ikke vil

god til, og man ikke lige umiddelbart

kunne huske alligevel. Selvom denne

kunne få hjælp til, så havde man ans-

process i praktikperioden nok var det

var for selvlæring.

mest langtrukne og kedsommelig, så fandt jeg mig selv i en process hvor

Apropos selvlæring, så blev dette

jeg arbejder mere effektivt for at nå

også en vigtig faktor for mig, da Val-

mine deadlines.

uer startede deres migrations fra Wordpress til Hubspot efter 1 måneds

Hvilket ikke er tilfældet i et skolere-

arbejde hos dem. Dette betød, at alle

gi. På skolebænken tog jeg det mere

arbejdspladsen skulle lære brugen af

afslappet, jeg ydede mit bedste, men

denne nye software. For at lære dette,

tog tingene alligevel som de kom. Hvis

tog vi en masse video kurser som var

jeg vidste jeg havde været doven og

forsynet af Hubspot i det de kalder

derfor ikke opfyldt kravene til en op-

‘Hubspot Academy’. Her fandt jeg

gave ville jeg have lave forventninger

ud af hvor blandet en følelse jeg har

til mig selv, og sikkert bare tænke at

af selvlæring hvad angår videokurs-

næste gang ville jeg gøre tingene be-

er. Selvom jeg er glad og stolt over, at

dre. Men sådan var det slet ikke på

jeg nu har nogle certifikater4 under-

en arbejdsplads. Ret ofte kan du ikke

bæltet som jeg kan vise frem på mit

bare sige:

CV. Så ved jeg ikke helt om videoundervisning/kurser er noget for mig.

4

Se bilag 3

11 / 24

PRAKTIKRAPPORT “Jeg gør det bedre næste gang”, da

til en begivenhed9. og meget mere.

man oftest har andre som er med

Til det, har jeg også haft mulighed for

i processen, og er derfor afhængig

at få feedback og optimerer til de pro-

af ens arbejde. Hvis man ikke kunne

jekter som jeg har udført.

yde sin del vil det ikke kun gå ud over

Tilbage i start marts fik jeg til op-

en selv men resten af holdet. Derfor

gave at redesign alle CTA’s10 på Valu-

fandt jeg mig selv ofte fordybet i mine

er’s blog side. Problemet ved de for-

opgaver og løste dem hurtigere end

rige CTAs var, at de ikke havde en rød

forventet.

tråd i deres udtryk, og samtidig ikke passede ind med resten af siden. Min

Min effektivitet gav mig i visse peri-

opgave var så at lave et design, som

oder overskydende tid. Her har min

ville passe ind med resten af siden,

praktikplads været meget åben over-

men også tage forbehold for at den

for hvad jeg kunne lave, og har derfor

kunne være alsidige således at desig-

givet mig frie tøjler til at få lov til at

net nemt ville kunne implementeres

arbejde med personlige projekter så

til alle slags CTAs.

længe det havde relation til mit stud-

I dette projekt hoppede jeg igen ind i

ie.

ideate fasen dog med det i mente, at der allerede var et produkt. Jeg lave-

I denne tid har jeg arbejdet på en ræk-

de derfor en række prototyper11, inden

ke projekter, som: eksperimentering/

jeg præsenterede det til mine kolle-

optimere/re-designe af portfolio5, ud-

gaer, så de kunne sige hvilken retning

vikling af hjemmeside6 til KolibrieNs

jeg skulle indsnævre det. Det gjorde

Kræftværk, produceret en række con-

vi et par gange før vi endte med et re-

tent materiale til KolibrieNs Kræft-

sultat vi var tilfredse med.t

værk sociale medier7, komme op med designs til spillertrøjer8, udviklet logo

5

https://sinemcift.com/

6

https://kolibrienskraeftvaerk.dk/

7

Se bilag 4

8

Se bilag 5

9

Se bilag 6

10 11

CTA = call to action Se bilag 7

12 / 24

PRAKTIKRAPPORT Dernæst tog jeg min prototype til

telser og kodning på kun 1 dag.

convertful og designede skabelonen der. Så det vil det være nemmere for

Jeg kunne godt mærke, at ansvaret

dem i fremtiden, da de kan klone den

for selvlæring i denne periode nok var

og rette indholdet, uden at bakse

bedre planlagt end noget andet. Det

med designet, placering af elementer

gjorde mig selvstændig, ansvarsfuld,

eller koden.

og klar da vi fik at vide onsdag af-

Re-design af CTA elementerne var et

ten den 11/3 at vi skulle arbejde hjem-

projekt som ville normalt tage mig

mefra fra dags dato og to uger frem

meget tid, måske flere dage fra start

grundet til COVID-19 pandemien tog

til slut, men da jeg fik denne opgave

til.

har jeg allerede arbejdet hos Valuer i 2 måneder, og færdiggjort absolut alle

Heldigvis så har dette ikke været en

video kurserne og derfor kunne se en

dørstopper for mit arbejde da trods

klar forbedring i min effektivitet og

alt stadig fik udført en række opgaver

hastighed på arbejdet. hvilket result-

hjemmefra,

erede i at jeg færdiggjorde hele dette

landingpages, flere templates osv.

såsom

opbygning

af

projekt fra start til test, feedback, ret-

13 / 24

PRAKTIKRAPPORT

04 BILAG

14 / 24

PRAKTIKRAPPORT

Bilag 1 Arbejdsopgaver stillet af Valuer: • Creating full responsive pages with CSS, JS, HTML and jQuery; • Implementing/creating animations and transitions for page components; • Developing forms; Working with Git; Testing pages with testing tools, such as • Selenium web-driver; Fetching and displaying data from APIs.

15 / 24

PRAKTIKRAPPORT

Bilag 2 Screenshots af prototyper

16 / 24

PRAKTIKRAPPORT

17 / 24

PRAKTIKRAPPORT

Bilag 3 Certifikater fra Hubspot Academy’s video kurser.

18 / 24

PRAKTIKRAPPORT

Bilag 4 Instagram post, se også: https://www.instagram.com/p/B7YpC3EhJaq/

19 / 24

PRAKTIKRAPPORT

Bilag 5 Spillertrøje design til KolibrieNs Kræftværk.

20 / 24

PRAKTIKRAPPORT

Bilag 6 Logo designet til Kolibriens Gaming Getaway.

21 / 24

PRAKTIKRAPPORT

Bilag 7 Et lille udsnit af prototyper af CTAs jeg har lavet.

22 / 24

PRAKTIKRAPPORT

23 / 24

PRAKTIKRAPPORT

24 / 24