{"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\/en\/va_syd\/","title":{"rendered":"VA SYD"},"content":{"rendered":"\n<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>My Pages in 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>THE CASE AT A GLANCE<\/strong><\/h4>\n\n\n\n<p><strong><span><b>VA SYD, is one of Sweden\u2019s largest regional water and waste utilities, serving southwestern Sk\u00e5ne. <\/b>The concept reimagined VA SYDs app as a personal service hub<\/span>, creating a seamless mobile experience that makes everyday water and waste services simple to manage &#8211; all <strong>built into their mobile app<\/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>Working as part of a UX design team, we ensured VA SYD&#8217;s critical community service met all legal accessibility requirements.<\/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>This project was completed as the capstone assignment of my UX design program in collaboration with 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 Accessibility-focused 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>CLIENT<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">VA SYD, one of Sweden&#8217;s largest regional water and waste utilities, serving southwestern 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>PROJECT<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">VA SYD App \u2013 E-services integration<\/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>CONTEXT<\/strong><\/strong> <\/summary>\n<p style=\"letter-spacing:0px\">UX Program Exam Project<\/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>SECTOR<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">Public utilities \/ Municipal services<\/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>CHALLENGE<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">The existing app only delivered notifications while all self-service tasks redirected users to a web portal, breaking the mobile experience.<\/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>MY<\/strong> <strong><strong>ROLE<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">UX\/UI Designer &amp; Accessibility Lead<\/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>FOCUS<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">Mobile self-service \u00b7 information architecture \u00b7 accessibility \u00b7 usability testing<\/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>TIMELINE<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">5 weeks<\/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>TOOLS<\/strong><\/strong><\/summary>\n<p style=\"letter-spacing:0px\">Figma \u00b7 Figjam \u00b7 Miro \u00b7 Adobe Creative Suite \u00b7 WCAG evaluation tools<\/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\">MY ROLE<\/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>Led research synthesis and defined the core problem<\/li>\n\n\n\n<li>Designed the end-to-end IA and user flow for onboarding and recovery tracking<\/li>\n\n\n\n<li>Created wireframes and interactive prototypes<\/li>\n\n\n\n<li>Translated usability insights into iterative design improvements<\/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\/Visual Designer<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Branding &amp; logotype design<\/li>\n\n\n\n<li>Defined visual hierarchy and accessibility principles<\/li>\n\n\n\n<li>Designed clear, readable interface grids &amp; layouts in Figma<\/li>\n\n\n\n<li>Refined interaction feedback and microcopy<\/li>\n\n\n\n<li>Ensured visual elements supported usability and accessibility<\/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\">The Challenge<\/h2>\n\n\n\n<p><strong>VA SYD provides water and waste services to municipalities in southern Sweden. Customers managing subscriptions or maintenance requests must leave the app and log into the My Pages web portal.<\/strong> <strong>This fragmented experience creates friction and makes the app feel limited. <\/strong><\/p>\n\n\n\n<p>The project explored how VA SYD\u2019s existing e-services could be integrated into a mobile interface and whether customers would prefer managing services directly within an app.<\/p>\n\n\n\n<p>The goal was to design a mobile experience that allowed users to access information, perform self-service tasks, and receive relevant updates within a single platform.<\/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>Image slider showing first sketch and finished prototype of the app&#8217;s the home screen.<\/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>View the h<\/strong><\/strong>i-fi<strong><strong> prototype here<\/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>To understand the problem space, research combined stakeholder interviews with benchmarking and exploratory user research. A SWOT analysis was conducted to examine how similar service apps structure information and self-service functionality.<\/strong><\/p>\n\n\n\n<p>The research examined how customers interact with municipal service platforms and what they expect when managing services digitally.<\/p>\n\n\n\n<p>Insights from this phase informed the personas, problem framing, and concept development.<\/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;69e377276fb71&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e377276fb71\" 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=\"Enlarge\"\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>Image<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 from SWOT analysis<\/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>Understanding the users<\/strong><\/h2>\n\n\n\n<p><strong>Research insights revealed two main customer groups interacting with VA SYD\u2019s services. To better represent their needs and behaviors, we created personas that capture typical service interactions and expectations.<\/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;69e3772770754&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772770754\" 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=\"Enlarge\"\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\">Metrics spread for the Primary persona 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>Key insights<\/strong><\/h2>\n\n\n\n<p><strong>Through the research<\/strong> <strong>three main patterns emerged:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Users rarely interact with the service unless something goes wrong<\/li>\n\n\n\n<li>When problems occur, users expect fast access to clear information<\/li>\n\n\n\n<li>Too much information quickly overwhelms users in service apps<\/li>\n<\/ul>\n\n\n\n\n\n<p>The core insight: the issue was <em>not<\/em> lack of functionality \u2014 it was <em><strong>fragmentation<\/strong><\/em>. The design opportunity therefore became clear: turn the app into a complete self-service platform rather than a notification channel.<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>CORE INSIGHT<\/strong>: <strong>FRAGMENTATION<\/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\">Users expected to complete tasks directly in the app, but the current experience redirected them to the web portal. This broke the interaction flow and increased cognitive friction.<\/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 Questions<\/strong><\/h2>\n\n\n\n<p><strong>Based on the research insights, we reframed the problem into design opportunities to helped focus the concept development:<\/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>How might we<\/strong> make it easier for customers to perform services digitally?<\/li>\n\n\n\n<li style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"><strong>How might we<\/strong> deliver relevant information to different customer groups?<\/li>\n\n\n\n<li style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"><strong>How might we<\/strong> turn VA SYD\u2019s service data into meaningful value for users?<\/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\">Ideation<\/h2>\n\n\n\n<p><strong>To explore potential solutions, several ideation techniques were used, including reverse brainstorming.<\/strong><\/p>\n\n\n\n<p>Instead of asking how to improve the app, we explored <em>what would make users avoid it<\/em>. This exercise helped identify barriers such as unclear navigation, lack of personal relevance, and poor accessibility.<\/p>\n\n\n\n<p><strong>These insights guided the design priorities:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">accessible design patterns<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">personalisation<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">simplified navigation<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">clear service entry points<\/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;69e3772773db9&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772773db9\" 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=\"Enlarge\"\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\">First Lo-fi prototype<\/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;69e3772774526&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772774526\" 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=\"Enlarge\"\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\">Information Architecture<\/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;69e3772774ca1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772774ca1\" 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=\"Enlarge\"\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\">User Flow<\/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\">Concept<\/h2>\n\n\n\n<p><strong>The final concept reimagined the app as a personal service hub.<\/strong><\/p>\n\n\n\n<p><strong>Instead of static information pages, the home screen uses customizable widgets that surface relevant information such as:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">next waste collection<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">current water usage<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">unpaid invoices<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">operational alerts<\/li>\n<\/ul>\n\n\n\n\n\n<p>This approach allows users to tailor the interface to their needs while keeping the layout lightweight and easy to scan. The concept also<strong> integrates VA SYD\u2019s My pages directly into the app<\/strong>, enabling users to perform tasks such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">reviewing statistics<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">managing subscriptions<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">submitting service requests<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">reporting issues<\/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>Design decisions<\/strong><\/h2>\n\n\n\n<p><strong>These decisions defined the visual and structural direction of the hi-fi prototype.\u2028 They address everything from small graphic decisions to information hierarchy, this to support clarity and accessibility, while balancing VA SYD&#8217;s established identity with \u2028a refreshed app-specific design system.<\/strong><\/p>\n\n\n\n<p><strong>Design decisions included:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:0;padding-bottom:0\">using the organisation\u2019s existing typeface to maintain recognisability<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">refining the colour palette for digital readability<\/li>\n\n\n\n<li style=\"padding-top:0;padding-bottom:0\">incorporating one-line illustrations to create a friendlier visual tone<\/li>\n<\/ul>\n\n\n\n<p>The overall design emphasises clarity and calmness, reflecting the nature of public utility services.<\/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;69e3772777cb8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772777cb8\" 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=\"Enlarge\"\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\">Part of the component library<\/mark><\/strong><\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e37727784ab&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e37727784ab\" 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=\"Enlarge\"\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\">Visual identity illustrations<\/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;69e3772778e7f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772778e7f\" 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. \nColor 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=\"Enlarge\"\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>Part of the Design system&#8217;s color scheme. <\/strong><br><strong><strong><strong>Color palette for light mode<\/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;69e37727798b1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e37727798b1\" 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=\"Enlarge\"\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\">Color palette for dark mode.<\/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\">Accessibility<\/h2>\n\n\n\n<p><strong>VA SYD is a public utility; therefore it&nbsp;<em>must<\/em>&nbsp;comply with the Digital Accessibility Act (DOS-lagen\/WCAG 2.1\/2.2). Accessibility was treated as a foundational design principle rather than a final adjustment.<\/strong> <strong>The solution was aligned with WCAG 2.2, addressing areas such as:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>colour contrast<\/li>\n\n\n\n<li>keyboard navigation<\/li>\n\n\n\n<li>error messaging<\/li>\n\n\n\n<li>form validation<\/li>\n\n\n\n<li>focus visibility<\/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>We also tested colour combinations for accessibility adherence and simulations were conducted to ensure readability for users with colour-vision deficiencies.<\/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\">Image showing a clipping from color contrast check. <\/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;69e377277c0cf&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e377277c0cf\" 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=\"Enlarge\"\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>Images showing our color blindness analysis for 1) <strong>Deuteranopia<\/strong> (red-green-blind)<\/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;69e377277cca5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e377277cca5\" 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=\"Enlarge\"\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 (severe red-green-blind)<\/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;69e377277d7c7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e377277d7c7\" 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=\"Enlarge\"\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 (blue-yellow-blind)<\/mark><\/strong><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e377277eed0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e377277eed0\" 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=\"Enlarge\"\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\">Spread showing part of accessibility analysis.<\/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\">Prototype &amp; Usability Testing<\/h2>\n\n\n\n<p><strong>The design process included two rounds of usability testing.<\/strong> <strong>The first round used a paper prototype, allowing rapid exploration of navigation and information architecture.<\/strong><\/p>\n\n\n\n<p>Participants were asked to complete tasks such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>reporting a change of address<\/li>\n\n\n\n<li>finding service statistics<\/li>\n\n\n\n<li>navigating account settings<\/li>\n<\/ul>\n<\/div>\n\n\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e37727801fb&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e37727801fb\" 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=\"Enlarge\"\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;69e37727809ad&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e37727809ad\" 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=\"Enlarge\"\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>Iterations after the first usability test.<\/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;69e3772781101&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772781101\" 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=\"Enlarge\"\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>Iterations after the first usability test.<\/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>The second round tested a high-fidelity interactive prototype remotely with moderated sessions.<\/strong><\/p>\n\n\n\n<p>Metrics included:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>task completion time<\/li>\n\n\n\n<li>error rates<\/li>\n\n\n\n<li>satisfaction ratings<\/li>\n<\/ul>\n\n\n\n\n\n<p>Each session lasted approximately 20 minutes and used think-aloud methodology to capture insights into user reasoning.<\/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\">Excerpt from Sentiment analysis<\/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\">Findings<\/h2>\n\n\n\n<p><strong>Testing revealed several consistent patterns<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Users quickly understood the overall navigation and structure.<\/li>\n\n\n\n<li>Customisable widgets were especially appreciated and encouraged exploration.<\/li>\n\n\n\n<li>Participants also confirmed that integrating e-services into the app significantly improved the experience compared to using the web portal.<\/li>\n\n\n\n<li>One notable finding was that users expected statistics and service information to be grouped with their personal subscriptions rather than placed in separate sections.<\/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\">Iterations &amp; Refinements<\/h2>\n\n\n\n<p><strong>Based on testing insights, several adjustments were implemented<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>moving statistics under <strong>My pages<\/strong><\/li>\n\n\n\n<li>simplifying service terminology<\/li>\n\n\n\n<li>improving form validation feedback<\/li>\n\n\n\n<li class=\"has-raft-fg-color has-text-color has-link-color wp-elements-1840f19172698c719489d2706f0aa1e9\">increasing visibility of urgent service information<\/li>\n\n\n\n<li>Navigation labels were also adjusted to better match users\u2019 mental models, reducing confusion around service categories.<\/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-dXQismSi\" 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 prototype with design decisions<\/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-dXQismSi\" 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 prototype with design decisions<\/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-dXQismSi\" 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 prototype with design decisions<\/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;69e3772785a5b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772785a5b\" 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=\"Enlarge\"\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\">Hi-fi prototype screens<\/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>View the hi-fi prototype here<\/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\">Outcome &amp; Impact<\/h2>\n\n\n\n<p><strong>The redesigned concept shows how VA SYD\u2019s app could evolve from a notification tool into a comprehensive customer interface.<\/strong><\/p>\n\n\n\n<p><strong>Key improvements include:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>a unified platform for information and services<\/li>\n\n\n\n<li>reduced friction in task completion<\/li>\n\n\n\n<li>clearer information hierarchy<\/li>\n\n\n\n<li>improved accessibility<\/li>\n<\/ul>\n\n\n\n<p>The concept also supports future expansion by allowing new services to be added through modular widgets and structured navigation.<\/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>This project highlighted the importance of designing public-service interfaces around real user behavior rather than organizational structure.<\/strong> <strong>The new version is designed with accessibility in mind, simplifying information so that it works for all citizens regardless of digital habits. This reduces the pressure on customer service and saves <strong>money<\/strong><\/strong> <strong>for<\/strong> <strong>the organization.<\/strong><\/p>\n\n\n\n<p>Municipal services can often be a bit anonymous until problems arise. When users do interact with them, the experience must be immediate, clear, and reliable. By focusing on personal relevance, accessibility, and seamless service access, the redesigned app creates a foundation for a more user-centered digital service.<\/p>\n\n\n\n<p class=\"has-raft-accent-color has-text-color has-link-color wp-elements-8a873c8b7b6f91915f269f9a9eb82222\"><strong>A side by side comparison of the current Start page for the VA SYD&#8217;s app (1) and the suggested Start page for our hi-fi prototype (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;69e3772787779&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772787779\" 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=\"Enlarge\"\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\">BEFORE: VA SYD&#8217;s home screen as it looks today<\/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;69e3772788256&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e3772788256\" 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=\"Enlarge\"\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\">AFTER: How we envision VA SYD&#8217;s new home screen.<\/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>\n","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\/en\/wp-json\/wp\/v2\/pages\/2833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magmauxdesign.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magmauxdesign.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magmauxdesign.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magmauxdesign.com\/en\/wp-json\/wp\/v2\/comments?post=2833"}],"version-history":[{"count":331,"href":"https:\/\/magmauxdesign.com\/en\/wp-json\/wp\/v2\/pages\/2833\/revisions"}],"predecessor-version":[{"id":4538,"href":"https:\/\/magmauxdesign.com\/en\/wp-json\/wp\/v2\/pages\/2833\/revisions\/4538"}],"wp:attachment":[{"href":"https:\/\/magmauxdesign.com\/en\/wp-json\/wp\/v2\/media?parent=2833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}