{"id":5768,"date":"2024-10-22T14:53:09","date_gmt":"2024-10-22T11:53:09","guid":{"rendered":"https:\/\/jenniina.fi\/?page_id=5768"},"modified":"2026-01-17T15:15:10","modified_gmt":"2026-01-17T13:15:10","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/jenniina.fi\/finnish\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"
\n
\n
\n
<\/div>\n\n\n\n

Portfolio<\/h2>\n\n\n\n

Link to React-specific items<\/a><\/p>\n\n\n\n

Voit avata kategorioita n\u00e4hd\u00e4ksesi lis\u00e4\u00e4:<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n\n\n\n

\n
\n
Verkkosivut<\/span><\/summary>
\n
\n
\n
\n
\n
\n

Verkkosivut<\/h3>\n
<\/div>\n

Verkkosivuja alusta loppuun<\/h3>\n

Joitakin esimerkkej\u00e4:<\/p>\n<\/div>\n<\/div>\n<\/div>\n

<\/div>\n
\n
\n
\n
\n
\n
\n

React JS -sivusto<\/h4>\n

Alasivusto React-applikaatioilleni (englanniksi) <\/p>\n

Vinkki: kokeile vuorovaikutusta otsikko-osion koristeiden kanssa!<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"React<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Olli Santa website<\/h4>\n

React and Node.js<\/p>\n

A site for a composer\/conductor<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n
Github<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"Olli<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Parturi Kampaamo Hannastiina<\/h4>\n

React and Node.js<\/p>\n

Sivusto parturi-kampaamolle<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n
Github<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"Hannastiina<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Orkesterin verkkosivut<\/h4>\n

WordPress-sivusto Jyv\u00e4skyl\u00e4n Salonkiorkesterille<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"Screenshot<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Metal 2022 Konferenssi<\/h4>\n

Isompi projekti Suomen Kansallismuseolle<\/p>\n

ICOM-CC metallity\u00f6ryhm\u00e4n kymmenes tapaaminen. (Sivu englanniksi)<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"mockups<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Kannelkeskus <\/h4>\n

Asunto-osakeyhti\u00f6n verkkosivut<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"Kannelkeskus<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Sirkku Niemel\u00e4<\/h4>\n

Lasten ja nuorten psykologin verkkosivut<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"Mockup<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

T\u00e4m\u00e4 sivusto<\/h4>\n

Joitakin sanoja t\u00e4m\u00e4n sivuston teosta. (Sivu englanniksi)<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"jenniina.fi<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
<\/div>\n
<\/div>\n

Muita projekteja <\/h3>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Interactive JavaScript Snippets<\/h4>\n

Toteutettu Typescriptill\u00e4<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"Screenshot<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Pong-peli<\/h4>\n

Toteutettu Typescriptill\u00e4<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"pong-splash-screen\"<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Koirakuvien generaattori roduittain<\/h4>\n

Javascript ja API<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"sheltie-pomeranian<\/a><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
\n
\n

Raahattavia mollukoita<\/h4>\n

Typescript ja Javascript<\/p>\n

\n
Katso tarkemmin<\/a><\/div>\n<\/div>\n<\/div>\n
\n
\"blob<\/a>
kuvakaappaus mollukkaraahaajasta<\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
Ota yhteytt\u00e4<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div><\/details><\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n\n\n\n
\n
\n
Graafinen suunnittelu<\/span><\/summary>
\n
\n
\n
\n
\n
\n
<\/div>\n

Graafinen suunnittelu<\/h3>\n

Nautin julisteiden teosta, ohjelmista, lipuista, bannereista, kaikesta joka liittyy tapahtuman n\u00e4kyv\u00e4ksi tekemiseen. <\/p>\n<\/div>\n<\/div>\n<\/div>\n

<\/div>\n
\n
\n
\n
<\/div>\n
\n
\n
\n

Konferenssimateriaaleja<\/h4>\n

Metal 2022 -konferenssia varten<\/p>\n

<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\"Metal<\/a>
Metal 2022 -konferenssin juliste<\/figcaption><\/figure>\n
\"Metal<\/a>
Metal 2022 -konferenssin rollup<\/figcaption><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
<\/div>\n

Konserttijulisteita ja muita materiaaleja<\/h4>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

Olen pitk\u00e4\u00e4n tehnyt yhteisty\u00f6t\u00e4 erin\u00e4isten amat\u00f6\u00f6riorkestereiden ja -kuorojen kanssa<\/p>\n

\n
\n

Viimeaikojen isoimmat asiakkaani ovat olleet Jyv\u00e4skyl\u00e4n Salonkiorkesteri (JSO) ja Jyv\u00e4skyl\u00e4n Puhallinorkesteri (JPO), orkestereita, jotka pystyv\u00e4t soittamaan kaikentyylist\u00e4 musiikkia. <\/p>\n<\/div>\n<\/div>\n

Olen koonnut t\u00e4h\u00e4n alle muutamia esimerkkej\u00e4 k\u00e4ytt\u00e4mist\u00e4ni eri tyyleist\u00e4. Piirretty Adobe Illustratorilla. <\/p>\n<\/div>\n<\/div>\n<\/div>\n

<\/div>\n
\n
\n
\n
\n
\"Autumn<\/a>
Autumn 2025 programme outer<\/figcaption><\/figure>\n
\"Autumn<\/a>
Autumn 2025 programme inner<\/figcaption><\/figure>\n
\"Ruusut<\/a>
Program Ruusut ja Ritarit choir autumn concert, outside view<\/figcaption><\/figure>\n
\"Ruusut<\/a>
Program Ruusut ja Ritarit choir autumn concert, inside view<\/figcaption><\/figure>\n
\"JPO<\/a>
Juliste: JPO 60-vuotisjuhlakonsertti. Vektoritaide piirretty Illustratorilla<\/figcaption><\/figure>\n
\"JPO<\/a>
Ohjelman kansi JPO:n 60-vuotisjuhlakonserttiin. Variaatio julisteen teemasta<\/figcaption><\/figure>\n
\"100<\/a>
Juliste: JSO:n 100-vuotisjuhlakonsertti. Vektoritaide orkesterin standaarin inspiroima<\/figcaption><\/figure>\n
\"Christmas<\/a>
Juliste: kolmen kuoron (ja yhden orkesterin) kolme konserttia, jossa kolme kantaesityst\u00e4. Geometrisia muotoja, piirretty Illustratorilla<\/figcaption><\/figure>\n
\"Christmas<\/a>
Poster: Christmas 2021 concert of JSO and JPO, feat. JSO’s Christmas Mouse mascot drawn by me<\/figcaption><\/figure>\n
\"Concert<\/a>
Juliste: JSO:n kev\u00e4tkonsertti. Yksinkertaisuudessaan tehokas<\/figcaption><\/figure>\n
\"Spring<\/a>
JSO:n kev\u00e4tkonsertin banneri. Pyrin siihen, ett\u00e4 asetelmani ovat muokkautuvia niin pysty- kuin vaakamalliin.<\/figcaption><\/figure>\n
\"JPO<\/a>
DVD-taidetta JPO:n 60-vuotisjuhlakonsertille<\/figcaption><\/figure>\n
\"Christmas<\/a>
Joulukonsertin ohjelma, jossa JSO:n jouluhiiri<\/figcaption><\/figure>\n
\"Christmas<\/a>
2021 joulukonsertin ohjelman ulkopuoli aukitaitettuna<\/figcaption><\/figure>\n
\"Christmas<\/a>
2021 joulukonsertin ohjelman sis\u00e4puoli aukitaitettuna<\/figcaption><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
<\/div>\n
\n
\n
\n

Elokuvamusiikkia-konsertit<\/h4>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

Julistesarjalla mahdollisesti yhten\u00e4isin teema<\/p>\n

\n
\n

JSO ja JPO muodostivat yhden ison orkesterin t\u00e4t\u00e4 konserttisarjaa varten, soittaakseen tuttuja melodioita kuuluisista elokuvista. Yhdistelin julisteisiin elokuvista tuttuja ikonisia elementtej\u00e4 . <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\"movie<\/a>
Ensimm\u00e4isen konsertin juliste. Assetteja Pixabaysta muokattuna Photoshopissa<\/figcaption><\/figure>\n
\"movie<\/a>
Toisen konsertin juliste. Osa asseteista Pixabaysta, toiset piirretty mallista Procreate-ohjelmalla.<\/figcaption><\/figure>\n
\"movie<\/a>
Kolmas konsertti sarjassa. Lyhyell\u00e4 varoituksella vanhojen assettien uudelleenyhdistely\u00e4, plus Austin Powers piirrettyn\u00e4 Illustratorilla.<\/figcaption><\/figure>\n<\/figure>\n
\n
\"movie<\/a>
Pieni (suuri) gif-animaatio ensimm\u00e4ist\u00e4 konserttia varten<\/figcaption><\/figure>\n
\"Movie<\/a>
Toisen konsertin vaakabanneri<\/figcaption><\/figure>\n
\"Movie<\/a>
Toisen konsertin neli\u00f6muotoinen banneri sosiaaliseen mediaan<\/figcaption><\/figure>\n
\"Movie<\/a>
Toisen konsertin ohjelma oli sis\u00e4ll\u00e4 l\u00e4nkk\u00e4riteemainen<\/figcaption><\/figure>\n<\/figure>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
Ota yhteytt\u00e4<\/a><\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div><\/details><\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/section>\n\n\n\n
\n
\n
Liikegrafiikka<\/span><\/summary>
\n
\n
\n
\n
\n
\n
\n
\n
\n

Liikegrafiikka<\/h3>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n

Otsikkoanimaatio konferenssille<\/h4>\n

Otsikkoanimaatio metallikonservoijien Metal 2022 -konferenssin livestriimi\u00e4 varten. After Effects.<\/p>\n

\n
\n