LinkedIn
Hobbly-tapahtumasovelluksen UI/UX-suunnittelu

Hobbly tapahtuma-alustan käyttöliittymäsuunnittelu

Hobbly-tapahtumasovelluksen UI/UX-suunnittelu

Suunnittelin tapahtuma-alusta Hobblyn mobiilisovelluksen sekä web-lipunmyyntialustan käyttöliittymän sekä visuaalisen ilmeen päivityksen

KäyttöliittymäsuunnitteluGraafinen suunnitteluCopywritingAsiakastyö

Rooli

UI/UX-suunnittelu,
Graafinen suunnittelu, Copywriting

↓ Scroll
Haaste

Paikallisen tekemisen löytäminen on hajallaan: tapahtumat ovat yhdessä palvelussa, liput toisessa, kenttävaraukset kolmannessa ja oma kalenteri jossain ihan muualla. Lopputulos on selailuväsymys, ja käyttäjä luovuttaa ennen kuin ehtii lähteä mihinkään.

Hobblyn idea on poistaa tuo kitka: yksi näkymä, josta näkee mitä lähistöllä tapahtuu juuri nyt ja johon voi osallistua heti. Suunnittelun ydinhaaste oli, että saman katon alle piti mahtua kolme hyvin erilaista toimintoa:

  • Tapahtumaliput (kertaluonteinen osto, QR-lippu, lipun siirto)
  • Aika- ja kenttävaraukset (kalenteri, hinnoittelu, kentän valinta)
  • Pelillinen palkitseminen (pisteet, leaderboard, palkinnot)

Nämä piti saada toimimaan johdonmukaisesti siten, että matalan kynnyksen tunne säilyy riippumatta siitä, ostaako käyttäjä museolipun, varaako padelvuoron vai keräileekö pisteitä.

ToimeksiantajaHobbly Technologies Oy
Insight

Hobblyn arvolupaus kuluttajille on "vähemmän selailua, enemmän elämistä", joten koen, että käyttöliittymän tehtävä on enemmänkin hävitä taustalle kuin viedä ylimääräistä huomiota.

Sovelluksen näkymät

Onboarding: Suunnittelin sisäänkirjautumisen ja profiilin luonnin niin, että kynnys jää mahdollisimman matalaksi. Käyttäjä etenee yksi kysymys kerrallaan ja edistymispalkki pitää huolen siitä, ettei polku tunnu loputtomalta. Heti alussa käyttäjälle luvataan +500 Hobbs-pistettä, jonka tavoitteena kannustaa käyttäjää täyttämään myös valinnaiset osiot, jotta hänelle voidaan tarjota kuratoidumpia aktiviteetti- ja tapahtumasuosituksia.

Feed-näkymä: Tekeminen on jaettu selkeisiin kategorioihin ja esitetty omilla 3D-renderöidyillä kuvakkeilla, joiden tavoitteena on tuoda sovellukseen leikkisää twistiä.

Tapahtumanäkymä ja lipunosto: Yksittäisen tapahtuman sivulla on kaikki olennainen samassa paikassa: kuva, aika, paikka, kuvaus, lipputyypit ja toiminnot. Lipun osto etenee selkeästi ostoskorista yhteenvetoon ja lunastukseen, ja valmis lippu näkyy QR-koodina, jonka voi lisätä lompakkoon tai siirtää toiselle käyttäjälle.

Pelillisyys: Oma Hobbly -näkymä kerää pisteet, lunastettavat palkinnot, leaderboardin ja päivittäiset streakit yhteen. Pelillisyys on suunniteltu kannustamaan käyttäjiä osallistumaan erityyppisiin tapahtumiin – myös niihin ei-tuttuihin aktiviteetteihin.

Omboarding
Omboarding
Sovelluksen päänäkymät
Sovelluksen päänäkymät
Lipunosto sovelluksessa
Lipunosto sovelluksessa