{"id":2833,"date":"2026-03-08T18:55:19","date_gmt":"2026-03-08T18:55:19","guid":{"rendered":"https:\/\/magmauxdesign.com\/?page_id=2833"},"modified":"2026-04-14T19:36:49","modified_gmt":"2026-04-14T19:36:49","slug":"va_syd","status":"publish","type":"page","link":"https:\/\/magmauxdesign.com\/sv\/va_syd\/","title":{"rendered":"VA SYD"},"content":{"rendered":"<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--40);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading alignwide has-text-align-center\">VA SYD<span style=\"color: #FF4E00;\"><strong>.<\/strong><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading alignwide has-text-align-center\" style=\"padding-bottom:var(--wp--preset--spacing--50)\"><strong><strong>Mina sidor f\u00f6r app<\/strong><\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\" style=\"margin-bottom:var(--wp--preset--spacing--40)\"><img loading=\"eager\" decoding=\"async\" width=\"2560\" height=\"1792\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/02\/splashVASYD-scaled.jpg\" alt=\"Mockup of the envisioned start screen of the VA SYD app.\" class=\"wp-image-960\" style=\"width:1000px\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/02\/splashVASYD-scaled.jpg 2560w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/02\/splashVASYD-300x210.jpg 300w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/02\/splashVASYD-1024x717.jpg 1024w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/02\/splashVASYD-768x538.jpg 768w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/02\/splashVASYD-1536x1075.jpg 1536w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/02\/splashVASYD-2048x1434.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns has-raft-bg-background-color has-background is-layout-flex wp-container-core-columns-is-layout-7a261bce wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-b108c007 wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:0;flex-basis:600px\">\n<div class=\"wp-block-group has-custom-va-syd-background-color has-background is-layout-constrained wp-container-core-group-is-layout-ee7fdd87 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h4 class=\"wp-block-heading\" style=\"padding-bottom:0;letter-spacing:2px\"><strong>KORT OM PROJEKTET<\/strong><\/h4>\n\n\n\n<p><strong><span><b>VA SYD \u00e4r ett av Sveriges st\u00f6rsta regionala vatten- och avfallsbolag. <\/b>Konceptet; en vision d\u00e4r VA SYD:s app fungerar som en personlig servicehub<\/span>, d\u00e4r vatten- och avfallstj\u00e4nster blir enkla att hantera direkt i mobilen \u2013 <strong>allt samlat p\u00e5 ett st\u00e4lle<\/strong>.<\/strong><\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Som en del av ett UX-designteam s\u00e4kerst\u00e4llde vi \u00e4ven att VA SYDs kritiska samh\u00e4llstj\u00e4nst uppfyllde alla lagstadgade tillg\u00e4nglighetskrav.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Detta projekt slutf\u00f6rdes som det avslutande projektet av mitt UX-designprogram i samarbete med VA SYD.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-cyan-bluish-gray-color has-alpha-channel-opacity has-cyan-bluish-gray-background-color has-background is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\"\/>\n\n\n\n<p class=\"has-raft-fg-color has-text-color has-link-color wp-elements-86cf02623bd9cd540ee30089d13308da\" style=\"font-style:normal;font-weight:100\"><em>UX\/UI-design \u00b7 Tillg\u00e4nglighetsfokuserad UX-research<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-custom-va-syd-background-color has-background is-layout-flow wp-container-core-column-is-layout-0e0b2752 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-114daba1 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\">\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>KUND<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">VA SYD, ett av Sveriges st\u00f6rsta regionala vatten- och avfallsbolag, som betj\u00e4nar sydv\u00e4stra Sk\u00e5ne. <\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>PROJEKT<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">VA SYD-appen \u2013 Integration av e-tj\u00e4nster<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>KONTEXT<\/strong><\/strong> <\/summary>\n<p style=\"letter-spacing:0px\">Examensarbete UX Design Program<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>SEKTOR<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">Offentliga tj\u00e4nster \/ Kommunala tj\u00e4nster<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>UTMANING<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">Den befintliga appen levererade bara aviseringar medan all sj\u00e4lvbetj\u00e4ning omdirigerade anv\u00e4ndare till en webbportal, vilket st\u00f6rde mobilupplevelsen.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong>MIN<\/strong> <strong><strong>ROLL<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">UX\/UI-designer och tillg\u00e4nglighetsansvarig<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>FOKUS<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">Mobil sj\u00e4lvbetj\u00e4ning \u00b7 informationsarkitektur \u00b7 tillg\u00e4nglighet \u00b7 anv\u00e4ndbarhetstestning<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>TIDPLAN<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">5 veckor<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details has-normal-font-size is-layout-flow wp-block-details-is-layout-flow\" style=\"letter-spacing:2px\"><summary><strong><strong>VERKTYG<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">Figma \u00b7 Figjam \u00b7 Miro \u00b7 Adobe Creative Suite \u00b7 WCAG-utv\u00e4rderingsverktyg<\/p>\n<\/details>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-custom-mint-background-color has-background is-layout-constrained wp-container-core-group-is-layout-b96e8474 wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<h5 class=\"wp-block-heading\" style=\"letter-spacing:2px\">MIN ROLL<\/h5>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-d74743eb wp-block-columns-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-4b82f602 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0;flex-basis:50%\">\n<h5 class=\"wp-block-heading\">UX-designer<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ledde research synthesis och definierade k\u00e4rnproblemet.<\/li>\n\n\n\n<li>Utformade IA-processen och anv\u00e4ndarfl\u00f6det f\u00f6r onboarding och \u00e5terst\u00e4llning<\/li>\n\n\n\n<li>Skapade wireframes och interaktiva prototyper.<\/li>\n\n\n\n<li>Konverterade anv\u00e4ndbarhetsinsikter till iterativa designf\u00f6rb\u00e4ttringar.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-24eaa1a3 wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0;flex-basis:50%\">\n<h5 class=\"wp-block-heading\">UI\/Visuell designer<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Varum\u00e4rkes- och logotypdesign<\/li>\n\n\n\n<li>Definierade visuell hierarki och tillg\u00e4nglighetsprinciper<\/li>\n\n\n\n<li>Designade tydlig, l\u00e4sbar grid och layout i Figma<\/li>\n\n\n\n<li>F\u00f6rfinade interaktionsfeedback och microcopy<\/li>\n\n\n\n<li>S\u00e4kerst\u00e4llde att visuella element st\u00f6dde anv\u00e4ndbarhet och tillg\u00e4nglighet<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e4eaaeb1 wp-block-group-is-layout-constrained\">\n<div id=\"wp-block-themeisle-blocks-image-91d0b958\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:40px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--80);flex-basis:60%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Utmaningen<\/h2>\n\n\n\n<p><strong>VA SYD f\u00f6rser s\u00f6dra Sveriges vatten och avlopp. Om kunder vill hantera sitt abonnemang eller g\u00f6ra en felanm\u00e4lan m\u00e5ste de l\u00e4mna appen och logga in p\u00e5 webbportalen Mina sidor.<\/strong> <strong>Den fragmenterade upplevelsen skapar friktion och g\u00f6r appen begr\u00e4nsad. <\/strong><\/p>\n\n\n\n<p>Projektet unders\u00f6kte om VA SYDs e-tj\u00e4nster kan byggas in i en mobil app, och om kunder vill anv\u00e4nda tj\u00e4nsterna direkt i appen ist\u00e4llet.<\/p>\n\n\n\n<p>M\u00e5let var att ta fram en mobil l\u00f6sning d\u00e4r anv\u00e4ndare kan f\u00e5 information, sk\u00f6ta sina \u00e4renden sj\u00e4lva och f\u00e5 relevanta uppdateringar; allt samlat p\u00e5 ett och samma st\u00e4lle.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-constrained wp-container-core-column-is-layout-7db9d80f wp-block-column-is-layout-constrained\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-cloudcatch-splide-carousel wp-block-splide-carousel__container\"><figure class=\"wp-block-splide-carousel splide\" data-splide=\"{&quot;type&quot;:&quot;loop&quot;,&quot;perPage&quot;:1,&quot;speed&quot;:400,&quot;gap&quot;:&quot;15px&quot;,&quot;fixedWidth&quot;:&quot;100%&quot;,&quot;autoWidth&quot;:false,&quot;perMove&quot;:1,&quot;direction&quot;:&quot;ltr&quot;,&quot;fixedHeight&quot;:&quot;500px&quot;,&quot;height&quot;:&quot;500px&quot;,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;autoplay&quot;:false,&quot;interval&quot;:&quot;5000&quot;,&quot;pauseOnHover&quot;:true,&quot;mediaQuery&quot;:&quot;max&quot;,&quot;breakpoints&quot;:{}}\" data-splide-extensions=\"{&quot;autoScroll&quot;:false,&quot;urlHash&quot;:false,&quot;grid&quot;:false}\"><div class=\"wp-block-splide-carousel__track splide__track\"><div class=\"wp-block-splide-carousel__list splide__list\">\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide is-vertically-aligned-top\">\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"1104\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/midfi_proto_before.svg\" alt=\"Image slider showing first sketch of the app's the home screen.\" class=\"wp-image-2835\" style=\"width:auto;height:500px\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure class=\"wp-block-image aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"1104\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/hifi_proto_after.svg\" alt=\"Image slider showing the finished prototype of the app's the home screen.\" class=\"wp-image-2836\" style=\"width:auto;height:500px\"\/><\/figure>\n<\/div>\n<\/div><\/div><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center has-small-font-size\" style=\"padding-top:14px;padding-bottom:14px\"><strong>Slide som visar den f\u00f6rsta skissen och den f\u00e4rdiga prototypen av appens hemsk\u00e4rm.<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2597b2bf wp-block-buttons-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.figma.com\/proto\/piwDTQqJUg9cAj132fqE5z\/Project-Exam?node-id=366-7616&amp;t=sUYHR7eCwGtDjnAf-1\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px\" target=\"_blank\" rel=\"noopener\"><strong><strong>Visa h<\/strong><\/strong>i-fi<strong><strong> prototyp<\/strong><\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:59px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Research<\/h2>\n\n\n\n<p><strong>F\u00f6r att ringa in grundproblemet anv\u00e4nde vi intervjuer, j\u00e4mf\u00f6relser med andra tj\u00e4nster och anv\u00e4ndarunders\u00f6kningar. Vi gjorde ocks\u00e5 en SWOT-analys f\u00f6r att se hur liknande appar presenterar information och sj\u00e4lvbetj\u00e4ning.<\/strong><\/p>\n\n\n\n<p>Researchen unders\u00f6kte hur kunder interagerar med kommunala serviceplattformar och vad de f\u00f6rv\u00e4ntar sig n\u00e4r de hanterar tj\u00e4nster digitalt.<\/p>\n\n\n\n<p>Insikter fr\u00e5n denna fas lade grunden f\u00f6r personas, problemformulering och konceptutveckling.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e8af60&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e8af60\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\" id=\"wp-block-themeisle-blocks-image-11d8cb95\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"1508\" height=\"1130\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/swot.svg\" alt=\"Collage from SWOT analysis\" class=\"wp-image-2892\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\"><strong>Bild<em>: <\/em><\/strong><\/mark><span class=\"highlight\"><a href=\"https:\/\/www.w3.org\/TR\/low-vision-needs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\">Collage fr\u00e5n SWOT-analys<\/mark><\/strong><\/a><\/span><\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:39px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>F\u00f6rst\u00e5 anv\u00e4ndarna<\/strong><\/h2>\n\n\n\n<p><strong>V\u00e5r research visade tv\u00e5 huvudtyper av anv\u00e4ndare av VA SYD:s tj\u00e4nster. F\u00f6r att f\u00f6rst\u00e5 deras behov och beteenden tog vi fram personas som visar hur de anv\u00e4nder tj\u00e4nsten och vad de f\u00f6rv\u00e4ntar sig.<\/strong><\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-vivid-red-color has-text-color has-link-color wp-elements-95a99ab5e4a30f58189278ac6aa5e765 is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e8b8c7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e8b8c7\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\" id=\"wp-block-themeisle-blocks-image-582296a9\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2560\" height=\"1600\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/Primary-persona-743915.svg\" alt=\"Layout showing a primary persona Karin and her metrics.\" class=\"wp-image-2850\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><span class=\"highlight\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">M\u00e4tv\u00e4rden f\u00f6r den prim\u00e4ra personan Karin Lund.<\/mark><\/span><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:39px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Viktiga insikter<\/strong><\/h2>\n\n\n\n<p><strong>Genom v\u00e5r research<\/strong> <strong>framtr\u00e4dde tre huvudm\u00f6nster:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anv\u00e4ndare interagerar s\u00e4llan med tj\u00e4nsten om inte n\u00e5got g\u00e5r fel.<\/li>\n\n\n\n<li>N\u00e4r problem uppst\u00e5r f\u00f6rv\u00e4ntar sig anv\u00e4ndare snabb tillg\u00e5ng till tydlig information.<\/li>\n\n\n\n<li>F\u00f6r mycket information \u00f6verv\u00e4ldigar snabbt anv\u00e4ndare i tj\u00e4nsteappar.<\/li>\n<\/ul>\n\n\n\n\n\n<p>Prim\u00e4r insikt: problemet \u00e4r <em>inte<\/em> brist p\u00e5 funktionalitet \u2013 det \u00e4r <em><strong>fragmentering<\/strong><\/em>. M\u00f6jligheten var tydlig: g\u00f6ra appen till en fullskalig e-tj\u00e4nst, inte bara en kanal f\u00f6r aviseringar.<strong> <\/strong><\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide has-custom-va-syd-background-color has-background is-layout-flex wp-container-core-columns-is-layout-51c0b34d wp-block-columns-is-layout-flex\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\" style=\"padding-top:0\">\n<p class=\"has-raft-fg-color has-text-color has-link-color has-medium-font-size wp-elements-8864594f6cf58eb5774d9fd0c51c887c\"><strong>PRIM\u00c4R INSIKT<\/strong>: <strong>FRAGMENTERING<\/strong><\/p>\n\n\n\n<p class=\"has-raft-fg-color has-text-color has-link-color has-medium-font-size wp-elements-28ea4afe4bed5703614b044ca9932e45\">Anv\u00e4ndare f\u00f6rv\u00e4ntade sig att slutf\u00f6ra uppgifter i appen, men skickades vidare till webben, vilket br\u00f6t fl\u00f6det och \u00f6kade friktionen.<\/p>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-image-6dc7b1f3\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>How Might We<\/strong><\/h2>\n\n\n\n<p><strong>Utifr\u00e5n v\u00e5r research omformulerade vi problemet till designm\u00f6jligheter genom HMW-fr\u00e5gor:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"><strong>Hur kan vi<\/strong> g\u00f6ra det enklare f\u00f6r kunder att utf\u00f6ra tj\u00e4nster digitalt?<\/li>\n\n\n\n<li style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"><strong>Hur kan vi<\/strong> leverera relevant information till olika kundgrupper?<\/li>\n\n\n\n<li style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"><strong>Hur kan vi<\/strong> omvandla VA SYDs servicedata till meningsfullt v\u00e4rde f\u00f6r anv\u00e4ndarna?<\/li>\n<\/ul>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full is-style-rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"1622\" height=\"1081\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/person_sorting_cardboard.jpg\" alt=\"A person sorting cardboard boxes in the kitchen.\" class=\"wp-image-2894\" style=\"aspect-ratio:3\/4;object-fit:cover\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/person_sorting_cardboard.jpg 1622w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/person_sorting_cardboard-300x200.jpg 300w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/person_sorting_cardboard-1024x682.jpg 1024w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/person_sorting_cardboard-768x512.jpg 768w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/person_sorting_cardboard-1536x1024.jpg 1536w\" sizes=\"auto, (max-width: 1622px) 100vw, 1622px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Id\u00e9generering<\/h2>\n\n\n\n<p><strong>F\u00f6r att utforska potentiella l\u00f6sningar anv\u00e4nde vi olika tekniker f\u00f6r id\u00e9generering, som t ex. omv\u00e4nd brainstorming.<\/strong><\/p>\n\n\n\n<p>Ist\u00e4llet f\u00f6r att fr\u00e5ga hur vi kan f\u00f6rb\u00e4ttra appen utforskade vi <em>vad som f\u00e5r anv\u00e4ndare att undvika den<\/em>. Det hj\u00e4lpte oss att identifiera hinder som otydlig navigering, brist p\u00e5 personlig relevans och bristande tillg\u00e4nglighet.<\/p>\n\n\n\n<p><strong>Dessa insikter styrde designprioritering:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">tillg\u00e4ngliga designm\u00f6nster<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">personalisering<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">f\u00f6renklad navigation<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">tydligare ing\u00e5ngar till e-tj\u00e4nster<\/li>\n<\/ul>\n\n\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e8f099&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e8f099\" class=\"wp-block-image size-full has-custom-border is-style-default wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2389\" height=\"727\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/Paper-Protoype-c9962c.svg\" alt=\"Seven lo-fi prototype smart phone screens in black and white. \" class=\"wp-image-2852\" style=\"border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\">F\u00f6rsta lo-fi prototypen<\/mark><\/strong><\/figcaption><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-cloudcatch-splide-carousel wp-block-splide-carousel__container\"><figure class=\"wp-block-splide-carousel splide\" data-splide=\"{&quot;type&quot;:&quot;fade&quot;,&quot;perPage&quot;:1,&quot;speed&quot;:400,&quot;gap&quot;:&quot;16px&quot;,&quot;fixedWidth&quot;:&quot;&quot;,&quot;autoWidth&quot;:false,&quot;perMove&quot;:1,&quot;direction&quot;:&quot;ltr&quot;,&quot;fixedHeight&quot;:&quot;&quot;,&quot;height&quot;:&quot;&quot;,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;autoplay&quot;:false,&quot;interval&quot;:&quot;5000&quot;,&quot;pauseOnHover&quot;:true,&quot;mediaQuery&quot;:&quot;max&quot;,&quot;breakpoints&quot;:{}}\" data-splide-extensions=\"{&quot;autoScroll&quot;:false,&quot;urlHash&quot;:false,&quot;grid&quot;:false}\"><div class=\"wp-block-splide-carousel__track splide__track\"><div class=\"wp-block-splide-carousel__list splide__list\">\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e8f904&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e8f904\" class=\"wp-block-image size-full is-resized has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"3426\" height=\"2217\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/ia-va-syd-app_r2.svg\" alt=\"\" class=\"wp-image-3103\" style=\"border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;width:1200px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Informationsarkitektur<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e8ff55&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e8ff55\" class=\"wp-block-image aligncenter size-full is-resized has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2371\" height=\"2217\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/User-flow-VA-Syd-App-44d46d.svg\" alt=\"User flow for the app. \" class=\"wp-image-2854\" style=\"border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;width:450px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Anv\u00e4ndarfl\u00f6de<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div><\/div><\/figure><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-image-6dc7b1f3\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Koncept<\/h2>\n\n\n\n<p><strong>Det slutliga konceptet omformade appen till ett personligt servicecenter.<\/strong><\/p>\n\n\n\n<p><strong>I st\u00e4llet f\u00f6r statisk fakta visar startsk\u00e4rmen anpassningsbara widgetar med relevant info, till exempel:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">n\u00e4sta avfallsh\u00e4mtning<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">nuvarande vattenf\u00f6rbrukning<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">obetalda fakturor<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">operativa varningar<\/li>\n<\/ul>\n\n\n\n\n\n<p>Denna metod g\u00f6r det m\u00f6jligt f\u00f6r anv\u00e4ndare att skr\u00e4ddarsy gr\u00e4nssnittet efter sina behov samtidigt som UI:t h\u00e5lls l\u00e4ttl\u00e4st och \u00f6versk\u00e5dligt. Konceptet<strong> integrerar VA SYDs Mina sidor direkt i appen<\/strong>, vilket g\u00f6r det m\u00f6jligt f\u00f6r anv\u00e4ndare att utf\u00f6ra uppgifter som:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">granska statistik<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">sk\u00f6ta prenumeration<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">skicka in servicef\u00f6rfr\u00e5gningar<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">g\u00f6ra felanm\u00e4lningar<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-full is-style-rounded\" style=\"margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1792\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/mockupvasyd_big.jpg\" alt=\"Mockup mobile phone showing the splash screen for the concept app for VA Syd.\" class=\"wp-image-2908\" style=\"aspect-ratio:9\/16;object-fit:cover\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/mockupvasyd_big.jpg 2560w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/mockupvasyd_big-300x210.jpg 300w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/mockupvasyd_big-1024x717.jpg 1024w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/mockupvasyd_big-768x538.jpg 768w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/mockupvasyd_big-1536x1075.jpg 1536w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/mockupvasyd_big-2048x1434.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-image-6dc7b1f3\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>Designbeslut<\/strong><\/h2>\n\n\n\n<p><strong>Besluten styrde hi-fi-prototypens utseende och struktur, fr\u00e5n detaljer till informationshierarki, med fokus p\u00e5 tydlighet och tillg\u00e4nglighet inom ramen f\u00f6r VA SYDs identitet.<\/strong><\/p>\n\n\n\n<p><strong>Designbesluten inkluderade:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">anv\u00e4nda organisationens befintliga typsnitt f\u00f6r att bibeh\u00e5lla igenk\u00e4nning<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">f\u00f6rfina f\u00e4rgpaletten f\u00f6r digital l\u00e4sbarhet<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">inf\u00f6rliva illustrationer f\u00f6r att skapa en v\u00e4nligare visuell ton<\/li>\n<\/ul>\n\n\n\n<p>Designen betonar tydlighet och lugn, i linje med samh\u00e4llsviktiga tj\u00e4nster.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e92d0f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e92d0f\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\" id=\"wp-block-themeisle-blocks-image-2e83e948\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2542\" height=\"1091\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/components.svg\" alt=\"Image showing part of the component library\" class=\"wp-image-2871\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Del av komponentbiblioteket<\/mark><\/strong><\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e933ea&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e933ea\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\" style=\"margin-top:var(--wp--preset--spacing--40);margin-right:0;margin-bottom:var(--wp--preset--spacing--40);margin-left:0\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2181\" height=\"1157\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/illustrations2.svg\" alt=\"Image showing Visual identity illustrations\" class=\"wp-image-3034\" style=\"border-style:none;border-width:0px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Illustrationer f\u00f6r visuell identitet<\/mark><\/strong><\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e93931&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e93931\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\" id=\"wp-block-themeisle-blocks-image-cdc83962\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"1111\" height=\"1031\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/light-mode.svg\" alt=\"Part of the Design system's color scheme. Color palette for light mode.\" class=\"wp-image-2866\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\"><strong>Del av f\u00e4rgpaletten i designsystemet <\/strong><br><strong><strong><strong>F\u00e4rgpalett f\u00f6r ljust l\u00e4ge<\/strong><\/strong><\/strong>.<\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e93f6b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e93f6b\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\" id=\"wp-block-themeisle-blocks-image-a29bd3f5\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"1111\" height=\"1031\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/dark-mode.svg\" alt=\"Color palette for dark mode.\" class=\"wp-image-2867\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">F\u00e4rgpalett f\u00f6r m\u00f6rkt l\u00e4ge<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-image-6dc7b1f3\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Tillg\u00e4nglighet<\/h2>\n\n\n\n<p><strong>VA SYD \u00e4r ett allm\u00e4nnyttigt f\u00f6retag och&nbsp;<em>m\u00e5ste<\/em>&nbsp;f\u00f6lja DOS-lagen, med krav p\u00e5 digital tillg\u00e4nglighet enligt WCAG 2.1\/2.2. Tillg\u00e4nglighet var d\u00e4rf\u00f6r en sj\u00e4lvklar princip i designprocessen, inte en efterkonstruktion.<\/strong> <strong>L\u00f6sningen anpassades till WCAG 2.2 inom omr\u00e5den som:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>f\u00e4rgkontrast<\/li>\n\n\n\n<li>tangentbordsnavigering<\/li>\n\n\n\n<li>felmeddelande<\/li>\n\n\n\n<li>formul\u00e4rvalidering<\/li>\n\n\n\n<li>visuellt fokus<\/li>\n<\/ul>\n\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p>Olika f\u00e4rgkombinationer testades gentemot tillg\u00e4nglighet. Vi gjorde ocks\u00e5 simuleringar f\u00f6r att s\u00e4kerst\u00e4lla l\u00e4sbarhet f\u00f6r personer med nedsatt f\u00e4rgseende.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image aligncenter size-full\" style=\"margin-left:var(--wp--preset--spacing--50)\"><img loading=\"lazy\" decoding=\"async\" width=\"314\" height=\"465\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/contrast_check.png\" alt=\"Image showing a color contrast check screen. \" class=\"wp-image-2872\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/contrast_check.png 314w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/contrast_check-203x300.png 203w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Urklipp fr\u00e5n f\u00e4rgkontrastkontroll. <\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e95e95&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e95e95\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"390\" height=\"1190\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/Deuteranopia-vision-ea6f74.svg\" alt=\"Images showing color blindness analysis for Deuteranopia (red-green-blind) \" class=\"wp-image-3722\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\"><strong>Bilder som visar v\u00e5r f\u00e4rgblindhetsanalys f\u00f6r 1) <strong>Deuteranopi<\/strong> (r\u00f6d-gr\u00f6n-blindhet)<\/strong> <\/mark><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e96502&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e96502\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"390\" height=\"1190\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/Protanopia-vision-47b4a2.svg\" alt=\"Images showing color blindness analysis for Protanopia (severe red-green-blind)\" class=\"wp-image-3723\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">2) Protanopia (sv\u00e5r r\u00f6d-gr\u00f6n-blindhet)<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e96bf7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e96bf7\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"390\" height=\"1190\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/Tritanopia-vision-b2f614.svg\" alt=\"Images showing color blindness analysis for Tritanopia (blue-yellow-blind)\" class=\"wp-image-3724\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">3) Tritanopia (bl\u00e5-gul-blindhet)<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e98048&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e98048\" class=\"wp-block-image size-full is-style-rounded wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2560\" height=\"1600\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/wcag-22-criterion2.svg\" alt=\"A spread with WCAG criterion and an image of a visually impaired man with his guard dog.\" class=\"wp-image-2913\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#000000\" class=\"has-inline-color\">Uppslag som visar en del av tillg\u00e4nglighetsanalysen.<\/mark><\/strong><\/figcaption><\/figure>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-image-91d0b958\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Prototyp- och anv\u00e4ndbarhetstester<\/h2>\n\n\n\n<p><strong>Designprocessen inkluderade tv\u00e5 omg\u00e5ngar av anv\u00e4ndbarhetstester.<\/strong> <strong>F\u00f6rsta omg\u00e5ngen anv\u00e4nde en pappersprototyp, vilket gjorde det m\u00f6jligt att snabbt testa navigation och informationsstruktur.<\/strong><\/p>\n\n\n\n<p>Deltagarna ombads att slutf\u00f6ra uppgifter som:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>anm\u00e4lan av adress\u00e4ndring<\/li>\n\n\n\n<li>hitta statistik f\u00f6r e-service<\/li>\n\n\n\n<li>navigera i kontoinst\u00e4llningar<\/li>\n<\/ul>\n<\/div>\n\n\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e9935d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e9935d\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"1579\" height=\"1014\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/usability-testing.svg\" alt=\"Close up photos from usability testing, people holding paper prototypes of the app.\" class=\"wp-image-2953\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cloudcatch-splide-carousel wp-block-splide-carousel__container\"><figure class=\"wp-block-splide-carousel splide\" data-splide=\"{&quot;type&quot;:&quot;fade&quot;,&quot;perPage&quot;:1,&quot;speed&quot;:400,&quot;gap&quot;:&quot;0px&quot;,&quot;fixedWidth&quot;:&quot;&quot;,&quot;autoWidth&quot;:false,&quot;perMove&quot;:1,&quot;direction&quot;:&quot;ltr&quot;,&quot;fixedHeight&quot;:&quot;&quot;,&quot;height&quot;:&quot;&quot;,&quot;arrows&quot;:true,&quot;pagination&quot;:false,&quot;autoplay&quot;:false,&quot;interval&quot;:&quot;5000&quot;,&quot;pauseOnHover&quot;:true,&quot;mediaQuery&quot;:&quot;max&quot;,&quot;breakpoints&quot;:{}}\" data-splide-extensions=\"{&quot;autoScroll&quot;:false,&quot;urlHash&quot;:false,&quot;grid&quot;:false}\"><div class=\"wp-block-splide-carousel__track splide__track\"><div class=\"wp-block-splide-carousel__list splide__list\">\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e99a82&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e99a82\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2560\" height=\"1265\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/iterations_usertest_lofi1.svg\" alt=\"Page 1 of Iterations after the first usability test.\" class=\"wp-image-2863\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>Iterationer efter det f\u00f6rsta anv\u00e4ndbarhetstestet.<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e9a1cc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e9a1cc\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"2560\" height=\"1600\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/iterations_usertest_lofi2.svg\" alt=\"Page 2 of Iterations after the first usability test.\" class=\"wp-image-2864\" style=\"border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>Iterationer efter det f\u00f6rsta anv\u00e4ndbarhetstestet.<\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div><\/div><\/figure><\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Den andra omg\u00e5ngen testade en hi-fi interaktiv prototyp p\u00e5 distans med modererade sessioner.<\/strong><\/p>\n\n\n\n<p>Inkluderade m\u00e4tv\u00e4rden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tid f\u00f6r slutf\u00f6rande av uppgiften<\/li>\n\n\n\n<li>error-frekvens<\/li>\n\n\n\n<li>n\u00f6jdhetsbetyg<\/li>\n<\/ul>\n\n\n\n\n\n<p>Varje session varade cirka 20 minuter och anv\u00e4nde \"T\u00e4nk h\u00f6gt\"-metodik f\u00f6r att f\u00e5nga anv\u00e4ndarnas resonemang.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-19e250f3 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-small-font-size\" style=\"font-style:normal;font-weight:100\">Utdrag fr\u00e5n sentimentanalys<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full\" style=\"margin-right:0;margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"780\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/Sentiment-analysis-1-ae620f.svg\" alt=\"First quote and metrics from the user testing sessions\" class=\"wp-image-4037\" style=\"object-fit:cover\"\/><\/figure>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full\" style=\"margin-right:0;margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"780\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/Sentiment-analysis-2-543ac0.svg\" alt=\"Second quote and metrics from the user testing sessions\" class=\"wp-image-4036\" style=\"object-fit:cover\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Resultat<\/h2>\n\n\n\n<p><strong>Testning visade p\u00e5 flera \u00e5terkommande m\u00f6nster<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anv\u00e4ndarna f\u00f6rstod snabbt den \u00f6vergripande navigeringen och strukturen.<\/li>\n\n\n\n<li>Anpassningsbara widgets uppskattades s\u00e4rskilt och uppmuntrade till utforskande.<\/li>\n\n\n\n<li>Deltagarna bekr\u00e4ftade ocks\u00e5 att integrationen av e-tj\u00e4nster i appen markant f\u00f6rb\u00e4ttrade upplevelsen j\u00e4mf\u00f6rt med att anv\u00e4nda webbportalen.<\/li>\n\n\n\n<li>En tydlig insikt var att anv\u00e4ndarna f\u00f6rv\u00e4ntade sig att statistik och serviceinfo skulle ligga tillsammans med abonnemang, inte uppdelat.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Iterationer &amp; justeringar<\/h2>\n\n\n\n<p><strong>Baserat p\u00e5 testresultat justerade vi ett antal omr\u00e5den<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>flytt av statistik till under <strong>Mina sidor<\/strong><\/li>\n\n\n\n<li>f\u00f6renkla service terminologi<\/li>\n\n\n\n<li>f\u00f6rb\u00e4ttra feedback f\u00f6r formul\u00e4r<\/li>\n\n\n\n<li class=\"has-raft-fg-color has-text-color has-link-color wp-elements-1840f19172698c719489d2706f0aa1e9\">\u00f6ka synligheten f\u00f6r akut serviceinformation<\/li>\n\n\n\n<li>Navigeringsetiketter justerades f\u00f6r att b\u00e4ttre matcha anv\u00e4ndarnas s\u00e4tt att t\u00e4nka och minska f\u00f6rvirring kring kategorier.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-cloudcatch-splide-carousel wp-block-splide-carousel__container\"><figure class=\"wp-block-splide-carousel splide\" data-splide=\"{&quot;type&quot;:&quot;loop&quot;,&quot;perPage&quot;:1,&quot;speed&quot;:400,&quot;gap&quot;:&quot;0px&quot;,&quot;fixedWidth&quot;:&quot;&quot;,&quot;autoWidth&quot;:false,&quot;perMove&quot;:1,&quot;direction&quot;:&quot;ltr&quot;,&quot;fixedHeight&quot;:&quot;&quot;,&quot;height&quot;:&quot;&quot;,&quot;arrows&quot;:true,&quot;pagination&quot;:true,&quot;autoplay&quot;:false,&quot;interval&quot;:&quot;5000&quot;,&quot;pauseOnHover&quot;:true,&quot;mediaQuery&quot;:&quot;max&quot;,&quot;breakpoints&quot;:{}}\" data-splide-extensions=\"{&quot;autoScroll&quot;:false,&quot;urlHash&quot;:false,&quot;grid&quot;:false}\"><div class=\"wp-block-splide-carousel__track splide__track\"><div class=\"wp-block-splide-carousel__list splide__list\">\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1.jpg\" data-rel=\"lightbox-gallery-Yp4SIQib\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1.jpg\" alt=\"\" class=\"wp-image-2937\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1.jpg 2560w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1-300x188.jpg 300w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1-1024x640.jpg 1024w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1-768x480.jpg 768w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1-1536x960.jpg 1536w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/1-Iterated-HI-FI-PROTOTYPE-annotations-1-2048x1280.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Hi-fi-prototyp med designbeslut<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations.jpg\" data-rel=\"lightbox-gallery-Yp4SIQib\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations.jpg\" alt=\"Page 2 of Hi-fi prototype with design decisions\" class=\"wp-image-2938\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations.jpg 2560w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations-300x188.jpg 300w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations-1024x640.jpg 1024w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations-768x480.jpg 768w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations-1536x960.jpg 1536w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/2-Iterated-HI-FI-PROTOTYPE-annotations-2048x1280.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Hi-fi-prototyp med designbeslut<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-cloudcatch-splide-carousel-item wp-block-splide-carousel__slide splide__slide\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations.jpg\" data-rel=\"lightbox-gallery-Yp4SIQib\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations.jpg\" alt=\"Page 3 of Hi-fi prototype with design decisions\" class=\"wp-image-2939\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations.jpg 2560w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations-300x188.jpg 300w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations-1024x640.jpg 1024w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations-768x480.jpg 768w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations-1536x960.jpg 1536w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/3-Iterated-HI-FI-PROTOTYPE-annotations-2048x1280.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Hi-fi-prototyp med designbeslut<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div><\/div><\/figure><\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-image-91d0b958\" class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:0px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-left:0;flex-basis:50%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e9e4f9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e9e4f9\" class=\"wp-block-image size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"1047\" height=\"1323\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/hifi_prototype_pair_vasyd.png\" alt=\"Mockup of two screens from the app showing on a pair of smart phones.\" class=\"wp-image-2924\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px\" srcset=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/hifi_prototype_pair_vasyd.png 1047w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/hifi_prototype_pair_vasyd-237x300.png 237w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/hifi_prototype_pair_vasyd-810x1024.png 810w, https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/hifi_prototype_pair_vasyd-768x970.png 768w\" sizes=\"auto, (max-width: 1047px) 100vw, 1047px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">Vyer fr\u00e5n Hi-fi-prototyp<\/mark><\/strong><\/figcaption><\/figure>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-2597b2bf wp-block-buttons-is-layout-flex\" style=\"padding-right:0;padding-left:0\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.figma.com\/proto\/piwDTQqJUg9cAj132fqE5z\/Project-Exam?node-id=366-7616&amp;t=sUYHR7eCwGtDjnAf-1\" style=\"border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px\" target=\"_blank\" rel=\"noopener\"><strong><strong>Visa hi-fi prototyp<\/strong><\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:0;padding-left:var(--wp--preset--spacing--40);flex-basis:50%\">\n<h2 class=\"wp-block-heading\">Resultat &amp; p\u00e5verkan<\/h2>\n\n\n\n<p><strong>Det redesignade konceptet visar hur VA SYDs app skulle kunna utvecklas fr\u00e5n ett aviseringsverktyg till ett helt\u00e4ckande gr\u00e4nssnitt f\u00f6r kundresan.<\/strong><\/p>\n\n\n\n<p><strong>Viktiga f\u00f6rb\u00e4ttringar inkluderar:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>en enhetlig plattform f\u00f6r information och tj\u00e4nster<\/li>\n\n\n\n<li>minskad friktion vid slutf\u00f6rande av uppgifter<\/li>\n\n\n\n<li>tydligare informationshierarki<\/li>\n\n\n\n<li>f\u00f6rb\u00e4ttrad tillg\u00e4nglighet<\/li>\n<\/ul>\n\n\n\n<p>Konceptet st\u00f6der \u00e4ven framtida expansion genom att till\u00e5ta att nya tj\u00e4nster l\u00e4ggs till via modul\u00e4ra widgetar och strukturerad navigering.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\"><strong>The Takeaway<\/strong><\/h2>\n\n\n\n<p><strong>Projektet visade hur viktigt det \u00e4r att utg\u00e5 fr\u00e5n hur m\u00e4nniskor faktiskt beter sig, inte fr\u00e5n hur organisationen \u00e4r uppbyggd.<\/strong> <strong>Det nya gr\u00e4nssnittet \u00e4r tillg\u00e4nglighetsanpassat och inneh\u00e5llet f\u00f6renklat f\u00f6r att fungera f\u00f6r alla, oavsett f\u00f6rm\u00e5ga. Det minskar trycket p\u00e5 kundtj\u00e4nst och sparar <strong>pengar<\/strong><\/strong> <strong>\u00e5t<\/strong> <strong>organisationen.<\/strong><\/p>\n\n\n\n<p>Kommunala tj\u00e4nster m\u00e4rks ofta f\u00f6rst n\u00e4r n\u00e5got g\u00e5r fel. D\u00e5 m\u00e5ste upplevelsen vara direkt, tydlig och p\u00e5litlig. Genom fokus p\u00e5 personlig relevans, tillg\u00e4nglighet och enkel \u00e5tkomst blir appen mer anv\u00e4ndarcentrerad.<\/p>\n\n\n\n<p class=\"has-raft-accent-color has-text-color has-link-color wp-elements-8a873c8b7b6f91915f269f9a9eb82222\"><strong>En j\u00e4mf\u00f6relse mellan nuvarande startsida i VA SYD:s app (1) och den f\u00f6reslagna startsidan i v\u00e5r hi-fi-prototyp (2):<\/strong>:<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" id=\"wp-block-themeisle-blocks-image-f7da4d5c\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-90acd484 wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5e9fc1a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5e9fc1a\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"544\" height=\"1124\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/current-vasyd3.svg\" alt=\"VA SYD's home screen as it looks today\" class=\"wp-image-3066\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>1. <mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">1. F\u00d6RE: VA SYD:s startsk\u00e4rm som den ser ut idag<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e38b5ea04ee&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e38b5ea04ee\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" width=\"544\" height=\"1124\" src=\"https:\/\/magmauxdesign.com\/wp-content\/uploads\/2026\/03\/current-vasyd4.svg\" alt=\"How we envision VA SYD's new home screen.\" class=\"wp-image-3079\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"F\u00f6rstora\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\"><strong>2. <mark style=\"background-color:rgba(0, 0, 0, 0);color:#1D1F25\" class=\"has-inline-color\">2. EFTER: Hur vi f\u00f6rest\u00e4ller oss VA SYD:s nya startsk\u00e4rm.<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>VA SYD. My Pages in App THE CASE AT A GLANCE VA SYD, is one of Sweden\u2019s largest regional water and waste utilities, serving southwestern Sk\u00e5ne. The concept reimagined VA SYDs app as a personal service hub, creating a seamless mobile experience that makes everyday water and waste services simple to manage &#8211; all built [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-plain","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2833","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/pages\/2833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/comments?post=2833"}],"version-history":[{"count":331,"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/pages\/2833\/revisions"}],"predecessor-version":[{"id":4538,"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/pages\/2833\/revisions\/4538"}],"wp:attachment":[{"href":"https:\/\/magmauxdesign.com\/sv\/wp-json\/wp\/v2\/media?parent=2833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}