TÖITÄNI

UI- & UX-suunnittelu

2020

Heebo-mobiilisovellus konsepti

käyttöliittymän ja asiasisällön suunnittelu

MIKÄ?

Opinnäytetyönä suunniteltu Heebo-mobiilisovelluskonsepti on suunnattu toisen asteen oppilaitoksiin tukemaan opiskelua ja edistämään nuorten hyvinvointia.

MIten?

Käyttöliittymä ja asiasisältö on suunniteltu käyttäjälähtöisesti erilaisten kohderyhmää osallistavien muotoilun menetelmien avulla sekä tutkimalla esimerkiksi hyvän käytettävyyden piirteitä.

Sovelluksen prototyyppiä testattiin käyttäjäryhmän edustajan kanssa sovelluksen toimivuuden takaamiseksi. Mobiilisovellusprototyyppi on suunniteltu Adobe XD -ohjelmalla, ja siihen tuodut visuaaliset elementit, kuten symbolit on tehty Adobe Illustratorilla.

Opinnäytetyöni löydät tästä linkistä.

2021

Hyvinvointisovellus

rautalankamalli / käyttöliittymäsuunnitelma

MIKÄ?

Ohjelmistokehityksen ryhmäprojektissa toteutimme Hyvinvointisovelluksen, jonka ideana oli kehittää työpaikkojen ja erityisesti työntekijöiden hyvinvointia sekä työnantajien ja -tekijöiden välistä kommunikaatiota. 

MIten?

Toteutimme projektin Visual Studiolla ASP.NET MVC-tekniikalla. HTML- ja CSS-määritykset pohjautuvat suurimmaksi osaksi Bootstrap -tyyleihin, mutta omaperäisyyttä lisäsimme omilla tyyleillämme. 

Tyyli ja käyttöliittymäsuunnitelma omaa käsialaa.

Testattavan rautalankamallin löydät tästä linkistä ja koodi lopulliseen sovellukseen löytyy täältä.

2018

sotenavi-HANKKEEN VERKKOSIVUT

käyttöliittymän JA VISUAALISEN ILMEEN SUUNNITTELU

MIKÄ?

SoteNavi-hankkeen nettisivujen käyttöliittymän ja visuaalisen ilmeen suunnittelu palvelumuotoilun menetelmin yhdessä toisen opiskelijan, Mirkka Valon kanssa.

 

MIten?

Suunnitteluprosessiin kuului muun muassa asiakasymmärryksen kartoittamista asiakasprofiilien avulla sekä kaksi erilaista testausta käyttöliittymän toimivuuden ja visuaalisten elementtien ymmärrettävyyden takaamiseksi. Nettisivuprototyyppi totetutettiin Adobe InDesignilla, jonka kanssa luotua interaktiivista PDF:ää hyödynnettiin käyttäjätestaukseen.

Sotenavigaattorin löydät tästä linkistä.

Infografiikkaa ja kuvituksia

Nettisivuille luotiin teeman mukaista visuaalista materiaalia, kuten erilaisia kuvituksia ja infografiikka, jotka toteuttettiin Adobe Illustratorilla.

 

Seuraavaksi sinua voisi kiinnostaa...

tai