Olen Jarno Kiimala.

Web Developer & UI/UX-Designer.

Rakennan käyttäjäystävällisiä ja esteettisesti miellyttäviä verkkoratkaisuja, joissa yhdistän toiminnallisuuden ja muotoilun.

Tutustu töihini Tietoja minusta

Tietoja minusta

Olen intohimoinen useiden vuosien kokemuksella varustettu web-kehittäjä ja UI/UX-suunnittelija. Olen erikoistunut responsiivisten ja saavutettavien verkkosivustojen rakentamiseen, jotka tarjoavat erinomaisen käyttäjäkokemuksen. Uskon puhtaaseen koodiin, selkeään suunnitteluun ja jatkuvaan oppimiseen.

Viime vuosina olen työskennellyt monipuolisten projektien parissa, aina pienistä markkinointisivustoista suurempiin verkkosovelluksiin. Minua motivoi ongelmanratkaisu ja käyttäjien todellisten tarpeiden ymmärtäminen. Tavoitteenani on luoda digitaalisia kokemuksia, jotka ovat sekä tehokkaita että ilo käyttää.

Pähkinänkuoressa

TavoiteVakituinen Web Developer -rooli
YdinosaaminenNext.js, React & TypeScript
SijaintiSuomi (Etä / Hybridi)

Ota yhteyttä / Pyydä CV ➔

Suunnittelu & tavoitteet

Kartoitetaan tarpeet ja määritellään tekninen arkkitehtuuri sekä visuaalinen linja yhdessä asiakkaan tai tiimin kanssa.

▼

Tehokas kehitys

Toteutetaan ratkaisu hyödyntäen nykyaikaisia työkaluja, puhdasta koodia, nopeaa palautetta ja ketteriä sprinttejä.

▼

Testaus & julkaisu

Varmistetaan toimivuus eri selaimilla ja laitteilla, optimoidaan suorituskyky ja hakukonenäkyvyys ennen tyylikästä lanseerausta.

Taidot

Full-Stack Kehitys

Moderni JavaScript: TypeScript, React, Next.js & Astro
Tyylitellyt käyttöliittymät: Tailwind CSS & SCSS
Backend & Skriptaus: Python & API-integraatiot
Suorituskyvyn optimointi & Core Web Vitals
AI-avusteinen ohjelmointi & Prompt Engineering
Versionhallinta: Git & GitHub-työnkulut

UI/UX & Tuotesuunnittelu

Käyttäjäkeskeinen suunnittelu (UCD)
Wireframing & Interaktiiviset prototyypit (Figma)
Käytettävyystestaus & Data-analyysi (GA4)
Visuaalinen suunnittelu & Digitaalinen brändäys
Saavutettavuus (WCAG) & Responsiivisuus
Mobile-first -arkkitehtuuri

Strategia & CMS

WordPress & WooCommerce (Custom-kehitys)
MyCashflow/Shopify Verkkokauppapalvelu
Tekninen SEO & GEO-optimointi
Konseptointi & Ongelmanratkaisukyky
Ketterät menetelmät & Tiimityö
Strateginen tarinallistaminen
Uusien teknologioiden visiointi

Portfolio

Katso projekti

Sää & Ilma App

Tämä projekti on reaaliaikainen sää- ja ilmanlaatuasema, joka on täysin optimoitu hakukoneille (SEO/GEO) sekä sosiaalisen median jaolle (OpenGraph). Sovellukseen on integroitu saumaton suomen ja englannin kielen monikielisyystuki.

React 18, Vite, TypeScript, Tailwind CSS, Motion (Animaatiot), Open-Meteo & Copernicus API:t, Lucide Icons.

Reaaliaikaiset säähavainnot ja ilmanlaatuindeksit (AQI, PM2.5, PM10), 24 tunnin tuntiennuste, 7 päivän viikkoennuste UV-arvoilla, monipuolinen suodatettava kaupunkihaku, suosikkipaikkojen tallennus sekä GPS-paikannus.

1. Hakukone- ja geosijoitteluoptimointi (SEO & Geotags). 2. Täydellinen lokalisointi (FI/EN) ja kielenvaihtorekisteri kaikissa säänäkymissä, kuvaajissa ja latausruuduissa. 3. Edistyksellinen, kustomoitu sosiaalisen median og-kuva tyylikkäällä "Sää & Ilma | Weather & Air" -tekstillä.

Katso projekti

F1 Racing 2026 Dashboard

Formula 1 2026 -kausikohtainen dashboard rakennettu React 19:llä, TypeScriptillä ja Vite-buildjärjestelmällä. Hakee live-sarjataulukot ja kilpailutulokset Jolpica F1 API:sta.

Sisältää kuljettajaprofiilit kuvilla ja auton kuvalla, interaktiiviset pistekaaviot, suorituskykyindeksit ja kumulatiiviset pistetilastot. Sarjataulukot, kilpailukalenteri ja tiimitiedot kaikille 11 tallille.

GSAP-animaatiot jokaisella sivulla: ScrollTrigger-paljastamiset, portaittain ilmestyvät kortit, numeroanimaatiot ja kuljettajaprofiilin hero-animaatiot. Täysi suomi/englanti i18n automaattisella kielen tunnistuksella.

PWA-tuki offline-käytölle, push-ilmoitukset tuntia ennen kisaa, mobiililayout kaikille sivuille. Netlify-deploy automaattisilla GitHub-triggerillä.

Katso projekti

Katso projekti

React, TS, Tailwind CSS & Motion

Tämä projekti on moderni ja äärimmäisen suorituskykyiseksi optimoitu verkkopalvelu XXXXX Oy:n kuntotarkastus- ja kosteuskartoituspalveluille Pohjois-Lapissa. Sivusto on varustettu edistyneellä GEO- ja paikallis-SEO-optimoinnilla (JSON-LD-rakennedata) sekä saumattomalla GPS-paikannustuetulla etäisyyslaskimella parhaan näkyvyyden takaamiseksi.

Kokonaisuus osoittaa, kuinka huolellinen typografia, salamannopea resurssien ja fonttien lataus (LCP-optimoitu) sekä hienovaraiset mikrovuorovaikutukset muodostavat ammattimaisen, esteettisen ja luottamusta herättävän digitaalisen kohtaamisen asiakkaan kanssa.

Katso projekti

Katso projekti

Full-Stack osakedata-sovellus

Helsinki Stocks on mobile-first prototyyppi Helsingin pörssin reaaliaikaisten kurssien seurantaan. Projekti toteutettiin Next.js 15.4 Canary App Router -arkkitehtuurilla TypeScriptillä, ja se on deployattu Netlify-alustalle.

Frontend rakennettiin Tailwind CSS:llä mobile-first periaatteella. Datavisualisointi toteutettiin Recharts-kirjastolla, joka mahdollistaa interaktiiviset kurssikuvaajat MA20/50-liukuvilla keskiarvoilla, RSI-indikaattorilla ja volyymipalkeilla.

Sovellus sisältää reaaliaikaisen ticker-nauhan, interaktiiviset kurssikuvaajat teknisillä indikaattoreilla, fundamenttianalyysin tunnusluvuilla sekä automaattisen aamuraportin sähköpostiin Resend-integraation ja GitHub Actions -cronin avulla.

Stack: Next.js 15.4 Canary · TypeScript · Tailwind CSS · Recharts · Resend · Yahoo Finance API · GitHub Actions · Netlify

Katso projekti

Katso projekti

ChatBot & Varauskalenteri

Tämä projekti on moderni ja suorituskykyinen yhden sivun sovellus (SPA), joka on suunniteltu palvelemaan polkupyörähuollon asiakkaita Joensuun alueella.

Tekniikat Frontend: React 19 & TypeScript Rakennustyökalu: Vite (erittäin nopea kehitys- ja tuotantoympäristö) Tyylit: Tailwind CSS (moderni utility-first lähestymistapa) Framer Motion, Lucide React, React Router DOM monisivuisen kokemuksen hallinta, esim. tietosuojaseloste

Keskeiset ominaisuudet: Täysi responsiivisuus: Käyttöliittymä mukautuu automaattisesti puhelimille, tableteille ja tietokoneille. Älykäs ChatBot: Mukautettu asiakaspalvelubotti, joka tarjoaa pikavalintoja ja automaattisia vastauksia. Evästehallinta: Sisäänrakennettu suostumusmekanismi, joka aktivoi lisätoimintoja. Moderni UI: Puhdas, tyyliin sopiva ulkoasu, joka korostaa palvelun ammattimaisuutta.

Katso projekti

Astro/Claude-websivuprojekti

Sivusto on rakennettu hyödyntäen Astro.js:n suorituskykyä, Tailwind CSS -kehystä ja Claude AI -kielimalleja.

Käyttämällä Claudea arkkitehtuurin suunnitteluun ja Tailwindin tarjoamaa utility-first-metodiikkaa visuaaliseen viimeistelyyn, projekti on optimoitu sekä hakukoneille että tyylikkäälle käyttäjäkokemukselle.

Lopputuloksena on teknisesti moderni, responsiivinen ja helposti ylläpidettävä kokonaisuus, jossa tekoäly on toiminut tehokkaana pariohjelmoijana läpi koko prosessin.

Katso projekti

Katso projekti

HTML5, CSS3 & JavaScript

Tämä projekti on toteutettu kunnioittaen verkkokehityksen juuria ilman frameworkeja. Painopisteenä on taiteellinen ilmaisu ja hienovaraiset yksityiskohdat, jotka on herätetty eloon puhtaalla CSS-muotoilulla ja kevyellä, interaktiivisella JavaScriptillä.

Kokonaisuus osoittaa, kuinka perinteiset teknologiat mahdollistavat täydellisen luovan kontrollin, uniikin visuaalisen identiteetin ja esteettisen käyttäjäkokemuksen.

Katso projekti

Katso projekti

Moderni websivuprojekti

Tämä projekti on moderni ja kuvaus on tulossa piakoin..

Tekniikat...

Keskeiset ominaisuudet:

Katso projekti

FAQ

Millaisten projektien parissa työskentelet mieluiten?

Olen erikoistunut moderniin web-kehitykseen. Hallitsen sujuvasti tekoälytyökalut, kuten Cursor, Google AI Studio, Claude ja Bolt V2. Minulla on kokemusta verkkosovellusten rakentamisesta ja UI/UX-suunnittelusta. Naudin haasteista, joissa yhdistyvät tekninen suorituskyky ja erinomainen käyttäjäkokemus.

Miten työskentelet osana tiimiä ja projektiaikatauluja?

Työskentelen tiimissä aktiivisesti kommunikoimalla ja ottamalla vastuun omasta osuudestani. Aikataulujen osalta sitoudun annettuihin sprintteihin ja tavoitteisiin, mutta nostan mahdolliset esteet esiin heti, jotta ne eivät vaaranna projektia. Lisäksi osaan kääntää monimutkaiset tekniset ratkaisut selkeälle ja ymmärrettävälle kielelle myös ei-teknisille sidosryhmille.

Miten varmistat koodin laadun ja ylläpidettävyyden?

Kirjoitan puhdasta, testattavaa ja dokumentoitua koodia, joka on helposti muiden kehittäjien jatkokehitettävissä. Noudatan alan parhaita käytäntöjä, jotta tekninen toteutus on kestävä pitkällä aikavälillä.

Miten huomioit hakukoneoptimoinnin ja saavutettavuuden?

Rakennan ratkaisut aina tekninen SEO ja saavutettavuus (WCAG) edellä. Varmistan, että sivustot ovat nopeita, responsiivisia ja kaikkien käyttäjäryhmien saavutettavissa.

Miten kehität osaamistasi ja hyödynnät uusia työkaluja?

Seuraan aktiivisesti alan kehitystä ja päivitän osaamistani jatkuvasti. Hyödynnän työssäni tekoälypohjaisia työkaluja koodin optimoinnissa ja rutiinitehtävien tehostamisessa.

Ota yhteyttä

Olen aina kiinnostunut uusista haasteista ja yhteistyömahdollisuuksista. Olipa kyseessä uusi projekti, konsultointi tai vain moikkaus — ota rohkeasti yhteyttä!