{"id":27986,"date":"2021-10-11T13:21:45","date_gmt":"2021-10-11T00:21:45","guid":{"rendered":"https:\/\/futurelab.digitalmachine.co.nz\/portfolio\/ms-auckland-website-for-not-for-profit-charity\/"},"modified":"2022-03-17T14:36:53","modified_gmt":"2022-03-17T01:36:53","slug":"ms-auckland-website-not-for-profit-charity","status":"publish","type":"portfolio","link":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/","title":{"rendered":"Web Design Case Study: MS Auckland"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-2\">\n<div class=\"wp-block-column challenge-section padding-v is-layout-flow\">\n<h2 class=\"has-text-color wp-block-heading\" style=\"color:#ac0694\">Challenge<\/h2>\n\n\n\n<p>MS Auckland wanted a website design that showcases its various services and presents relevant information about a sensitive health condition with much warmth. The website had to reflect the right sensibility as well as host detailed information to help users reach out to healthcare professionals more easily. A web design that is pleasant, information rich along with the right aesthetic elements were some of our considerations. Ultimately, we wanted to position the company appropriately in the digital space.<\/p>\n\n\n\n<h2 class=\"has-text-color wp-block-heading\" style=\"color:#ac0694\">Outcome<\/h2>\n\n\n\n<p>The design dons a warm palette of pastel colours, and together with bold fonts, it creates a compelling user experience. The layout is designed to help users process exhaustive information about the organisation&#8217;s services and helpful resources&#8211;without feeling overwhelmed. The illustrations we designed echo a vibe of genuine support and care. All in all, the website is packaged to bring out the essence of the organisation in a colourful and bold way, and thereby reach out to thousands of users who are searching for such information online. <br><\/p>\n<\/div>\n<\/div>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-group alignfull fullwidth-section creating-feeling-section negative-margin has-luminous-vivid-amber-background-color has-background is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns is-layout-flex wp-container-4\">\n<div class=\"wp-block-column is-layout-flow\">\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-black-color\">Creating Awareness of Multiple Sclerosis<\/mark> <\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>One of the biggest challenges we had was to collate a wide array of information across different categories and make it look orderly and presentable. Moreover, we had to project a warm vibe in keeping with the sensitive nature of the health condition. We designed illustrations that very much express the emotive aspects to gel with the content, helping the user process extensive information with ease. What&#8217;s more? We also enabled a display of new stories readily accessible on the home page.<\/p>\n\n\n\n<p> <\/p>\n\n\n\n<p><br><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">Web Design NZ Case Study: MS Auckland<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-8\">\n<div class=\"wp-block-column is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group feeling-section is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<figure class=\"wp-block-image size-large mb-0 pb-0\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"881\" src=\"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.36.45-PM-1024x881.png\" alt=\"\" class=\"wp-image-24975\" srcset=\"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.36.45-PM-1024x881.png 1024w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.36.45-PM-300x258.png 300w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.36.45-PM-768x661.png 768w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.36.45-PM.png 1152w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:69px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull fullwidth-section creating-feeling-section icons-section is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns is-layout-flex wp-container-10\">\n<div class=\"wp-block-column is-layout-flow\">\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ac0694\" class=\"has-inline-color\">A Clutter-free Page Layout<\/mark><br><\/h2>\n\n\n\n<p>The warmness extends to the other pages as well including our services and our resources web pages. We added another colour dimension&#8211;a pop of bright orange&#8211;to bring alive rather monotonous and comprehensive health information. Furthermore, we used multiple blocks of different styles to describe every type of support provided by the organisation.<br><br>We also added the following:<\/p>\n\n\n<div class=\"list-wrapper\">\n<ul id=\"block-38f83172-530f-41f4-a3ef-3436f1488411\"><li>Shopping cart with online payment gateway&nbsp;<\/li><li>Events Calendar with tickets purchase option&nbsp;<\/li><li>Website Registration feature<\/li><li>Donation<\/li><li>News and updates<\/li><\/ul>\n<\/div>\n\n\n<div style=\"height:88px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"584\" src=\"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.40.42-PM-1024x584.png\" alt=\"\" class=\"wp-image-24976\" srcset=\"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.40.42-PM-1024x584.png 1024w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.40.42-PM-300x171.png 300w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.40.42-PM-768x438.png 768w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.40.42-PM-1536x876.png 1536w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.40.42-PM.png 1742w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull fullwidth-section creating-feeling-section negative-margin has-luminous-vivid-amber-background-color has-background is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-black-color\">The Carousel: A Quick Glimpse Of Testimonials<\/mark><\/h2>\n\n\n\n<p><br>We added our final touches with an elegant carousel with testimonials of people who have benefited from the organisation&#8217;s services. Here again, we used pastel colours in keeping with the various aspects of the web page design. As this is the last piece of information a user sees before exiting the page, we ensured that it&#8217;s simple and effective.<br><br>  <\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:76px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"197\" src=\"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.49.05-PM-1024x197.png\" alt=\"\" class=\"wp-image-24979\" srcset=\"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.49.05-PM-1024x197.png 1024w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.49.05-PM-300x58.png 300w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.49.05-PM-768x148.png 768w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.49.05-PM-1536x295.png 1536w, https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/07\/Screenshot-2021-07-19-at-5.49.05-PM.png 1914w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-17\">\n<div class=\"wp-block-column is-layout-flow\">\n<div class=\"wp-block-group alignfull fullwidth-section feedback-section pt-4 pb-4 is-layout-flow\"><div class=\"wp-block-group__inner-container\">\n<div class=\"wp-block-columns is-layout-flex wp-container-14\">\n<div class=\"wp-block-column is-layout-flow\"><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Website Design for NZ Charity<\/p>\n","protected":false},"author":1,"featured_media":30407,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":""},"categories":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wed Design Case Study I MS Auckland, NZ Company<\/title>\n<meta name=\"description\" content=\"Check out the new web design that we developed for MS Auckland to help them market their presence online in an effective way. See web design.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wed Design Case Study I MS Auckland, NZ Company\" \/>\n<meta property=\"og:description\" content=\"Check out the new web design that we developed for MS Auckland to help them market their presence online in an effective way. See web design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/\" \/>\n<meta property=\"og:site_name\" content=\"futurelab\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-17T01:36:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/10\/Screenshot-2021-11-24-at-3.52.44-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1162\" \/>\n\t<meta property=\"og:image:height\" content=\"358\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/\",\"url\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/\",\"name\":\"Wed Design Case Study I MS Auckland, NZ Company\",\"isPartOf\":{\"@id\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/#website\"},\"datePublished\":\"2021-10-11T00:21:45+00:00\",\"dateModified\":\"2022-03-17T01:36:53+00:00\",\"description\":\"Check out the new web design that we developed for MS Auckland to help them market their presence online in an effective way. See web design.\",\"breadcrumb\":{\"@id\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/#breadcrumb\"},\"inLanguage\":\"en-NZ\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Design Case Study: MS Auckland\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/#website\",\"url\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/\",\"name\":\"futurelab\",\"description\":\"Digital Technology for businnesses\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/futurelab.digitalmachine.co.nz\/nz\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-NZ\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wed Design Case Study I MS Auckland, NZ Company","description":"Check out the new web design that we developed for MS Auckland to help them market their presence online in an effective way. See web design.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Wed Design Case Study I MS Auckland, NZ Company","og_description":"Check out the new web design that we developed for MS Auckland to help them market their presence online in an effective way. See web design.","og_url":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/","og_site_name":"futurelab","article_modified_time":"2022-03-17T01:36:53+00:00","og_image":[{"width":1162,"height":358,"url":"https:\/\/futurelab.digitalmachine.co.nz\/wp-content\/uploads\/2021\/10\/Screenshot-2021-11-24-at-3.52.44-PM.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/","url":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/","name":"Wed Design Case Study I MS Auckland, NZ Company","isPartOf":{"@id":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/#website"},"datePublished":"2021-10-11T00:21:45+00:00","dateModified":"2022-03-17T01:36:53+00:00","description":"Check out the new web design that we developed for MS Auckland to help them market their presence online in an effective way. See web design.","breadcrumb":{"@id":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/#breadcrumb"},"inLanguage":"en-NZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/ms-auckland-website-not-for-profit-charity\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/portfolio\/"},{"@type":"ListItem","position":3,"name":"Web Design Case Study: MS Auckland"}]},{"@type":"WebSite","@id":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/#website","url":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/","name":"futurelab","description":"Digital Technology for businnesses","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-NZ"}]}},"_links":{"self":[{"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/portfolio\/27986"}],"collection":[{"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/comments?post=27986"}],"version-history":[{"count":8,"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/portfolio\/27986\/revisions"}],"predecessor-version":[{"id":33513,"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/portfolio\/27986\/revisions\/33513"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/media\/30407"}],"wp:attachment":[{"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/media?parent=27986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/futurelab.digitalmachine.co.nz\/nz\/wp-json\/wp\/v2\/categories?post=27986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}