TÖITÄNI

UI- & UX -suunnittelu

2020

Heebo -mobiilisovelluskonsepti

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ä.

2023

Opiskelusovellus

Tietokanta, backend ja frontend

Mikä?

Ohjelmistokehitysopintojen viimeisenä näyttöprojektina itsenäisesti toteutettu opiskelusovellus.

Sovelluksen idean taustalla oli yllä mainittu opinnäytetyöni, jonka asiasisältöä ja toimintoja sovellettiin tähän projektiin sopiviksi.

Miten?

  • Backend: ASP.NET Core
  • Sovellus: Xamarin Forms
  • Ohjelmointikieli: C#
  • Tietokanta: Azure SQL
  • Ohjelmointiympäristö: Visual Studio
  • Tietokantatyökalu: Azure Data Studio
  • NuGet-paketti: The Xamarin Community Toolkit
  • Versionhallinta: Git & GitHub https://github.com/essikipinoinen/Koulusovellus
  • Backendin testaus: Yksikkötestityökalu XUnit

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.

Kyseinen projekti oli ensimmäinen UX- & UI-suunnitteluun liittyvä työni.

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