Graafinen suunnittelu, verkkopalvelut & animaatiot
Olen vuodesta 2005 digitaalisten palveluiden suunnittelun ja tuotannon parissa viihtynyt monipuolinen ammattilainen.
Intohimonani ovat laadukkaat verkkototeutukset, visuaaliset ilmeet ja animaatiot. Omien asiakkuuksien lisäksi toteutan projekteja alihankintana. Ota yhteyttä, suunnitellaan sinun tai asiakkaasi tarpeisiin sopiva ratkaisu.
Ota yhteyttä Tutustu palveluihin
Graafinen suunnittelu, verkkopalvelut & animaatiot
Olen vuodesta 2005 digitaalisten palveluiden suunnittelun ja tuotannon parissa viihtynyt monipuolinen ammattilainen.
Intohimonani ovat laadukkaat verkkototeutukset, visuaaliset ilmeet ja animaatiot. Omien asiakkuuksien lisäksi toteutan projekteja alihankintana. Ota yhteyttä, suunnitellaan sinun tai asiakkaasi tarpeisiin sopiva ratkaisu.
Ota yhteyttä Tutustu palveluihin
Työnäytteitä
Disc Golf Team Finlandin verkkosivusto
Toteutin Suomen frisbeegolfmaajoukkueen Disc Golf Team Finlandin verkkosivuston yhteistyössä Askel Sportsin kanssa. Vastuullani oli sivuston visuaalinen suunnittelu ja tekninen toteutus. Tekniikkana mm: WordPress / Sage 10 / Tailwind CSS / Laravel Blade / ACF Composer. Vieraile sivustolla
Ulkoministeriön maakuvayksikön Suomi-emojien animointi
Projekti sisälsi 52 emojin animoinnin gif-animaatioiksi. Pelkästään Giphy-palvelun kautta niillä on yli 100 miljoonaa katselukertaa. Giffit lisättiin myös Tenor-palveluun. Giffejä voi käyttää chateissa ja stickereinä somealustojen stooreissa. Katso lisää: finland.fi/emoji & Giphy
Ristek Oy:n verkkosivuston uudistus
Vastasin monikielisen WordPress-sivuston teknisestä suunnittelusta ja toteutuksesta. Projekti toteutettiin yhteistyössä Mainostoimisto Ilmeen kanssa. Tekniikkana mm: WordPress / Sage 10 / Tailwind CSS / Laravel Blade / ACF Composer. Vieraile sivustolla
Askel Sports -verkkosivusto
Suunnittelin ja toteutin WordPress-sivuston urheilutoimialaan erikoistuneita palveluita tarjoavalla Askel Sportsille. Sivustosta pyrittiin luomaan näyttävä ja kilpailijoista edukseen erottuva kokonaisuus. Vieraile sivustolla
Askel Sports -logo ja -hahmot
Logo urheilu- ja liikuntaorganisaatioiden parhaalle ystävälle Askel Sportsille. Logosta johdettiin animoituja hahmoja Askel Sportsin verkkosivuille. Vieraile verkkosivuilla
Mehu Juicybrew -etiketit
JenkkiShaken, Kerkkä G:n, Troublen ja Bittersweetin etikettien suunnittelu. Oluet ovat valmistettu yhdessä Kimito Brewingin kanssa. Kerkkä G voitti Fat Lizardin Himabisse 2019 -kilpailun.
Mehu Juicybrew -logo
Moderni ja mehukas logo kiertolaispanimolle. Mehun oluita ovat mm. JenkkiShake Milkshake Apa ja Fat Lizardin Himabisse 2019 voittaja Kerkkä G.
Urban Natural -verkkosivusto
Suunnittelin ja toteutin kaunpunkiympäristön puiden hoitoon erikoistuneen Urban Naturalin verkkosivuston. Monikieliselle WordPress-sivustolle pyrittiin luomaan elegantti visuaalinen ilme, selkeä rakenne ja yhteydenottoihin kannustava tuotekatalogi.
Logon ja käyntikortin suunnittelu
Jäsenkalenterin visuaalinen ilme
Päivitin Kaupunkitoimittajien jäsenkalenterin ilmeen. Kannen suunnittelussa ja taitossa huomioitiin kuvan vuosittainen vaihtuminen.
Medvision Oy:n logo
Suunnittelin ja toteutin Medvision Oy:n logon. Asiakkaan toiveena oli moderni ja mieleenpainuva logo, joka yhdistyy välittömästi lääketieteeseen ja visioon.
Laurean CCO-hankkeen logo
Suunnittelin logon Laurea Ammattikorkeakoulun CCO -hankkeelle. Tavoitteena oli moderni logo, joka viestii yhteistyötä ja avoimuutta. Kuvalliseksi symboliksi valikoitui orkesterin istumajärjestystä muistuttava C-muoto.
Yle Radio 1 -verkkomainoksen animointi
Laurean CCO-hankkeen logo
Suunnittelin logon Laurea Ammattikorkeakoulun CCO -hankkeelle. Tavoitteena oli moderni logo, joka viestii yhteistyötä ja avoimuutta. Kuvalliseksi symboliksi valikoitui orkesterin istumajärjestystä muistuttava C-muoto.
Kaupunkitoimittajat-logo
Asiakkaan toiveena ja tavoitteena oli logo, joka ilmentää toimittajayhdistyksen kaupunkimaista olemusta ja toimii monessa eri koossa ja ympäristössä.
Amos Rex -museon verkkosivusto
Vastasin sivuston frontend-kehityksestä, animaatioista ja avustin suunnittelussa Creuna Finlandilla työskennellessäni. Vieraile sivustolla
KAS-telineet-verkkosivusto
Vastasin sivuston teknisestä toteutuksesta Creuna Finlandilla. Vieraile sivustolla
Helsingin kaupunginmuseon verkkosivusto
Toimin projektissa suunnittelijana ja frontend-kehittäjänä mainostoimisto Byroossa. Vieraile sivustolla
If Keltanokka
-verkkopelin kuvitukset
Vastuullani oli pelin hahmojen, pelilaudan ja liikenneaiheisten kysymysten kuvittaminen mainostoimisto Byroossa.
Ikonien animointia Reaktorille
If Keltanokka
-verkkopelin kuvitukset
Vastuullani oli pelin hahmojen, pelilaudan ja liikenneaiheisten kysymysten kuvittaminen mainostoimisto Byroossa.
Ikoneja Reaktorille
Ikonien ideointi ja toteuttaminen.
Visit Finland My Stay
-verkkopalvelu
Visit Finlandin My Stay -osion visuaalinen suunnittelu Creuna Finlandilla.
Valokuvaaja Iida Kaikkosen verkkosivusto
Iidan toiveena oli helppokäyttöiset, yksinkertaiset ja kauniit verkkosivut, jotka edistävät myyntiä ja joiden kautta on helppo ottaa yhteyttä ja varata kuvauspalveluita.
Jouluisia kuvituksia DNA:lle
Kuvitusten ideointi ja toteuttaminen DNA:n joulukampanjaan.
VisitFinland.com:n esittelyvideo
Käyttöliittymänauhoitukset, animaatiot ja videon editointi.
Graafinen suunnittelu
Tarvitsetko puhuttelevan ja raikkaan ulkoasun viestillesi? Etsitkö monipuolista suunnittelijaa, jonka kanssa projektit sujuvat mutkattomasti?
Suunnittelen mieleenjääviä visuaalisia ilmeitä, logoja, kuvituksia, 3D-toteutuksia ja mainoksia niin verkkoon kuin printtiin.
Laadukkaat verkkototeutukset
Haetko verkkosivuille tai muille digitaalisen viestinnän ratkaisuille kokenutta toteuttajaa?
Asiakkaan tarpeisiin räätälöidyt, kaikilla päätelaitteilla saumattomasti toimivat ja hakukoneoptimoidut WordPress-sivustot, kampanjat, verkkokaupat ja muut verkkototeutukset niin pienille kuin isoille toimijoille.
Animaatiot ja videototeutukset
Animaatio elävöittämään verkkosivujasi? Video tukemaan viestiäsi sosiaalisessa mediassa?
Animaatiot käyttöliittymiin, ikoneihin ja kuvituksiin. Vektori-, canvas- ja motion-animaatiot. Verkkomainokset ja yritysvideot.
Juha Katravuori
Olen vuodesta 2005 digitaalisten palveluiden suunnittelun ja tuotannon parissa viihtynyt monipuolinen ammattilainen. Työskentelin alalla palkituissa toimistoissa vuoteen 2018 ja siitä lähtien olen toiminut päätoimisena yrittäjänä.
Olen ollut suunnittelemassa ja toteuttamassa lukuisia verkkosivustoja, verkkomainoksia, kampanjoita, pelejä ja animaatioita mm. Helsingin Sanomille, Helsingin kaupungille, Porvoon kaupungille, Ulkoministeriölle, Fazerille, DNA:lle, If:lle, Flow-festivaaleille, WWF:lle, Reaktorille ja Visit Finlandille.
Omien asiakkuuksien lisäksi toteutan projekteja alihankintana ja olen käytettävissä myös freelance-työskentelyyn.
Soita, laita viestiä, kysy ja ehdota. Suunnitellaan sinun tai asiakkaasi tarpeisiin sopiva ratkaisu.
Asiakkailta kuultua
Emme voisi olla tyytyväisempiä yhteistyöhön! Juha veti nettisivuprojektimme maaliin alusta loppuun tyylikkäästi, rautaisella ammattitaidolla ja täysin toiveidemme mukaisesti. Yhteistyö oli aina jouhevaa ja kommunikaatio kaikin puolin sujuvaa. Tällaista sekä mukavaa että osaavaa kaveria on harvinaisen helppoa suositella.
Askel Sports
Tilasimme Juha Katravuorelta logon hankkeellemme. Yhteistyö ja toiminta koko prosessin ajan oli hyvin ammattimaista ja osaavaa. Myöskin logo on todella hyvä. Suosittelen Juhaa!
Laurean CCO-hanke
Jo ensimetreistä tuli tunne, että Juhan kanssa projektimme uusien kotisivujen kanssa tulisi sujumaan, ja niin kävi. Juha on todella ammattitaitoinen, hän kuunteli ja ymmärsi toiveemme todella hyvin. Hän on selkeä viestinnässä, omaa hyvää visuaalista silmää ja hänen kanssaan on ollut ilo tehdä yhteistyötä. Sanotaan että ei määränpää vaan matka on se tärkein. Tässä matka sujui mukavasti ja määränpäähän, eli sivujemme lopputulokseen, olemme enemmän kuin tyytyväisiä. Laadukasta työtä! Voimme lämpimästi suositella Juhaa uusien verkkosivujen suunnitteluun.
Urban Natural
Oli sujuvaa ja mukavaa tehdä yhteistyötä Juhan kanssa, ja logosta tuli hieno.
Kaupunkitoimittajat
Juhalla on nykypäiväinen ote tehdä laadukkaat ja näyttävät verkkosivut. Pääsimme heti samalle aaltopituudelle sivujen ulkonäöstä ja sisällöstä. Yhteistyö sujui todella hyvin Skypen välityksellä ja sivut valmistuivat ajallaan. Projektin päätyttyä olen voinut silti kääntyä Juhan puoleen ja olen saanut erinomaista palvelua. Suosittelenkin lämpimästi Juhaa!
Iida Kaikkonen Photography
Todella ammattimaista ja aktiivista toimintaa. Aikataulullisesti erinomaista työtä. Kaikki sovitut asiat tuli tehtyä ajoissa.
Medvision Oy
Työkalupakkini
Käytössäni ovat kaikki Adobe Creative Cloudin ohjelmat ja fonttikokoelma, ja monet muut suunnittelu- ja kehitystyötä tehostavat ohjelmat. Tässä esimerkkejä ohjelmista ja työkaluista joita käytän päivittäin.
Figma
Monipuolinen ja näppärä suunnitteluohjelma. Valintani verkkosivujen ja sovellusten suunnitteluun.
Creative Cloud
Adoben sovellukset, fonttikokoelma ja muut palvelut.
Adobe Illustrator
Ohjelmisto vektorigrafiikan suunnitteluun ja toteuttamiseen.
Adobe Photoshop
Kuvien muokkaus ja sommittelu.
iPad Pro
Tärkeä osa luonnostelu- ja suunnitteluprosessejani. Toimittaa minulle piirtopöydän virkaa.
Apple Pencil
Uusi entistä tarkempi Apple Pencil. Erinomainen apuväline digitaaliseen piirtämiseen ja kuvittamiseen.
Discover Procreate
Intuitiivinen sovellus digitaaliseen piirtämiseen iPadille.
Blender
Monipuolinen 3D-grafiikan mallinnusohjelma.
After Effects
Videoiden ja animaatioiden editointi ja jälkikäsittely.
Motion v3
Näppärä lisäosa After Effectsille. Nopeuttaa monia animaattorille tarpeellisia toimintoja.
Lottie.js
Lottie parsii After Effectsillä luodun animaation JSON-tiedostoksi. Mahdollistaa verkkosivuilla ja mobiisovelluksissa jouhevasti toimivat kevyet animaatiot.
GreenSock Animation Platform
JavaScript-kirjasto, jolla voi animoida kaikkea mihin JavaScriptillä pääsee käsiksi.
WordPress
Maailman suosituin julkaisujärjestelmä, joka mahdollistaa helposti ylläpidettävät verkkosivustot.
WooCommerce
Suosittu verkkokauppa-alusta WordPressille.
Sage
WordPress-sivustojen moderniin kehitykseen tarkoitettu aloitusteema. Sagen avulla verkkosivusto räätälöidään täysin asiakkaan tarpeiden mukaan.
Laravel Blade
Sagen käyttämä kätevä PHP-sovelluskehys sivupohjien kehittämiseen.
Advanced Custom Fields Pro
WordPressin sisällönhallinnan räätälöimiseen tarkoitettu laajennus.
Yeoman
Kehitystyökalu moderneille verkkosovelluksille.
Bitbucket
Palvelu Git-versionhallintaan. Projektien varmuuskopiointi, kloonaaminen toisille kehittäjille ja aiempien tilojen palauttaminen.
Mailchimp
Suosittu työkalu sähköpostimarkkinointiin. Räätälöidyt uutiskirjeet, sähköpostilistojen hallinta ja integraatiot muihin palveluihin.
Ota yhteyttä
Jätä viesti lomakkeella, soita tai laita sähköpostia. Vastaan viestiisi mahdollisimman pian.
Ota yhteyttä
Jätä viesti lomakkeella, soita tai laita sähköpostia. Vastaan viestiisi mahdollisimman pian.