Graafisten ja digitaalisten palveluiden suunnittelua ja toteutusta.
Taikalehto on yhden miehen ketterä yritys, joka yhteistyökumppaniensa kanssa tarjoaa täyden suunnittelutoimiston palvelut kustannustehokkailla hinnoilla. Graafista suunnittelua niin digitaalisiin medioihin kuin printtiin, käyttöliittymiä, videoanimaatioita ja verkkosivuja yli 20 vuoden kokemuksella. Tutustu tarkemmin palveluihin ja referensseihin ja jos pidät näkemästäsi soita tai pistä viestiä.
Palvelut
Suunnittelu
Konseptointi
Olipa projekti millainen tahansa, konseptivaihe tehdään aina ensimmäisenä. Selvitän, mitkä ovat asiakkaan tavoitteet, ja millä keinoilla ne parhaiten saavutetaan. Ideoin lähestymistapoja niin mediakerronnan kuin informaatiosuunnittelun keinoin, ja käsikirjoitan ne toimivaksi konseptisuunnitelmaksi rakenne- ja vuokaavioiden avulla.
Käyttöliittymäsuunnittelu
Käyttöliittymä on suunnittelutyössäni aina keskeisessä osassa, oli kyse verkkosivusta tai sovelluksesta. Hyvä käyttöliittymä on selkeä, intuitiivinen ja älykäs, jolloin käyttäjän on helppoa ja tehokasta tehdä haluamansa toiminnot. Tilanteen salliessa myös kokeellisempien käyttöliittymien luominen onnistuu.
Käytettävyys ja käyttökokemus
Suunnittelutyössä on tärkeää lähestyä asiaa aina käyttäjän kannalta. Käyttäjälähtöinen suunnittelu pitää huolen siitä, että palvelun käyttö on sujuvaa ja miellyttävää. Yhdessä muiden palvelumuotoilun elementtien kanssa hyvä käytettävyys varmistaa positiivisen käyttökokemuksen.
Grafiikka
Graafinen suunnittelu
Graafinen suunnittelu on työni ytimessä, ja terminä se kattaa hyvin kaiken osaamiseni visuaalisten ilmeiden luomisesta informaatiografiikan kautta graafisten keinojen käyttämiseen käyttöliittymäsuunnittelussa. Oma tyylini on minimalistinen ja funktionaalinen, mutta tuotan toki kaikennäköistä grafiikkaa.
Kuvitus
Tarvitsetko kuvitusta vaikkapa verkkosivuille tai esitteeseen? Onnistuu. Hallitsen useita tekniikoita: vesivärit, lyijy, tussi, digimaalaus ja vektoripiirtäminen.
Taitto
Taitan niin lehtiset, esitteet kuin vaikkapa vuosiraportit.
Datavisualisointi
Yksi mielenkiinnon kohteistani on datan visualisointi mahdollisimman ymmärrettävään muotoon, myös interaktiivisesti. Hallitsen tilastollisten menetelmien ja karttagrafiikan periaatteet ja olen käyttänyt Googlen Maps- ja Charts- työkaluja tiedon havainnollistamisessa.
Animointi
Videot
Animoin videoita After Effectsillä enimmäkseen yritysviestinnän tarpeisiin. Graafisen osaamiseni avulla voin luoda näyttäviä animaatiovideoita tyhjästä tai toimia asiakkaan toimittaman materiaalin pohjalta. Yhteistyökumppanini Talebox hoitaa tarvittaessa videokuvauksen, editoinnin ja äänisuunnittelun.
Interaktiiviset
Interaktiivisilla animaatioilla voidaan havainnollistaa monimutkaisiakin kokonaisuuksia tai luoda tarinankerronnalle pelimäinen kokemus. Nykyaikaisilla tekniikoilla toteutettu esitys on käytettävissä kaikilla päätelaitteilla.
Bannerit
Olen tehnyt urani aikana lähemmäs tuhat banneria ja mainosta verkkoon ja ulkonäyttöihin. Vuosien kokemuksella pystyn toteuttamaan monimutkaisetkin ideat haluttuihin kokoihin ja kilotavurajoituksiin, nopeasti ja laadukkaasti, HTML-ympäristössä. Hinnoittelen bannerit kappalemäärän mukaan, joten asiakkaideni on helppo arvioida kustannuksia jo etukäteen.
Tekniikka
Verkkosivut
Suunnittelen ja toteutan verkkosivuja kaikenlaisiin tarpeisiin – kevyistä esitesivuista suurempiin kokonaisuuksiin. Koska suunnittelen sivut suoraan HTML/CSS-pohjiksi, asiakas saa minulta valmiit tiedostot, jotka on helppo lisätä haluttuun julkaisujärjestelmään. Toteutan myös itse sivuja käyttäen WordPress -julkaisujärjestelmää. Luonnollisesti tekemäni sivut ovat hakukoneystävällisiä ja taittuvat kaikille nykyaikaisille päätelaitteille. Myös Woocommerce-pohjaisten verkkokauppojen toteutus onnistuu.
HTML & CSS
HTML ja CSS ovat internetin perustyökaluja. Suunnittelijana minulle on erittäin tärkeää ymmärtää teknologiaa, jolla tuotetaan verkkosivujen visuaalinen ilme. Nykyään, kirjavan päätelaitteiston aikakaudella, olen alkanut taittaa sivut suoraan HTML/CSS -työkaluilla.
JavaScript
Kun verkkosivuille halutaan lisätä toiminnallisuutta ja liikettä, otetaan käyttöön JavaScript. Erilaiset verkkosovellukset ja animaatiot syntyvät minulta käden käänteessä.
Referenssit
Kaikki
Suunnittelu
Grafiikka
Animointi
Tekniikka
Ryhmäteatterin näytelmiä
Graafinen suunnittelu
Visaalisia ilmeitä ja graafisia materiaaleja Ryhmäteatterin näytelmiin.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Beyond Bad Apples on EU-rahoitteinen tieteen etikkaan ja toimintatapoihin keskittyvä projekti. Suunnittelin heille logon ja graafisen ilmeen jonka pohjalta suunnittelin ja toteutin verkkosivut.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Yrityksen logo, graafinen ilme sekä verkkosivujen suunnittelu ja tekninen toteutus.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Verkkosivujen ja verkkokaupan toteutus Wordpress ja Woocommerce -järjestelmillä.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Verkkosivujen graafinen ilme ja tekninen toteutus Musta ja Valkoinen -valokuvausstudiolle. Sivujen erikoispiirteitä on sulava galleriakäyttöliittymä ja se, että logoa klikkaamalla sivu vaihtuu valkoisesta mustaan ja takaisin.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Verkkosivujen visuaalisen ilmeen suunnittelu, taitto ja toteutus.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Verkkosivujen visuaalisen ilmeen ja käyttöliittymän suunnittelu Vuokrakameralle.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Verkkosivujen graafinen ilme ja tekninen toteutus Helmi Levyille. Sisältää myös kevyen verkkokaupparatkaisun.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Querelle
Graafinen suunnittelu
Verkkosivut
Verkkosivujen suunnittelu ja toteutus. Visuaalisen ilmeen loi Saana ja Olli.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Supernanny
Graafinen suunnittelu
Logo ja visuaalinen ilme MTV3:n tv-sarjaan Supernanny.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Graafinen ilme ja materiaali Ryhmäteatterin vuoden 2017 kesänäytelmälle Seitsemän Veljestä. Materiaali sisälsi mm. julisteet, flyerin, mainoksia, julkisivuteippaukset ja käsiohjelman. Tein projektia varten oman fontin, jota käytin myös logona. Valokuvat otti Tanja Ahola.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Visuaalinen ilme ja front end -koodi Euroopan metsäteollisuuden yhteistyöelimelle FTP:lle.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Cafe Talo on olohuonemainen ravintola Hakaniemessä, tein heille uudet sivut.
![Reference image](images/imageHolder.jpg)
Eläinklinikka Paras Kaveri aloitti toimintansa marraskuussa 2016. Suunnittelin ja toteutin yritykselle logon, graafisen ilmeen, julkisivun ja verkkosivut.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Ônam
Graafinen suunnittelu
Verkkosivut
Ônam-ravintolan verkkosivujen graafinen ilme ja toteutus.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Ryhmäteatterin verkkosivujen uudistus tehtiin edellisten suunnittelemieni sivujen pohjalta. Visuaalinen ilme modernisoitiin ja muokattiin responsiiviseksi.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Turvapupu
Konsepti
Graafinen suunnittelu
Front end
Turvapupu-sivustolla lapsilla oli hauskaa samalla kun he oppivat liikenneturvallisuudesta. Sivuilta löytyi turvallisuustiedon lisäksi interaktiivisia opetusosioita, pelejä ja suosittu piirustusnurkka. Alunperin sivusto toteutettiin Flashillä, mutta kosketuslaitteiden yleistyttyä sivusto päivitettiin HTML-yhteensopivaksi. Nykyään sivusto on poistunut käytöstä.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Creative Future Nordic Summit 2015
Graafinen suunnittelu
Graafinen ilme Creative Future Nordic Summit -tapahtumalle.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Pikkusivu lähikahvilabaarilleni. Ko. paikka on kahvihuoneeni, joten halusin auttaa heitä markkinoimaan erinomaista pho-keittoaan. Verkkosivut ovat modernilla raikkaalla otteella taitetut, ja CMS Made Simple -julkaisujärjestelmällä toteutetut.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Suomalaiset yritykset ja tutkimuslaitokset kehittivät tulevaisuuden energiajärjestelmää monialaisessa tutkimusohjelmassa Älykkäät sähköverkot ja energiamarkkinat. Suunnittelin ja toteutin loppuraportin verkkosivuille graafisen materiaalin ja käyttöliittymän. Sivun käyttöliittymän zoomausefekti on tsekkaamisen arvoinen, kuten myös vektorigrafiikkojen terävyys retina-näytöillä.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Liikenneturvalle tehdyt sivut sisältävät kaksi testiä, joiden avulla iäkkäät kuljettajat voivat testata, kuinka he selviytyvät liikenteessä ja tarvitsevatko he tarkempia tutkimuksia. Lisäksi käyttäjät voivat jakaa ja lukea selviytymisvinkkejä liikenteeseen. Sivut on suunniteltu selkeiksi ja responsiivisiksi.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
If presentaatio
Graafinen tuotanto
Myös presentaatioiden tuotanto onnistuu, nämä kyseiset kuvat tein If:n Slush-esitystä varten, brändiohjeita tarkasti seuraten.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Interaktiivinen esitys, joka havainnollistaa millainen jalankulkijan näkyvyys on auton sisällä erilaisissa valo- ja heijastinolosuhteissa. Esitys pohjautuu valokuviin, jotka otimme aitoja tilanteita vastaavissa olosuhteissa. Vuonna 2014 koodasin sovelluksen uudestaan toimimaan myös tableteissa ja älypuhelimissa.
![Reference image](images/imageHolder.jpg)
Alppikaatio
Graafinen suunnittelu
Kuvitus
Logo
Alppikaatio on omaehtoisuutta ja osallistavuutta korostava kaupunginosatapahtuma Alppilassa. Tein tapahtumalle graafisen ilmeen sekä markkinointimateriaalia katukuvaan ja nettiin.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Kuuskulma
Graafinen suunnittelu
Logo
Logo, jonka tein Alppilassa kuuden kadun risteyksessä olevalle aukiolle. Paikalliset järjestöt haluavat elävöittää keskeisellä paikalla sijaitsevaa aukiota ja vakiinnuttaa paikallisten käyttämän Kuuskulma -nimen. Hyvä logo auttaa tavoitteeseen pääsemisessä, mm. kangaskassien, t-paitojen, kangasmerkkien ja markkinointimateriaalin muodossa.
![Reference image](images/imageHolder.jpg)
Helsingin Kivipaino
Graafinen suunnittelu
Verkkosivut
Helsingin Kivipaino on nimensä mukaisesti Helsingissä sijaitseva klassista kivipainoa tekevä yritys. Suunnittelin heille verkkosivut ja toteutin ne CMS Made Simple -julkaisujärjestelmällä.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Forecan yrityssivut
Graafinen suunnittelu
Sisältörakenne
Front end
Suunnittelin Forecan yrityssivuille graafisen ilmeen ja tuotin kuvitusmateriaalin. Lisäksi taitoin sivut ja tein tyyliohjeet.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Yritysesittelyvideo G4S:lle, Pohjoisrannan käsikirjoituksen pohjalta. Tein kuvakäsikirjoituksen ja animoin videon After Effectsillä. Äänituotannosta vastasi Talebox.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Lauri Maijalan käsikirjoittama ja Linda Wallgrenin ohjaama Ylihuomenna hän tulee sai ensi-iltansa Ryhmäteatterissa 4.10.2012. Tein esityksen graafisen ilmeen ja ilmoitusmateriaalin julisteista raitiovaunumainoksiin. Käsiohjelmasta teimme huonekalun kokoamisopas -tyylisen, pilke silmäkulmassa. Valokuvat otti Vilhelm Sjöström.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Suur-Maltti
Konsepti
Graafinen suunnittelu
Flash
Suunnittelin ja toteutin Liikenneturvalle kampanjasivun kunnallisvaalien alla. Sivulta löytyi liikenneturvallisuustietoa kuntien tuleville päättäjille ja lisäksi he saivat asetella pyöräilykypärän valokuvansa päälle ja kirjoittaa ajatuksiaan liikenneturvallisuudesta.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Running votes
Konsepti
Graafinen suunnittelu
Flash
Hauska ja erilainen tapa visualisoida live-äänestyksiä. Osallistujat äänestäjät tekstiviesteillä, joiden pohjalta seinille tai näytöille heijastettu työkalu näyttää osallistujat juoksukisassa. Grafiikat ovat Ericssonin brändimateriaalia, joiden pohjalta tein leiskan ja koodasin flash-sovelluksen.
![Reference image](images/imageHolder.jpg)
Throw the Message
Konsepti
Graafinen suunnittelu
Flash
Ericsson halusi innovaatiopäivilleen jotain interaktiivista joten suunnittelimme yhdessä tekstiviestien visualisoijan. Tekstiviestit heijastettiin seinille ja tv-näytöille ja osallistujat pitivät paljon mahdollisuudesta interaktioida muiden kanssa. Tein leiskan ja koodasin sovelluksen flashillä.
![Reference image](images/imageHolder.jpg)
Yritysesittelyvideoita Metsä Groupille
Animointi
Animoin After Effectsillä useita yritysesittelyvideoita Metsä Groupille. Tein toimeksiannon alihankintana toimien osana asiakkaani tiimiä.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Videoita Soneralle
Graafinen suunnittelu
Kuvakäsikirjoitus
Tein Soneran palveluita yritysasiakkaille esitteleville videoille graafisen ilmeen, kuvakäsikirjoitukset ja graafiset elementit neljään videoon.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
Julisteita
Graafinen suunnittelu
Kuvitus
Tässä loppukevennyksenä muutamia julisteita vuosien varrelta. Olen järjestänyt, promotoinut, esiintynyt DJ:nä ja auttanut graafisten materiaalien kanssa kaikenlaisia klubi-iltoja.
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)
![Reference image](images/imageHolder.jpg)