Maisa Ranki

Tämä verkkosivusto syntyi osana isompaa tuotantoa: brändi-ilmeen kehittäminen itselleni. Osana brändi-ilmettä olin kehittänyt brändi­konseptin, logon sekä visuaalisen ohjeiston. Sivuston, sekä koko tuotannon, päämääränä oli vetää mahdollisia työnantajia ja toimeksi­antajia puoleensa. Suunnittelu­prosessin aikana pyrin tekemään sivuston visuaalisesta ilmeestä näyttävän ja samalla pitämään sen yleisilmeen selkeänä, luettavana, tarkoituksen­mukaisena ja helposti silmäiltävänä.

Kielinä toimivat perinteiset HTML, CSS, JavaScript ja PHP, joista jälkimmäisen itseopiskelin tätä tuotantoa varten. Päätin käyttää näitä työkaluja (Next.JS:n, Tailwindin ym. sijaan) hioakseni verkko­sivu­kehityksen perusta­taitojani. Valtaosa sivuston graafisista elementeistä, joihin kuuluu kaikki otsikot ja hover-efektit, on toteutettu raa'alla CSS:llä, kuten myös responsiivisuus eri näyttö­kokoihin. Lisäksi implementoin kieli­valinnan, jonka tarkoituksena oli sekä palvella käyttäjiä eri maista että esitellä kykyjäni suunnitella moni­kansalliselle yleisölle.

Määrittele Sinä, onnistuinko pää­määrässäni vai en.

Teatterijärjestö PahkiSpeksi tarvitsi itsellensä uudet verkkosivut, sillä edellisistä sivuista haluttiin nykyaikaisemmat ja mobiili­responsiivisemmat. Liityin mukaan kehitys­tiimiin verkkosivu­suunnittelijana ja frontend-kehittäjänä. Suunnittelin verkko­sivujen visuaalisen identiteetin teatteri­yhdistykselle sopivaksi: leikkisäksi mutta selkeästi luettavaksi ja navigoitavaksi. Itse suunnittelu­työ sujui mallikkaasti.

Koodauksen edetessä kuitenkin useampi tiimiläinen joutui lähtemään projektista tai keventämään työmääräänsä, minkä vuoksi päädyin tekemään frontendin lisäksi backend-tehtäviä yksin. Vaikka tätä pystyi pitämään yllä jonkin aikaa, yhden frontend-kehittäjän fullstack-työskentely yksin ei ollyt pidemmän päälle ylläpidettävää. Täten sain luvan värvätä itse lisää tiimiläisiä, mikä kevensi laajentunutta työtaakkaani huomattavasti. Kun lopulta erään hyvän kolleegani kanssa päädyimme järjestön webmastereiksi, niin kiristimme yhdessä kehitys­tahtia, ja pystyin viimeinkin keskittymään frontendiin kun hän keskittyi backendiin. Lopullisista sivuista saimme järjestöltä kiitosta.

Undergrow oli Androidille tehty kasuaali puutarhurointi­peli, joka julkaistiin Google Play Kauppaan vuonna 2020. Pelaaja osti ja istutti maagisten kukkien siemeniä, ja kukan istutettuaan pelaajan piti ohjata sen rivakasti kasvavia juuria kohti vettä ja aarteita vältellen kiviä ja myyriä.

Toimin projektissa UI-suunnittelijana sekä logon graafisena suunnittelijana. Halusimme pelin visuaalisesta ilmeestä maalauksellisen, maagisen ja leikkisän, joten käytin käyttöliittymä­grafiikoissa paljon orgaanisia muotoja sekä Adobe Illustratorin sivellin­viivoja. Suunnittelin pelin logon lyijykynällä paperille ja tussasin sen siveltimellä, jonka jälkeen skannasin, retusoin ja vektoroin sen. Säilyneet muste­siveltimen orgaaniset epätäydellisyydet toivat reilusti luonnetta logoon halventamatta sitä.

Peli ei valitettavasti ole enää Play Kaupassa, mutta olen edelleen tyytyväinen työpanokseeni sen käyttö­liittymässä ja logossa