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

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ää.

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 Verkkokauppapalvelu
Shopify Verkkokauppapalvelu
Tekninen SEO & GEO-optimointi
Konseptointi & Ongelmanratkaisukyky
Ketterät menetelmät & Tiimityö
Strateginen tarinallistaminen
Uusien teknologioiden visiointi

Portfolio

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

Astro/Claude-projekti

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

Digikäsityötä: HTML5, CSS3 & JS

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

One-Page Website

Demo websivu toteutettuna One-page-arkkitehtuurilla. HTML5, CSS3, JavaScript-sivu, joka käyttää sujuvaa vieritystä, ankkurivalikoita ja ytimekästä sisältöä kertoakseen tarinan ilman perinteisiä alasivuja.

Sopii erinomaisesti portfolioihin, laskeutumissivuille tai pienyrityksille — tarjoaa kohdennetun käyttäjäkokemuksen, nopeamman latautumisen ja erinomaisen mobiiliyhteensopivuuden.

Katso projekti

Projekti nroX

Tulossa pian.

Projekti nroX

Tulossa pian.

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?

Arvostan avointa ilmapiiriä ja vahvaa tiimidynamiikkaa. Uskon, että rento työympäristö ja huumori tukevat luovuutta, parantavat yhteistyötä ja edistävät tavoitteellista tuloksentekoa. Sitoudun annettuihin sprintteihin ja aikatauluihin, ja osaan kommunikoida teknisistä ratkaisuista selkeästi 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ä!