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

Anton Olavi

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.

It’s hard to imagine that I’ve that I wrote all this code by myself, probably because I worked with an entire team :) but they definitely followed my lead most of the time.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante lorem, tincidunt ac leo efficitur, feugiat tempor odio. Curabitur at auctor sapien. Etiam at cursus enim. Suspendisse sed augue tortor. Nunc eu magna vitae lorem pellentesque fermentum. Sed in facilisis dui. Nulla molestie risus in mi dapibus, eget porta lorem semper. Donec sed facilisis nibh. Curabitur eget dui in libero euismod commodo nec sit amet est. Etiam id ipsum aliquam, vehicula erat sit amet, consequat tortor.

Etiam facilisis lacus nec pretium lobortis. Praesent dapibus justo non efficitur efficitur. Nullam viverra justo arcu, eget egestas tortor pretium id. Sed imperdiet mattis eleifend. Vivamus suscipit et neque imperdiet venenatis. In malesuada sed urna eget vehicula. Donec fermentum tortor sit amet nisl elementum fringilla. Pellentesque dapibus suscipit faucibus. Nullam malesuada sed urna quis rutrum. Donec facilisis lorem id maximus mattis. Vestibulum quis elit magna. Vestibulum accumsan blandit consequat. Phasellus quis posuere quam.

> “Everybody should learn to program a computer, because it teaches you how to think.”

Vestibulum ullamcorper risus auctor eleifend consequat. Vivamus mollis in tellus ac ullamcorper. Vestibulum sit amet bibendum ipsum, vitae rutrum ex. Nullam cursus, urna et dapibus aliquam, urna leo euismod metus, eu luctus justo mi eget mauris. Proin felis leo, volutpat et purus in, lacinia luctus eros. Pellentesque lobortis massa scelerisque lorem ullamcorper, sit amet elementum nulla scelerisque. In volutpat efficitur nulla, aliquam ornare lectus ultricies ac. Mauris sagittis ornare dictum. Nulla vel felis ut purus fermentum pretium. Sed id lectus ac diam aliquet venenatis. Etiam ac auctor enim. Nunc velit mauris, viverra vel orci ut, egestas rhoncus diam. Morbi scelerisque nibh tellus, vel varius urna malesuada sed. Etiam ultricies sem consequat, posuere urna non, maximus ex. Mauris gravida diam sed augue condimentum pulvinar vel ac dui. Integer vel convallis justo.

Nam rutrum magna sed pellentesque lobortis. Etiam quam mauris, iaculis eget ex ac, rutrum scelerisque nisl. Cras finibus dictum ex sed tincidunt. Morbi facilisis neque porta, blandit mauris quis, pharetra odio. Aliquam dictum quam quis elit auctor, at vestibulum ex pulvinar. Quisque lobortis a lectus quis faucibus. Nulla vitae pellentesque nibh, et fringilla erat. Praesent placerat ac est at tincidunt. Praesent ultricies a ex at ultrices. Etiam sed tincidunt elit. Nulla sagittis neque neque, ultrices dignissim sapien pellentesque faucibus. Donec tempor orci sed consectetur dictum. Ut viverra ut enim ac semper. Integer lacinia sem in arcu tempor faucibus eget non urna. Praesent vel nunc eu libero aliquet interdum non vitae elit. Maecenas pharetra ipsum dolor, et iaculis elit ornare ac.

Aenean scelerisque ullamcorper est aliquet blandit. Donec ac tellus enim. Vivamus quis leo mattis, varius arcu at, convallis diam. Donec ac leo at nunc viverra molestie ac viverra nisi. Proin interdum at turpis at varius. Nunc sit amet ex suscipit, convallis ligula eu, pretium turpis. Sed ultricies neque vel mi malesuada, et mollis risus lobortis. Sed condimentum venenatis mauris, id elementum dolor gravida ac. Sed sodales tempus neque, quis iaculis arcu tincidunt ut. Donec vitae faucibus dui. In hac habitasse platea dictumst. Donec erat ex, ullamcorper a massa a, porttitor porta ligula.


Brainfunc - App and Game Design

Jag och mitt team designade grafik för webbsidan och inlägg för sociala medier för den årliga arbetsmarknadsdagen och banketten Idag & Inatt.

Som en del av PR-gruppen för IDag & Inatt ansvarade jag och mitt team för att skapa den grafiska profilen och designa material till både webbsidan och sociala medier. Vårt mål var att skapa en enhetlig och professionell visuell identitet som tydligt speglade evenemangets två delar – arbetsmarknadsdagen IDag och banketten Inatt.

IDag är en inspirerande arbetsmarknadsdag för studenter vid civilingenjörsprogrammet i Interaktion & Design vid Umeå Universitet. Under dagen får studenter möjlighet att nätverka med företag, lyssna på föreläsningar och delta i kontaktsamtal inför framtida jobb och examensarbeten. Inatt är den festliga avslutningen på dagen, en bankett (detta år i Great Gatsby-anda) med trerättersmiddag, underhållning och firande av både avgångsstudenter och programmet.

> "A Little Party Never Killed Nobody"

Genom vårt grafiska arbete såg vi till att evenemangets kommunikation var tydlig, engagerande och visuellt sammanhängande. Vi designade allt från inlägg och affischer till banners och stories för sociala medier, vilket resulterade i en markant ökad synlighet. Tack vare en genomtänkt strategi och attraktiv design lyckades vi dubbla antalet likes på sociala medier jämfört med föregående år, vilket bidrog till ett större engagemang och en starkare närvaro inför evenemanget.
