PROJEKTIDOKUMENTAATIO OONA KARHUNEN Emilia Ketola Eurajoen kristillinen opisto Avat 2015-2016
1 Projekti... 3 1.1 Asiakas ja kartoitus... 3 1.2 Asiakastapaaminen ja suunnittelu... 3 1.3 Toteutus... 5 1.4 Hinnoittelu... 6 2 Arviointi... 8 2.1 Itsearviointi... 8 2.2 Asiakkaan arviointi... 8
3 1 PROJEKTI 1.1 ASIAKAS JA KARTOITUS Asiakkaanani on nuori nainen Turusta, joka opiskelee journalistiksi. Asiakkaani haluaa tehdä portfolion Wordpressin ilmaisella Planalustalla. Autan asiakastani valitsemaan sopivan pohjan portfolioon ja mahdollisuuksien mukaan muokkaan sen ulkoasua asiakkaalle mieluisaksi. Hoidamme asiakkaan kanssa melkein kaikki portfolioon liittyvät asiat yhdellä tapaamisella, niin suunnittelun kuin toteutuksenkin. Samalla kun teen portfolioon muutoksia, näytän asiakkaalle mistä ne teen, jotta hän osaa jatkossa tehdä niitä itse. Tekstisisällöt tulevat asiakkaalta itseltään. Asiakkaani on alansa takia hyvin perillä tekijänoikeuksista, joten tätä en sen enempää ottanut hänen kanssaan puheeksi. 2 BLOGI 2.1 ASIAKASTAPAAMINEN JA SUUNNITTELU Ensimmäiseksi kävimme asiakkaan kanssa läpi, mitä kaikkea portfoliosta pitäisi löytyä (kuva 1). Asiakkaani toivoi väreiksi portfolioon keltaista ja mustaa. Hän haluasi myös, että sivu olisi käytettävyydeltään helppo, ja kaikki työt löytyisivät helposti. Kävimme asiakkaan kanssa yhdessä läpi sopivan oloisia teemoja. Samalla kun selasimme asiakkaan kanssa teemoja, katsoin minkä verran niitä pystyy muokkaamaan. Ilmaisten teemojen ulkoasuja ei pystynyt paljoa muokkaa-
4 maan, mutta koska asiakas halusi pärjätä ilmaisilla välineillä, joku pohja piti valita. Päädyimme asiakkaan kanssa Argent-nimiseen pohjaan. Pohja näytti valmiiksi jo melko hyvältä ja siinä oli edes jonkun verran muokkausvaihtoehtoja (Kuva 2). Koska tutustuimme molemmat asiakkaan kanssa pohjaan vasta portfoliota kootessa, niin en tehnyt erikseen ulkoasusuunnitelmia, vaan muokkasin mitä pystyin. Kuva 1 Kuva 2
5 3 TOTEUTUS Ensimmäiseksi laitoin valikot ja hieman täytettä sivuille, jotta näkisin miten ne sivuilla menevät ja tuleeko lisää muokkausvaihtoehtoja. Sivuille tuli jakopainikkeita jotka piilotin. Olimme molemmat asiakkaan kanssa sitä mieltä etteivät jakopainikkeet sovi hänen portfolioonsa. Footerissa oli kolme eri paikkaa, joista lisäsin ensimmäiseen asiakkaan yhteystiedot ja toiseen sosiaalisen median painikkeet. Asiakas halusi cv:nsä sivulle sellaisenaan, kun se hänellä oli. En saanut upotettua cv:tä sivulle, koska portfoliota tehtiin Plan-alustalla, jossa tätä vaihtoehtoa ei ollut. Näytönkaappauskaan ei cv:stä onnistunut, koska laatu olisi kärsinyt liikaa. Sain tehtyä cv:stä kuvan, kopioimalla tekstin kuvankäsittelyohjelmaan ja muotoilemalla sen siellä sopivaksi. Näin cv:n sai lisättyä mediakirjastoon ja liitettyä oikealle sivulle. Laitoin cv:n sivulle vielä pdf-tiedostona, jotta mahdolliset työnantajat saavat halutessaan ladattua cv:n sieltä itselleen. 3.1 LOGO JA BANNERI Asiakkaani piti otsikosta, joka teemassa oli jo valmiina. Logon väriä ei pystynyt kuitenkaan vaihtamaan ja kaikkien bannerikuvien päällä nimi jäi haaleaksi. Tein asiakkaalleni muutaman vaihtoehdon logosta ja bannerikuvasta. Bannerien kuvat otin Pixabay.com:sta. Tarkistin kaikkien Pixabayn kuvien tekijänoikeudet, että niitä on lupa käyttää ja muokata (Kuva 3, Kuva 4, Kuva 5). Asiakkaani valitsi logoksi musta keltaisen logon ja hän myös piti eniten siinä olevasta banneri kuvasta (Kuva 3).
6 Kuva 3 Kuva 4 Kuva 5 3.2 HINNOITTELU Tein hinta-arvion asiakkaalleni käyttäen 70 tuntihintaa (Kuva 6). Aika (h) Hinta/tunti 70,00 Suunnittelu/toteutus 2 140,00 Video 0,5 35,00 0,24 33,60 ALV Yhteensä 278,60 Kuva 6
7 3.3 VIDEO Asiakkaani halusi etusivulleen vielä videon, jossa hän kertoo lyhyesti itsestään. Video tulee vielä vaihtumaan, kun asiakkaani kunnolla ottaa portfolion käyttöön, koska silloin hän on jo valmistunut koulustaan. Asiakkaani lähetti minulle videon itsestään. Video oli movtiedostomuodossa, eikä videonkäsittelyohjelmani HitFilm 3 Express suostunut tätä avaamaan, joten konvertoin videon youtubemuuntimessa avi-muotoon. Tein vain pari pientä muokkausta, koska mitään suurempaa asiakkaani ei halunnut ja videon hän joka tapauksessa tulee vaihtamaan. Tallensin videon avi-muotoon. Käytin avi:a siksi, koska se säilyttää videon laadun parhaiten ja koska upotin videon youtubesta ja sinne on mahdollista avi-tiedostomuotoinen video ladata. 4 VALMIS SIVU
8 5 ARVIOINTI 5.1 ITSEARVIOINTI Projektissa ei hirveästi ollut tekemistä, mutta Wordpressin blogi puolikin tuli nyt tutuksi. Itse olen ulkoasuun ihan tyytyväinen, se on yksinkertainen ja sieltä löytyy tarvittavat tiedot. Sivustolle tekemäni banneri sopii mielestäni myös hyvin journalistille. Videon editoinnissa minulla on vielä paljon opeteltavaa. Videoon en hirveästi uskaltanut tehdä muutoksia, koska minusta puheesta saa selvää koko ajan ja videossa ei ollut mitään vikaa. Jos olisin lisännyt erilaisia efektejä hirveästi, olisi videosta tullut sekava. Efektit toimisivat silloin, jos kuvauspaikka videon aikana olisi muuttunut. Samalla kun lisäsin videota youtube-tiliin, tutustuin myös hieman Youtuben videonmuokkausmahdollisuuksiin. Niitä en työssäni käyttänyt, mutta jatkossa tiedän, että myös siellä on melko monipuolisesti käytössä erilaisia muokkausvaihtoehtoja. 5.2 ASIAKKAAN ARVIOINTI Tosi selkeä ulkoasu. Se oli tarkoituskin, joten olen siihen erittäin tyytyväinen. Värimaailma on minun näköiseni ja sivu muutenkin minun tyyliseni.