Valitut työt

Valittuja töitä

Kaunistelematta.

Mukana on myös vääriä päätöksiä, hylättyjä suuntia, vuosien mittaista kehitystyötä ja asioita, jotka piti tehdä uudelleen ennen kuin lopputulos alkoi toimia.

01Ruokangas Guitars · Tuotekehitys

Näe oma kitarasi ennen kuin sitä aletaan rakentaa

Kun aloitimme vuonna 2001, Juha Ruokangas vastasi asiakkaille sähköpostilla ja teki kitaroista mallikuvia saksilla ja liimalla. Sivusto listasi puulajit, värit ja osat, mutta ei näyttänyt, miltä valmis kitara näyttäisi. Mitä enemmän kitaroita myytiin, sitä enemmän aikaa kului vaihtoehtojen selittämiseen.

Rakensimme ensimmäisen Guitar Builderin Flashilla. Kun Flash katosi, rakensimme koko idean uudelleen 3D:nä Unityllä. Lopulta asiakas pystyi valitsemaan jopa juuri sen loimukoivukannen, josta hänen kitaransa tehtäisiin.

Vuonna 2026 vastaan tuli taas uusi ongelma: ainoalla koko järjestelmän tuntevalla kehittäjällä ei enää ollut aikaa ylläpitää sitä.

Tällä kertaa ulospääsy löytyi AI:sta.

Mitä muuttui

Suurin osa Ruokangas-kitaroista tilataan nykyään konfiguraattorin kautta.

Lue 25 vuoden tarina

2002
Guitar Builder julkaistiin Flash-pohjaisena
2010
Uusi WordPress-sivusto. Konfiguraattori jäi Flashiin – tiedostettu riski
2015
Flash katoaa. 3D-uudistus alkaa Unityllä
2023
Guitar Creator toimii selaimessa, yksilöllisin liekkivisakansin
2026
Viimeistelty AI:n avulla. Selainversio julkaistu, sovellukset valmiina App Storeen ja Google Playhin

Oma rooli: Suunnittelu ja ohjaus · Tuoteajattelu · UX ja UI · Informaatiosuunnittelu · WordPress · Unity · AI-avusteinen kehitys · Valokuvaus · Video · Copywriting
Yhteistyö: Yhteistyötä Juha Ruokankaan kanssa vuodesta 2001, mukana Juha Javanainen (ohjelmointi) ja Jarno Vesa (3D-mallit)
Palkinnot: FWA Grand Prix 2019, sekä FWA-palkinnot UX:stä, valokuvauksesta ja copywritingista · Grand One 2010 · MindTrek 2004

02Coleaders Community · Brändi-identiteetti

Asiakas kysyi, voisiko logon jättää pois

Logo, jonka suunnittelin liian nopeasti. Asiakas, joka ei halunnut käyttää sitä. Ja se, mitä tapahtui, kun palasin vaiheeseen, jonka olin ohittanut.

2024 · Ensimmäinen yritys

Uusi yhteisö tarvitsi logon ja materiaalit ennen ensimmäistä tapahtumaansa. Idea syntyi ensimmäisen puhelun aikana, ja kierrätin tuttua typografiaa, jotta saisin työn nopeasti valmiiksi. Kun lähetin tapahtumabadget, asiakas kysyi, voisiko logon olla vain tekstiä. He olivat oikeassa. Logo näytti valmiilta, mutta se ei edustanut yhteisöä.

2025 · Toinen yritys

Tällä kertaa tutkin jäseniä sen sijaan, että olisin arvannut. Kysyin, miltä Coleaders tuntuu ja miksi he ovat mukana – en sitä, millaisista logoista he pitävät. Yksi ajatus toistui: kasvu yhteyden kautta. Siitä seurasivat hillitympi väripaletti, kolme kirjasintyyppiä ja Suiseki-kiviin perustuva logo.

Mitä muuttui

Kysymys muuttui muodosta ”voisiko logon jättää pois badgesta?” muotoon ”miten pidämme identiteetin eheänä?”

Brändin kirkastaminen · Yhteisötutkimus · Visuaalinen identiteetti · Värit ja typografia · Identiteettiohjeistus

Lue Coleaders-case

03TripSay · Tuotesuunta

Kun hyviä ideoita oli enemmän kuin rakenne jaksoi kantaa

TripSay oli kokeneiden matkailijoiden rakentama online-matkapalvelu. Siinä oli ominaisuuksia, joita kilpailijoilla ei ollut, muun muassa aitoa materiaalia palveluista kuten Flickr. Ajan myötä ideat tekivat palvelusta tiheän. Rakenne ei ollut pysynyt perustajien tietämyksen tasalla, ja palvelun käyttäminen alkoi tuntua tutkimustyöltä.

Rakensimme kokemuksen uudelleen sen hetken ympärille, jolloin jokin paikka herättää kiinnostuksen. Tiedon selaamisen sijaan käyttäjä pääsi ensin tutkimaan, millaisen matkan haluaisi tehdä, ja vertailemaan yksityiskohtia vasta sen jälkeen. Uudistuksen jälkeen tiimillä oli myös paljon yksinkertaisempi tapa kertoa, mikä TripSay oli ja miten sitä käytettiin.

Mitä tapahtui seuraavaksi

Uudistus sai kolme Grand One -kunniamainintaa. Pian sen jälkeen iPhone muutti tapaa, jolla matkoja suunniteltiin ja koettiin, ja koko ala alkoi siirtyä nopeasti mobiiliin.

Oleellisinta ei lopulta ollut palkinto, vaan se mitä projekti opetti: mitä tapahtuu, kun tuotteessa on enemmän tietoa ja hyviä ideoita kuin sen rakenne pystyy kantamaan.

Lue TripSay-case