Graafisten ja digitaalisten palveluiden suunnittelua ja toteutusta.

Taikalehto on yhden miehen ketterä yritys, joka yhteistyö­kumppaniensa kanssa tarjoaa täyden suunnittelu­toimiston palvelut kustannus­tehokkailla 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

Design service icon

Konseptointi

Close service Open service

Olipa projekti millainen tahansa, konsepti­vaihe tehdään aina ensimmäisenä. Selvitän, mitkä ovat asiakkaan tavoitteet, ja millä keinoilla ne parhaiten saavutetaan. Ideoin lähestymis­tapoja niin media­kerronnan kuin informaatio­suunnittelun keinoin, ja käsi­kirjoitan ne toimivaksi konsepti­suunnitelmaksi rakenne- ja vuokaavioiden avulla.

Käyttöliittymäsuunnittelu

Close service Open service

Käyttö­liittymä on suunnittelu­työssäni aina keskeisessä osassa, oli kyse verkko­sivusta 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

Close service Open service

Suunnittelu­työ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 palvelu­muotoilun elementtien kanssa hyvä käytettävyys varmistaa positiivisen käyttö­kokemuksen.

Grafiikka

Graphics service icon

Graafinen suunnittelu

Close service Open service

Graafinen suunnittelu on työni ytimessä, ja terminä se kattaa hyvin kaiken osaamiseni visuaalisten ilmeiden luomisesta informaatio­grafiikan kautta graafisten keinojen käyttämiseen käyttö­liittymä­suunnittelussa. Oma tyylini on minimalistinen ja funktionaalinen, mutta tuotan toki kaiken­näköistä grafiikkaa.

Kuvitus

Close service Open service

Tarvitsetko kuvitusta vaikkapa verkko­sivuille tai esitteeseen? Onnistuu. Hallitsen useita tekniikoita: vesivärit, lyijy, tussi, digi­maalaus ja vektori­piirtäminen.

Taitto

Close service Open service

Taitan niin lehtiset, esitteet kuin vaikkapa vuosiraportit.

Datavisualisointi

Close service Open service

Yksi mielen­kiinnon kohteistani on datan visualisointi mahdollisimman ymmärrettävään muotoon, myös inter­aktiivisesti. Hallitsen tilastollisten menetelmien ja kartta­grafiikan peri­aatteet ja olen käyttänyt Googlen Maps- ja Charts- työkaluja tiedon havainnollistamisessa.

Animointi

Animation service icon Animation service icon

Videot

Close service Open service

Animoin videoita After Effectsillä enimmäkseen yritys­viestinnän tarpeisiin. Graafisen osaamiseni avulla voin luoda näyttäviä animaatio­videoita tyhjästä tai toimia asiakkaan toimittaman materiaalin pohjalta. Yhteis­työ­kumppanini Talebox hoitaa tarvittaessa video­kuvauksen, editoinnin ja ääni­suunnittelun.

Interaktiiviset

Close service Open service

Interaktiivisilla animaatioilla voidaan havainnollistaa moni­mutkaisiakin kokonaisuuksia tai luoda tarinan­kerronnalle pelimäinen kokemus. Nyk­yaikaisilla tekniikoilla toteutettu esitys on käytettävissä kaikilla pääte­laitteilla.

Bannerit

Close service Open service

Olen tehnyt urani aikana lähemmäs tuhat banneria ja mainosta verkkoon ja ulkonäyttöihin. Vuosien kokemuksella pystyn toteuttamaan moni­mutkaisetkin ideat haluttuihin kokoihin ja kilotavu­rajoituksiin, nopeasti ja laadukkaasti, HTML-ympäristössä. Hinnoittelen bannerit kappalemäärän mukaan, joten asiakkaideni on helppo arvioida kustannuksia jo etukäteen.

Tekniikka

Technology service icon

Verkkosivut

Close service Open service

Suunnittelen ja toteutan verkko­sivuja kaikenlaisiin tarpeisiin – kevyistä esite­sivuista suurempiin kokonaisuuksiin. Koska suunnittelen sivut suoraan HTML/CSS-pohjiksi, asiakas saa minulta valmiit tiedostot, jotka on helppo lisätä haluttuun julkaisu­järjestelmään. Toteutan myös itse sivuja käyttäen WordPress -julkaisujärjestelmää. Luonnollisesti tekemäni sivut ovat hakukone­ystävällisiä ja taittuvat kaikille nyky­aikaisille pääte­laitteille. Myös Woocommerce-pohjaisten verkkokauppojen toteutus onnistuu.

HTML & CSS

Close service Open service

HTML ja CSS ovat internetin perus­työkaluja. Suunnittelijana minulle on erittäin tärkeää ymmärtää teknologiaa, jolla tuotetaan verkko­sivujen visuaalinen ilme. Nykyään, kirjavan pääte­laitteiston aikakaudella, olen alkanut taittaa sivut suoraan HTML/CSS -työkaluilla.

JavaScript

Close service Open service

Kun verkkosivuille halutaan lisätä toiminnallisuutta ja liikettä, otetaan käyttöön JavaScript. Erilaiset verkko­sovellukset ja animaatiot syntyvät minulta käden käänteessä.

Referenssit

Kaikki

Suunnittelu

Grafiikka

Animointi

Tekniikka

124

Ryhmäteatterin näytelmiä

Graafinen suunnittelu

Visaalisia ilmeitä ja graafisia materiaaleja Ryhmäteatterin näytelmiin.

Reference image Reference image Reference image Reference image Reference image Reference image Reference image Reference image
Taikalehto
124

Beyond Bad Apples

Logo

/

Graafinen ilme

/

Verkkosivut

Link Link hilite

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 Reference image
Taikalehto
4

Remonttivelhot

Verkkosivut

Link Link hilite

Yrityksen logon päivitys ja uuden teeman luominen verkkosivuille

Reference image
Taikalehto
12

Maailma.net

Graafinen suunnittelu

Link Link hilite

Uusi graafinen ilme verkkosivuille.

Reference image Reference image
Taikalehto
124

Puhtosin

Graafinen suunnittelu

/

Verkkosivut

Link Link hilite

Yrityksen logo, graafinen ilme sekä verkkosivujen suunnittelu ja tekninen toteutus.

Reference image Reference image Reference image Reference image
Taikalehto
124

Saana ja Olli

Verkkosivut

Link Link hilite

Verkkosivujen ja verkkokaupan toteutus Wordpress ja Woocommerce -järjestelmillä.

Reference image Reference image Reference image Reference image
Taikalehto
124

Musta ja Valkoinen

Graafinen suunnittelu

/

Verkkosivut

Link Link hilite

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 Reference image
Taikalehto
124

Helsingin Polkupyöräilijät ry

Graafinen suunnittelu

/

Verkkosivut

Link Link hilite

Verkkosivujen visuaalisen ilmeen suunnittelu, taitto ja toteutus.

Reference image Reference image Reference image Reference image
Taikalehto
12

Vuokrakamera

Graafinen suunnittelu

Link Link hilite

Verkkosivujen visuaalisen ilmeen ja käyttöliittymän suunnittelu Vuokrakameralle.

Reference image Reference image
Taikalehto
124

Helmi Levyt

Graafinen suunnittelu

/

Verkkosivut

Link Link hilite

Verkkosivujen graafinen ilme ja tekninen toteutus Helmi Levyille. Sisältää myös kevyen verkkokaupparatkaisun.

Reference image Reference image Reference image Reference image
Taikalehto
124

Querelle

Graafinen suunnittelu

/

Verkkosivut

Verkkosivujen suunnittelu ja toteutus. Visuaalisen ilmeen loi Saana ja Olli.

Reference image Reference image
Taikalehto
2

Supernanny

Graafinen suunnittelu

Logo ja visuaalinen ilme MTV3:n tv-sarjaan Supernanny.

Reference image Reference image
Taikalehto
124

Rytmi

Graafinen suunnittelu

Verkkosivut

Link Link hilite

Verkkosivut Ravintola Rytmille.

Reference image Reference image
Taikalehto
12

Seitsemän veljestä

Graafinen suunnittelu

Link Link hilite

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 Reference image
Taikalehto
124

FTP

Graafinen ilme

/

Front end

Link Link hilite

Visuaalinen ilme ja front end -koodi Euroopan metsäteollisuuden yhteistyöelimelle FTP:lle.

Reference image Reference image
Taikalehto
24

Cafe Talo

Graafinen ilme

/

Verkkosivut

Link Link hilite

Cafe Talo on olohuonemainen ravintola Hakaniemessä, tein heille uudet sivut.

Reference image
Taikalehto
124

Paras Kaveri

Logo

/

Graafinen ilme

/

Julkisivu

/

Verkkosivut

Link Link hilite

Eläinklinikka Paras Kaveri aloitti toimintansa marraskuussa 2016. Suunnittelin ja toteutin yritykselle logon, graafisen ilmeen, julkisivun ja verkkosivut.

Reference image Reference image
Taikalehto
24

Ônam

Graafinen suunnittelu

/

Verkkosivut

Link Link hilite

Ônam-ravintolan verkkosivujen graafinen ilme ja toteutus.

Reference image Reference image
Taikalehto
124

Ryhmä­teatterin verkko­sivut

/

Graafinen suunnittelu

/

Front end

Link Link hilite

Ryhmäteatterin verkkosivujen uudistus tehtiin edellisten suunnittelemieni sivujen pohjalta. Visuaalinen ilme modernisoitiin ja muokattiin responsiiviseksi.

Reference image Reference image
Taikalehto
1234

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 Reference image Reference image Reference image
Taikalehto
2

Creative Future Nordic Summit 2015

Graafinen suunnittelu

Graafinen ilme Creative Future Nordic Summit -tapahtumalle.

Reference image Reference image
Taikalehto
2

Alppilan Huone

Graafinen suunnittelu

Verkkosivut

Link Link hilite

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 Reference image
Taikalehto
2

Sun Effects työvaatteet

Graafinen suunnittelu

Sun Effects halusi työntekijöilleen firman paidat, rouhealla otteella. Tein heidän logostaan tusseilla pensseliversion ja käsittelin maaliroiskeita koneella saadakseni halutun kaltaisen efektin taustalle.

Reference image Reference image
Taikalehto
24

SGEM loppuraportti

Graafinen suunnittelu

/

Front end

Link Link hilite

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 Reference image
Taikalehto
24

Aake Otsala

Graafinen suunnittelu

/

Verkkosivut

Link Link hilite

Kevyt onepager Aake Otsalalle. Graafinen ilme, HTML-taitto ja CMS Made Simple. Tämä sivu alkaa olemaan graafisesti ja toiminnallisesti aika lähellä käsitystäni ideaalisesta pikkusivusta. Kevyt, ketterä, ilmava, ja taittuu kauniisti kaikille päätelaitteille. Levyjen kannet ovat myös käsialaani, artistin valokuvien pohjalta.

Reference image Reference image
Taikalehto
24

Ikä­kuljet­tajan itse­arviointi

Graafinen suunnittelu

/

Front end

Link Link hilite

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 Reference image
Taikalehto
2

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 Reference image
Taikalehto
124

Heijastin

Konsepti

/

Graafinen suunnittelu

/

Flash

/

Front end

Link Link hilite

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
Taikalehto
2

Alppikaatio

Graafinen suunnittelu

/

Kuvitus

/

Logo

Link Link hilite

Alppikaatio on omaehtoisuutta ja osallistavuutta korostava kaupunginosatapahtuma Alppilassa. Tein tapahtumalle graafisen ilmeen sekä markkinointimateriaalia katukuvaan ja nettiin.

Reference image Reference image
Taikalehto
2

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
Taikalehto
124

Helsingin Kivipaino

Graafinen suunnittelu

/

Verkkosivut

Link Link hilite

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 Reference image
Taikalehto
124

Forecan yritys­sivut

Graafinen suunnittelu

/

Sisältörakenne

/

Front end

Link Link hilite

Suunnittelin Forecan yrityssivuille graafisen ilmeen ja tuotin kuvitusmateriaalin. Lisäksi taitoin sivut ja tein tyyliohjeet.

Reference image Reference image
Taikalehto
23

G4S Suomen yritys­video

Graafinen suunnittelu

/

Kuvakäsikirjoitus

/

Animointi

Link Link hilite

Yritysesittelyvideo G4S:lle, Pohjoisrannan käsikirjoituksen pohjalta. Tein kuvakäsikirjoituksen ja animoin videon After Effectsillä. Äänituotannosta vastasi Talebox.

Reference image Reference image
Taikalehto
2

Yli­huomenna hän tulee

Graafinen suunnittelu

/

Kuvitus

Link Link hilite

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 Reference image
Taikalehto
124

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 Reference image
Taikalehto
124

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
Taikalehto
124

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
Taikalehto
3

Yritys­esittely­videoita Metsä Groupille

Animointi

Animoin After Effectsillä useita yritysesittelyvideoita Metsä Groupille. Tein toimeksiannon alihankintana toimien osana asiakkaani tiimiä.

Reference image Reference image
Taikalehto
23

Videoita Soneralle

Graafinen suunnittelu

/

Kuvakäsikirjoitus

Tein Soneran palveluita yritysasiakkaille esitteleville videoille graafisen ilmeen, kuvakäsikirjoitukset ja graafiset elementit neljään videoon.

Reference image Reference image
Taikalehto
2

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 Reference image Reference image Reference image Reference image Reference image Reference image Reference image Reference image Reference image
Taikalehto