TOP-jakson näytöksi valitsin yhden isoimmista projekteista, jota olen itsenäisesti suorittanut jakson aikana. Tehtävänäni oli suunnitella uudelle asiakkaalle nettisivut sekä corporate identity (yritysilme), joka sisälsi business -kortin, kirjekuoren sekä kirjoituspaperin ulkoasun suunnittelun.
Projektin toteutus oli täysin minun vastuulla, mutta TOP-jakson ohjaaja yhdessä asiakkaan kanssa tarkistivat ja hyväksyivät lopulliset työt.
Asiakas on paikallinen kuntapolitiikkaa harjoittava pieni poliittinen puolue LEUC (Lelystads Enhousiast Uniek Collectief). Puolueella oli jo ennestään logo, joka toimi designin suunnannäyttäjänä ja inspiraationa.
|
Puolueen logo |
Projekti alkoi jo helmikuussa ja vasta nyt, huhtikuun lopussa, se on saatettu päätökseen. Projektille ei annettu tarkkaa aikataulua, mutta verrattuna samankaltaisiin aikaisempiin töihin, prosessi on kestänyt pitkään. Aluksi minulla oli vaikeuksia nettisivujen suunnittelun kanssa ja asiakas oli erittäin passiivinen (kiireinen?) koko projektin ajan. Näiden takia nettisivujen suunnittelu olikin pitkällä tauolla lähes kuukauden päivät.
Yritysilmeen kanssa oli huomattavasti vähemmän ongelmia. Aloitin suunnittelun nettisivujen tuskailujen välissä, sillä tarvitsin taukoa tuskanhikeä aiheuttavista sivuista. Yritysilme rakentui ihan parissa päivässä. Sain jopa asiakkaalta nopeasti positiivista palautetta ja design oli lyöty lukkoon hetkessä.
YRITYSILME
Aloitin yritysilmeen suunnittelun business -kortista, sillä sen pohjalta on helpompi suunnitella loput tuotteet. Business -kortti on tuote, jolla markkinoidaan jatkuvasti ja helposti omaa yritystä. Se toimii usein yrityksen ensivaikutelmana, joten kortin ulkoasun täytyy olla asiakkaisiin vetoava.
Ensin kalastelin inspiraatiota Googlen kuvahausta hakusanalla "business card design". Sen jälkeen hahmottelin muutaman raakaversion kylmästi paperille. Ei mitään hienoa tai viimeisteltyä, vaan jotakin suuntaa antavaa. Ja tästä siis lähdin liikkeelle.
|
Ensimmäisiä suunnitelmia |
Tämän pohjalta aukaisin InDesignin ja lähdin luonnostelemaan korttia. Loin ensimmäisenä kortin elementit, kuten valkoisen pohjan, logon kanssa saman sävyisen ja muotoisen soikion sekä tekstielementit. Asettelin niitä yllä näkyvien luonnostelmien mukaan olematta kuitenkaan tyytyväinen. Kortti näytti joko liian tyhjältä tai yksiulotteiselta
|
Ensimmäinen versio business -kortin etupuolesta |
|
Ensimmäinen versio business -kortin takapuolesta |
|
Toinen versio business -kortin etupuolesta |
|
Toinen versio business -kortin takapuolesta |
Tässä vaiheessa olin muutellut suunnitelmaa monta kertaa enkä millään meinannut saada aikaiseksi mitään mikä olisi miellyttänyt omaa silmää. Otin siis uuden paperin esille.
Halusin luoda jotain mielenkiintoisempaa, tuoda suunnitelmaan syvyyttä ja lisää väriä pelkän valkoisen ja violetin lisäksi. Tarvitsin siis toisen tehostevärin.
Sain idean fuksianpunaisesta ja haaleammasta kylmään taittuvasta violetista, jotka päällekkäin asetettuina muodostaisivat logossa käytetyn violetin sävyn. Muutin vielä logon valkoiseksi, jotta se erottuisi violetista pohjasta.
|
Lopullinen kortin etupuolen ulkoasu |
Kolmas suunnitelma toden sanoo. Se näytti heti hyvältä, ja sain yhdistettyä samaa ideaa kortin toisellekin puolelle.
|
Lopullinen kortin takapuolen ulkoasu |
Business -kortti oli valmis, joten seuraavaksi lähdin tekemään kirjoituspaperin ulkoasua. Googletin jälleen inspiraation janoisena. Jostain syystä kaikki firmassa suunnitellut printtituotteet mukailevat samaa layoutia, joten halusin luoda jotain uutta. Muutamien inspiraatiokuvien jälkeen tiesin mitä halusin tehdä, joten aukaisin jälleen InDesignin.
|
Ensimmäinen versio kirjoituspaperin etupuolesta |
|
Ensimmäinen ja lopullinen versio kirjoituspaperin kääntöpuolesta |
Kirjekuoren ulkoasun suunnittelu meni samassa. Alkuun loin näyttävämmän ulkoasun. Siitä pidettiin, mutta alakulman elementti olisi liian vaikea printattavaksi. Ulkoasusta haluttiin siis yksinkertaisempi, joten jätin vain turhat koristelut pois.
|
Ensimmäinen versio |
|
Lopullinen versio yksinkertaistetummalla ulkoasulla |
Koko corporate identity muodostui lyhyessä ajassa ja yllättävän kivuttomasti. Olin jopa itse suhteellisen tyytyväinen lopputulokseen. Suunnitelma hyväksyttiin heti (tosin pienillä muutoksilla) ja se taitaakin olla jo painossa ellei jopa asiakkaan käytössä!
Koko lopputulos alempana.
NETTISIVUT
Sain alkuun linkin esimerkkisivuille, joiden sivurakenteesta asiakkaan kerrottiin pitävän (http://www.nieuwelan.nl/). Sivujen ulkoasu soti pahasti omia suunnitelmia ja tyyliäni vastaan, joten menin heti alkumetreillä lukkoon. En saanut muuta materiaalia tai neuvoja suunnittelua varten, ja jo tässä vaiheessa minun olisi pitänyt osata pyytää apua.
|
Esimerkkisivujen ulkoasua |
|
Esimerkkisivujen ulkoasua |
Suunnittelin jotakin suuntaa antavaa paperille samalla esimerkkisivut kummitellessa takaraivossa. Heti alkuun suunnittelu tuntui nihkeältä. Yritin epätoivoisesti yhdistää vähän vanhempaa nettisivujen tyyliä johonkin modernimpaan. En saanut kiinni selkeästä ideasta.
|
Ensimmäinen versio etusivusta |
Tämä yllä näkyvä oli ensimmäinen versio etusivusta. En ollut itse tyytyväinen laisinkaan, mutta ohjaajan painostaessa lähetin suunnitelman arvioitavaksi.
Omaksi yllätyksekseni niin ohjaaja kuin asiakaskin pitivät suunnitelmasta - erityisesti bannerista ja navigaatiopalkista, jotka taas olivat vähiten omaan mieleeni. Hyvästä palautteesta huolimatta halusin muuttaa suunnitelmaa. Halusin luoda jotain nykyaikaisempaa ja yrittää unohtaa esimerkkisivujen 90-lukumaisen ilmeen, joka kummitteli mielessäni.
Koska ensimmäinen versio bannerista ja navigaatiopalkista eivät miellyttäneet omaa silmää, lähdin muuttamaan niitä.
Nykyään myös suuret kuvat ja erityisesti kuva-sliderit ovat kovaa huutoa nettisivuilla, joten hain uutta ilmettä viimeistellymmän sliderin avulla. Googlettelin inspiraatiota ja piirtelin jälleen paperille, mutta jostain syystä Photoshopissa en saannut aikaiseksi mitään itseäni miellyttävää. Inspiraatiokanavat tuntuivat olevan tukossa. Luultavasti ajattelin liikaa tai liian monimutkaisesti…
|
Toinen versio etusivuista |
Otin turhan suuria paineita itsenäisestä nettisivujen suunnittelusta. Halusin suunnitella hienot, modernit sivut ja haastaa taitojani. Asetin itselleni liian suuret panokset. Tämän lisäksi asiakas oli koko nettisivuprosessin ajan erittäin passiivinen. En saanut tähän ylempänä näkyvään suunnitelmaan palautetta yli kuukauteen. Nettisivujen suunnittelu jäikin siis tässä välissä "pienelle" tauolle.
Pitkän hiljaiselon jälkeen otin ohjat omiin käsiini ja päätin viimeistellä nettisivut ilman tarvittavia palautteita ja muita tietoja.
|
Päivitetty versio etusivusta (lähes lopullinen versio) |
|
Lähes lopullinen versio alasivusta Partij - Standpunten - Local visie |
|
Lähes lopullinen versio alasivusta Partij - Team LEUC |
|
Lähes lopullinen versio alasivusta Nieuws |
|
Lähes lopullinen versio alasivusta Nieuws - Nieuwsitem |
|
Lähes lopullinen versio alasivusta Contact |
Sain vielä viimeisiä palautteita ja sain vihdoinkin viimeisteltyä nettisivujen ulkoasun.
Kun graafinen ilme oli vihdoinkin valmis, sain vielä tehtäväksi suunnitella nettisivuista mobiiliversiot. Tämä oli suhteellisen helppo homma, vaikken henkilökohtaisesti tiedä paljoakaan mobiilinettisivuista.
|
Mobiiliversio etusivusta. Jaettu kahteen osaan - kuva olisi ollut liian korkea tänne blogiin! :D |
LOPPUTULOKSET JA OMA ARVIO
Yritysilme
|
Lopullinen corporate identityn ulkoasu |
Olen tyytyväinen yritysilmeen lopputulokseen. Sain lisättyä graafiseen ilmeeseen väriä ja mielenkiintoisuutta ensimmäisten latteiden suunnitelmien jälkeen.
Prosessi eteni kivuttomasti ja pidin printtituotteiden suunnittelusta. Erityisesti business-korttia tehdessä syttyi palo tehdä ja oppia lisää, ja tulevaisuudessa haluaisin perehtyä perusteellisemmin brändäykseen.
Nettisivut
|
Lopullinen alasivun Contact ulkoasu |
Nettisivujen lopullinen ulkoasu on toimiva ja selkeä. Ja mikä tärkeintä; asiakas on tyytyväinen.
Näin jälkeen päin jälleen suunnittelisin aivan erilaiset sivut - totta kai. Mutta kaikista vastoinkäymisistä huolimatta, lopputulos toimii ja projekti on vihdoinkin saatettu päätökseen!
Koska nettisivut eivät täysin vastaa omia alkuperäisiä suunnitelmia ja en ole 100% tyytyväinen, projekti sytytti palon myös web-suunnitteluun, mutta hieman erilaisen palon kuin yritysilmettä tehdessä. Se sytytti palon näyttää itselleni ja valmistella seuraavaa projektia huolellisemmin.
Kokonaisuus
Omaa arviota koko projektista, lopputuloksesta ja etenemisestä, lannistaa tuoreet muistikuvat pitkästä ja kivisestä suunnitteluprosessista.
Jos nyt saisin eteeni samankaltaisen projektin pitäisin huolen, että
- Tietäisin perusteellisemmin asiakkaan toiveet
- Etsisin alkuun enemmän inspiraatiota enkä googlettaisi vasta keskellä projektia inspiraation puutteessa
- Pyytäisin aikaisemmin apua ja vaatisin tarkempia ohjeita
- En panikoisi vaan ottaisin rennosti ja luottaisin itseeni
Pitkittyneestä aikataulusta ja vaikeuksista huolimatta sanoisin, että suoriuduin projektista hyvin. Vein lopulta projektin loppuun itsenäisesti ohjeiden ja ohjauksen uupuessa. Ja saavutin tärkeimmän tavoitteen: Asiakas on tyytyväinen niin nettisivuihin että yritysilmeeseenkin.
“Iina, you are good at this.”
Kyllä yleensä positiivinen palaute kertoo jotain.
Joten nämä sanat mielessä seuraavaa projektia kohti!