Jag och mina gruppmedlemmar gjorde research och designade en app som kan hjälpa användare att hitta och boka elbilsladdare.

Anton Olavi

Under en kurs på Umeå Umeå Institute of Design gjorde jag och min grupp ett projekt utforskade vi hur elbilsladdning kan optimeras genom en intuitiv digital tjänst. Uppdraget var att designa användargränssnitt för både dator och mobil, med funktioner för att boka, hantera och betala för laddning.

Vår lösning, ZAPT, syftar till att förbättra tillgängligheten till laddstationer genom delning och uthyrning. Användare kan ansluta sig till föreningar med kollektiva laddare eller hyra ut sin egen laddstation. Med smart planering, recensioner och bilder skapar vi ett nätverk där elbilsägare kan hjälpa varandra.

> "Energize, Explore, Everywhere"

Vi har prioriterat användarupplevelsen genom tester och designval som speglar ZAPT:s vision: Energize, Explore, Everywhere. Vårt mål har varit att skapa en tjänst som inte bara är funktionell, utan också inspirerar till rörelse och upptäckande.


Jag och min grupp utvecklade ett interaktivt spel som kombinerar musik och rörelse för att träna hjärnan.

Som en del av kursen "Design-Build-Test" så samarbetade jag och min grupp med Daresay och Brainfunc. I detta projekt har vi vidareutvecklat BrainFunc appen med en ny speltjänst: BrainFunc Beats. Spelet kombinerar rörelse och musik för att skapa en engagerande och interaktiv upplevelse där användare tränar hjärnan genom att röra sig i takt till musik. Målet är att göra träning rolig och tillgänglig för alla, oavsett ålder eller förmåga.

Vår vision är att föra människor samman genom rytm och rörelse, där alla kan delta, ha kul och samtidigt utmana sig själva. BrainFunc Beats är utformat för att vara inkluderande och skalbart, med olika svårighetsgrader så att både nybörjare och mer erfarna användare kan hitta en nivå som passar. Spelet kan användas i skolidrott för att träna koordination och taktkänsla, som rörelsepauser på arbetsplatser för att öka fokus och energi, på äldreboenden för att uppmuntra aktivitet och stimulera hjärnan, eller i gruppträning där deltagarna rör sig i takt till musik och utmanar sig själva.

> "Spelet kan spelas i skolan, på jobbet och på äldreboendet"

Vi började med en snabb researchfas för att förstå hur vi bäst kunde kombinera musik och rörelse i en spelupplevelse. Efter att ha skissat upp idéer på papper byggde vi lågupplösta prototyper i Figma, där vi testade olika koncept och animationer. Genom användartester fick vi värdefull feedback som hjälpte oss att förfina gränssnittet och spelmekaniken.

Spelet utvecklades i Phaser, ett JavaScript-ramverk för 2D-spel. Inlärningskurvan var inledningsvis brant, men med stöd från Daresay och genom att ta del av tutorials lärde vi oss snabbt hur vi bäst strukturerade koden. Genom att arbeta i en gemensam Git-repo där varje teammedlem hade en egen branch kunde vi smidigt utveckla olika delar av spelet parallellt och sedan slå samman våra bidrag till en helhet.

Nästa steg för BrainFunc Beats är att göra spelet mer tillgängligt genom att implementera ett färgblindläge, fler svårighetsgrader och ett bredare musikutbud. Vi ser även möjligheter att låta användare anpassa sin upplevelse genom fler inställningar och personaliserade funktioner.

App & Game Design

Under en webbutvecklingskurs på Umeå Universitet gick jag från LoFi skisser till en webbsida i React.

Under en webbutvecklingskurs på Umeå Universitet fick jag möjligheten att arbeta genom hela design- och utvecklingsprocessen, från LoFi-skisser till en färdig webbsida byggd i React. Kursen fokuserade på att skapa responsiva och tillgängliga webbplatser med HTML, CSS och JavaScript, och avslutades med en introduktion till single-page applications (SPA) med React.

> "Från LoFi-skisser till en färdig webbsida"

Genom kursens moment lärde jag mig att separera innehåll, utseende och beteende på webbsidor, samt att utforma användarvänliga gränssnitt utifrån designprinciper och tillgänglighetsriktlinjer. Jag fick även praktisk erfarenhet av att analysera webbplatsers tekniska kvalitet och implementera moderna webbutvecklingsmetoder.

Den avslutande uppgiften var att utveckla en SPA i React, där jag fick omsätta mina kunskaper i ett konkret projekt. Genom att arbeta med komponentbaserad utveckling och state management fick jag en djupare förståelse för hur moderna webbapplikationer byggs och optimeras.