Hoppa till innehållet
Markus Johansson, UX/UI Designer/Writer/Researcher

9 år i yrketEgenföretagare

Markus Johansson

UX/UI Designer/Writer/Researcher

  • Stockholm

Markus är en erfaren UX/UI-designer med sex års erfarenhet av digital design och användarupplevelse, specialiserad på användarvänliga och tillgängliga lösningar för handläggningssystem och publika webbtjänster. Han arbetar nära utvecklingsteam, produktägare och kravanaly­tiker för att förankra designbeslut i användarinsikter. Med pedagogisk kommunikation levererar han wireframes, prototyper och tydlig dokumentation som förenklar beslut och implementering. Markus skriver och vårdar mikrocopy för komponentbibliotek, instruktioner och felmeddelanden med fokus på tydlighet och tonalitet. Han arbetar agilt, itererar utifrån feedback och användartester, tillämpar WCAG och bygger förvaltade designsystem för konsekvent, skalbar och tillgänglig design.

Visa mer
  • CSS
  • Grafisk design
  • HTML
  • Adobe XD
  • Inkscape
  • SAP
  • Figma
  • Creo
  • Design systems
  • Interaktionsdesign
  • Microsoft Azure DevOps
  • WCAG
  • Axure RP
  • Midjourney
  • User Data Analysis

Uppdrag

  • Svenska kraftnät

    jan. 2025 – nu

    UX&UI Designer/Graphic Designer

    Inom ramen för programmet 'Digitalisering på nät' ansvarar Markus för att ta fram visuellt enhetliga illustrationer och presentationsmaterial som används i både intern och extern kommunikation. Illustrationerna tas fram med stöd av verktyget Midjourney, där Markus iterativt utvecklar bildmaterial utifrån ett övergripande grafiskt tema som speglar programmets mål och innehåll. Markus ansvarar även för den visuella utformningen av presentationer och marknadsföringsmaterial, inklusive layout, typografi, färgsättning och bildspråk, i linje med Svenska kraftnät:s grafiska profil. Arbetet sker i nära samverkan med kommunikationsteamet och programledningen och syftar till att förtydliga komplex information genom tilltalande och sammanhängande visuell design. Markus bidrar dessutom med UX-writing för både grafiska gränssnitt och presentationsmaterial, med särskilt fokus på att ta fram tydlig, korrekt och målgruppsanpassad text som förstärker det visuella budskapet.

    Visa mer
    • Midjourney
  • Constructor Academy, Zürich, Switzerland

    jan. 2023 – dec. 2024

    UX designer, UI designer, UX researcher, Utbildare

    Markus höll UX-kurser i Schweiz med fokus på användarcentrerad design, tillgänglighet och designsystem. Genom praktiska workshops och interaktiva sessioner vägledde Markus yrkesverksamma i att tillämpa UX-metoder, förbättra digitala upplevelser och implementera skalbara designlösningar. Kurserna omfattade ämnen som användarresearch, prototyput­formning, användbarhetstester och efterlevnad av WCAG, med stark tonvikt på praktisk tillämpning. Markus utbildade även deltagarna i att använda Figma för wireframes, prototyper och designsamarbete, vilket gjorde det möjligt för dem att skapa och iterera digitala produkter effektivt. Målet var att överbrygga klyftan mellan teori och praktik, och ge deltagarna verktyg för att designa mer intuitiva och användarvänliga digitala upplevelser. Han undervisade även i UX-writing och hur mikrocopy påverkar användarflöden.

    Visa mer
    • Figma
    • UX-writing
    • UX training
  • Svenska kraftnät

    jan. 2022 – dec. 2024

    UX research, UX/UI Designer

    I sin roll som UX/UI Designer på Svenska Kraftnät ansvarade Markus för att förbättra den digitala närvaron på webbplatsen och intranätet genom att tillämpa en användarcentrerad designprocess med fokus på kontinuerliga designförbättringar. Han främjade användarvänlighet och tillgänglighet genom att utveckla och implementera designförändringar som inkluderade både visuella och funktionella förbättringar. Markus säkerställde att alla digitala tjänster uppfyllde WCAG-riktlinjer för tillgänglighet. Han samarbetade nära med utvecklingsteam och produktägare och genom regelbundna samordningar bidrog han till att integrera tillgänglighetskrav i design- och utvecklingsprocessen. Markus faciliterade även workshops för kravfångst och gemensam design tillsammans med verksamheten, kravanaly­tiker och utvecklare, vilket skapade en gemensam förståelse för användarbehov och låg till grund för prototyper och lösningar. Han byggde ett komponentbibliotek för att stödja effektiva arbetsflöden och höga designstandarder.

    Visa mer
    • WCAG
    • Figma
    • Design systems
  • Trygghetsfonden TSL

    jan. 2022 – dec. 2022

    UX/UI Designer

    I sin roll som UX/UI Designer arbetade Markus huvudsakligen med att designa ansökningsformulär för privatpersoner och för 'Fack och företag'. Han använde sin expertis inom designsystem och komponentbibliotek för att skapa en ny stilguide med komponenter och designtverktyg för TSL och projektet. Projektet inkluderade att visualisera idéer tidigt i Figma, designa webbelement med HTML och CSS för att implementera olika designkomponenter, samt att producera UX-writing och mikrocopy för formulärfält, hjälptexter och felmeddelanden med fokus på tydlighet, tonalitet och tillgänglighet. Markus arbetade nära krav- och utvecklingsteamet och hade regelbundna möten och avstämningar som var avgörande för att driva projektet framåt.

    Visa mer
    • HTML
    • CSS
    • Figma
    • UX-writing
  • Hälso- och Sjukvårdsförvaltningen, Region Stockholm

    jan. 2021 – dec. 2022

    UX/UI Designer

    Som ensam UX/UI-designer i projektet för den nya Orderportalen för Stockholms län var Markus ansvarig för tolkningen av kravspecifikationerna och för att skissa wireframes som presenterades för projektets kravanaly­tiker och kunden. Han designade färdiga responsiva 'Hi-fidelity' prototyper av den nya webbplatsen och visade sin förmåga i prototyparbete samt att skapa användarvänliga lösningar. Markus använde HTML och CSS för att implementera olika designkomponenter och arbetade nära projektets kravanaly­tiker för att diskutera krav och funktionalitet ur ett UX-perspektiv. Han deltog i tillgänglighetsgranskningar för att säkerställa att design och funktionaliteter följer WCAG-krav.

    Visa mer
    • HTML
    • CSS
    • Prototyping
    • WCAG
  • Clas Ohlson

    jan. 2021 – dec. 2021

    UX research, UX design

    Under Markus tid i projektet fokuserade teamet på att förbättra e-handelns funktioner, inklusive inloggning, produktlistningssidan (PDL), sökmotoroptimering, produktfiltrering och layouten på webbplatsens header. Markus ledde användarintervjuer och synthese av insikter för att säkerställa att designlösningarna var relevanta och användarcentrerade. Han producerade wireframes baserat på användarforskning och externa miljöanalyser och itererade prototyper i Adobe XD för att kontinuerligt testa och förbättra designen. Han genomförde användbarhetstester och samlade feedback för att göra nödvändiga justeringar och förbättringar. Markus bidrog även med teknisk förståelse för att implementera designlösningar med HTML och CSS.

    Visa mer
    • HTML
    • CSS
    • User Research
    • Adobe XD
  • LuiX - Egenanställd

    jan. 2020 – nu

    UX/UI Designer

    På LuiX, ett företag som Markus grundade tillsammans med en vän, är han ansvarig för UX- och GUI-designen för Friday, en röstassistent som inte kräver väckningsord. Till skillnad från traditionella AI-drivna assistenter fokuserar Friday på att utföra skript baserade på identifierade nyckelfraser. Markus roll innebar att utforma ett intuitivt gränssnitt för att hantera nyckelord och skriptbindningar, vilket säkerställer en sömlös användarupplevelse. Han tog även fram UX-copy för gränssnittets olika delar, inklusive etiketter, bekräftelser, instruktioner och felmeddelanden för att förtydliga interaktionen med systemet. De började även utveckla en app för att ge ytterligare kontroll över systemet, med fokus på användbarhet och tillgänglighet. Även om projektet för närvarande ligger på is, visade Friday upp innovativ few-shot learning-funktionalitet som möjliggjorde användarträning med minimal input. Designarbetet prioriterade enkelhet och effektivitet, och säkerställde att användarna enkelt kunde interagera med och automatisera uppgifter via ett strömlinjeformat användargränssnitt.

    Visa mer
    • Design
    • Prototyping
    • UX-writing
  • SERW

    jan. 2020 – dec. 2021

    UX Researcher, UX/UI Designer

    I projektet SERW, vars syfte var att minska ensamhet bland äldre genom att erbjuda gratis evenemang, hade Markus en central roll som UX/UI-designer. Han genomförde användarundersökningar, skapade en enkät för att kartlägga målgruppens digitala vanor och utvecklade en ny tjänst och mobilanpassad design som uppfyllde WCAG-standarder. Markus skissade wireframes och prototyper i Figma och itererade baserat på kontinuerlig feedback från användartester. Resultatet blev en användarvänlig och mobilanpassad webbdesign som förbättrade användarupplevelsen för äldre och fungerade som mall för SERW:s framtida utveckling.

    Visa mer
    • User Research
    • WCAG
    • Figma
  • Swedish Armed Forces

    jan. 2017 – dec. 2018

    Military police

    Military police Organisation: Swedish Armed Forces. I denna roll framkommer Markus erfarenhet inom militärpolisens organisation. (Kortfattad rollbeskrivning i CV:n.)

    Visa mer
    • Military police training

Utbildning

  • User experience design

    2020 – 2022

    Stockholms Tekniska Institut

  • Mechanical Engineering

    2018 – 2020

    KTH - Royal Institute of Technology, Stockholm

  • Law/Police law

    2018

    Linnéuniversitetet

Kompetens · nivå och år

Tekniker

  • CSS
  • Grafisk design
  • HTML
  • Service Design
  • User Research
  • CAD
  • Programming

Produkter

  • Adobe XD
  • Inkscape
  • SAP

Verktyg

  • Figma
  • Creo

Metoder och processer

  • Design systems
  • Interaktionsdesign
  • Microsoft Azure DevOps
  • Design
  • Prototyping

Standarder och regelverk

  • WCAG

Övrigt

  • Axure RP
  • Midjourney
  • User Data Analysis
  • Military police training
  • UX training
  • UX-writing

Den som känner Markus

Lena Forvik

Lena är Markus kontaktperson på Kvadrat.