Verkkokauppaprojekti

Splaash

Oman uintikuulokebrändini verkkokauppa. Tuote-esittelystä maksamiseen, tilausten hallintaan ja musiikin siirtämiseen kuulokkeisiin.

Avaa verkkokauppa

Rooli: Yrittäjä, tuotesuunnittelu, full stack -kehitys ja ylläpito
Teknologiat: SvelteKit · TypeScript · Fastify · PostgreSQL · Stripe
Tila: Julkaistu

Ongelma

Halusin rakentaa uintikuulokkeille selkeän ostopolun ja hallita itse kaupan toimintaa. Kokemus ei pääty ostoon: myös musiikin saaminen kuulokkeisiin piti tehdä helpoksi.

Ratkaisu

Rakensin Splaashille oman verkkokaupan ja erillisen hallintapaneelin. Sama kokonaisuus yhdistää tuotteet, ostoskorin, maksamisen, varaston ja tilausten käsittelyn. Splaash Music auttaa kuulokkeiden käyttöönotossa.

Toteutus

Toteutin kaupan ja adminin SvelteKitillä ja TypeScriptillä sekä taustapalvelut Fastifyllä ja PostgreSQL:llä. Stripe hoitaa maksamisen. Maksutapahtumien varmennus, varastovaraukset ja taustajonot pitävät tilausketjun hallittavana.

Tulos ja kehitys

Kauppa palvelee osoitteessa uintikuulokkeet.fi. Projekti yhdistää oman yrityksen tarpeet ohjelmistokehitykseen: vastaan sekä asiakkaalle näkyvästä kokemuksesta että sen taustalla toimivista palveluista.

Kokonaisuus

Kauppa, hallinta ja tuotteen käyttö

Sujuva ostopolku

Responsiivinen tuote-esittely, ostoskori ja Stripe-kassa vievät tutustumisesta maksamiseen.

Oma hallintapaneeli

Tuotteet, varasto, tilaukset, toimitusten seuranta ja sisältö ovat hallittavissa saman järjestelmän kautta.

Splaash Music

Selaimessa toimiva musiikkityökalu auttaa tuomaan, järjestämään ja siirtämään kappaleita USB-kuulokkeisiin.

Käyttöliittymä

Ostamisesta kuunteluun

Verkkokauppa ja sitä täydentävä musiikkityökalu ovat saman tuotteen kaksi käyttövaihetta.

Splaash-verkkokaupan etusivu — Tuote-esittely kokoaa kuulokkeiden käyttötavat, ominaisuudet ja ostopolun samaan näkymään.

Splaash Musicin musiikkikirjasto — Splaash Musicin kirjastonäkymä: kappaleiden tuonti, järjestäminen ja siirto kuulokkeisiin.

Tekninen toteutus

Käyttöliittymästä taustapalveluihin

Itse toteutettu kauppajärjestelmä, jossa julkinen sivusto ja ylläpito käyttävät yhteistä tilaus- ja tuoteytintä.

Toteutustiedot tarkistettu projektin lähdekoodista 7.9.2026.

Kauppa ja admin: SvelteKit · Svelte · TypeScript
Taustapalvelut: Node.js · Fastify · PostgreSQL
Maksaminen: Stripe Checkout · webhookit
Julkaisu: Docker · oma palvelinympäristö