{"id":4998,"date":"2025-03-26T13:10:54","date_gmt":"2025-03-26T13:10:54","guid":{"rendered":"https://browndesign.nl/nl/?post_type=project&#038;p=4998"},"modified":"2025-04-15T09:05:56","modified_gmt":"2025-04-15T09:05:56","slug":"weightworks","status":"publish","type":"project","link":"https://browndesign.nl/nl/project/weightworks/","title":{"rendered":"WeightWorks"},"content":{"rendered":"<div id=\"cs-content\" class=\"cs-content\"><div class=\"x-section e4998-e1 m3uu-0 m3uu-1\"><article class=\"x-row x-container max width e4998-e2 m3uu-6 m3uu-7 m3uu-9 m3uu-a\"><div class=\"x-row-inner\"><div class=\"x-col x-hide-sm x-hide-xs e4998-e3 m3uu-c m3uu-d m3uu-e m3uu-f m3uu-g m3uu-h\"></div><div class=\"x-col e4998-e4 m3uu-c m3uu-e m3uu-f m3uu-g m3uu-i m3uu-j\"><div class=\"x-text x-content e4998-e5 m3uu-l m3uu-m\"><p><strong>The solution<br /></strong>We achieved a complete lightweight rebrand for WeightWorks, backed by calm waves. We upgraded the new website with an optimized user experience and CMS integration. One of the main features of the website is the Quick scan. A custom builds BMI calculator.</p></div></div></div></article></div><div class=\"x-section e4998-e6 m3uu-0 m3uu-2\"><div class=\"x-row x-container max width e4998-e7 m3uu-6 m3uu-8 m3uu-9 m3uu-b\"><div class=\"x-row-inner\"><div class=\"x-col e4998-e8 m3uu-c m3uu-d m3uu-e m3uu-h\"><div class=\"x-text x-text-headline e4998-e9 m3uu-o m3uu-3 m3uu-4 x-effect-exit\" data-x-effect=\"{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}\"><div class=\"x-text-content\"><div class=\"x-text-content-text\">\n<h4 class=\"x-text-content-text-primary\">Build simple, made smart</h4></div></div></div><div class=\"x-text x-content e4998-e10 m3uu-l m3uu-n\"><p><span class=\"css-1jxf684 r-bcqeeo r-1ttztb7 r-qvutc0 r-poiln3 r-a8ghvy\"><span class=\"css-1jxf684 r-bcqeeo r-1ttztb7 r-qvutc0 r-poiln3\">We build a custom BMI calculator from the ground up using <strong>HTML</strong>, <strong>CSS</strong>, and <strong>JavaScript</strong>, keeping it straightforward and user-friendly. In just three quick steps, you get your BMI figured out. We added extra options&mdash;you can choose health conditions, for a sharper, more personal result. At the end, leave your email, and we&rsquo;ll send your score right to you. Behind the scenes, we hooked it up to a database so the client can follow up with anyone who used it.</span></span></p></div><a class=\"x-anchor x-anchor-button has-graphic e4998-e11 m3uu-p\" tabindex=\"0\" href=\"https://weightworks.nl/\" target=\"_blank\" rel=\"noopener noreferrer\"><div class=\"x-anchor-content\"><span class=\"x-graphic\" aria-hidden=\"true\"><span data-x-single-anim=\"x-scale-up\" class=\"x-icon x-graphic-child x-graphic-icon x-graphic-primary\" aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M505 273c9.4-9.4 9.4-24.6 0-33.9L337 71c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l127 127-406.1 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-127 127c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z\"/></svg></span></span><div class=\"x-anchor-text\"><span class=\"x-anchor-text-primary\" data-x-single-anim=\"x-slide-left\">Visit project</span></div></div><span class=\"x-new-tab-notice\">(opens in a new tab)</span></a></div><div class=\"x-col e4998-e12 m3uu-c m3uu-f m3uu-h m3uu-i m3uu-k\"><span class=\"x-image e4998-e13 m3uu-q m3uu-4 m3uu-5 x-effect-exit\" data-x-effect=\"{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;0%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;reset&quot;}\"><img wpfc-lazyload-disable=\"true\" decoding=\"async\" src=\"https://browndesign.nl/wp-content/uploads/2025/03/iPhone_WeightWorks_BMI_Calculator_v1.png?wsr\" width=\"375\" height=\"413\" alt=\"WeightWorks\" loading=\"lazy\"></span></div></div></div></div></div>","protected":false},"excerpt":{"rendered":"<p>WeightWorks had an outdated brand that wasn’t quite working anymore, so they asked us to give it a full refresh. We brought it to life with a more lively, dynamic feel. We also built a custom BMI calculator that’s simple and useful.</p>\n","protected":false},"featured_media":5036,"parent":0,"template":"","format":"standard","meta":{"_acf_changed":false},"project-category":[79,77,86,76,85],"class_list":["post-4998","project","type-project","status-publish","format-standard","has-post-thumbnail","hentry","project-category-corperate-branding","project-category-graphic-design","project-category-ui-ux-design","project-category-web-development","project-category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n<title>WeightWorks &#8211; BROWN DΞSIGN</title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n<link rel=\"canonical\" href=\"https://browndesign.nl/nl/project/weightworks/\" />\n<meta property=\"og:locale\" content=\"nl_NL\" />\n<meta property=\"og:type\" content=\"article\" />\n<meta property=\"og:title\" content=\"WeightWorks &#8211; BROWN DΞSIGN\" />\n<meta property=\"og:description\" content=\"WeightWorks had an outdated brand that wasn’t quite working anymore, so they asked us to give it a full refresh. We brought it to life with a more lively, dynamic feel. We also built a custom BMI calculator that’s simple and useful.\" />\n<meta property=\"og:url\" content=\"https://browndesign.nl/nl/project/weightworks/\" />\n<meta property=\"og:site_name\" content=\"BROWN DΞSIGN\" />\n<meta property=\"article:publisher\" content=\"https://www.facebook.com/brownmountaindesign/\" />\n<meta property=\"article:modified_time\" content=\"2025-04-15T09:05:56+00:00\" />\n<meta property=\"og:image\" content=\"https://browndesign.nl/wp-content/uploads/2025/03/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr\" />\n\t<meta property=\"og:image:width\" content=\"2500\" />\n\t<meta property=\"og:image:height\" content=\"2143\" />\n\t<meta property=\"og:image:type\" content=\"image/jpeg\" />\n<meta name=\"twitter:card\" content=\"summary_large_image\" />\n<meta name=\"twitter:site\" content=\"@browndesign_nl\" />\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" />\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" />\n<script type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/\",\"url\":\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/\",\"name\":\"WeightWorks &#8211; BROWN DΞSIGN\",\"isPartOf\":{\"@id\":\"https:\\/\\/browndesign.nl\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/browndesign.nl\\/wp-content\\/uploads\\/2025\\/03\\/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr\",\"datePublished\":\"2025-03-26T13:10:54+00:00\",\"dateModified\":\"2025-04-15T09:05:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/#primaryimage\",\"url\":\"https:\\/\\/browndesign.nl\\/wp-content\\/uploads\\/2025\\/03\\/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr\",\"contentUrl\":\"https:\\/\\/browndesign.nl\\/wp-content\\/uploads\\/2025\\/03\\/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr\",\"width\":2500,\"height\":2143},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/browndesign.nl\\/project\\/weightworks\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Projects\",\"item\":\"https:\\/\\/browndesign.nl\\/project-overview\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WeightWorks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/browndesign.nl\\/#website\",\"url\":\"https:\\/\\/browndesign.nl\\/\",\"name\":\"BROWN DΞSIGN\",\"description\":\"Branding, Graphic Design, Webdesign, Development\",\"publisher\":{\"@id\":\"https:\\/\\/browndesign.nl\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/browndesign.nl\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\/\\/browndesign.nl\\/#organization\",\"name\":\"Brown Design & Development\",\"url\":\"https:\\/\\/browndesign.nl\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\/\\/browndesign.nl\\/#\\/schema\\/logo\\/image\\/\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Brown Design & Development\"},\"image\":{\"@id\":\"https:\\/\\/browndesign.nl\\/#\\/schema\\/logo\\/image\\/\"},\"sameAs\":[\"https:\\/\\/www.facebook.com\\/brownmountaindesign\\/\",\"https:\\/\\/x.com\\/browndesign_nl\",\"https:\\/\\/www.instagram.com\\/browndesign_nl\\/\",\"https:\\/\\/www.linkedin.com\\/company\\/1611455\\/admin\\/\"]}]}</script>\n<!-- / Yoast SEO plugin. -->","yoast_head_json":{"title":"WeightWorks - BRUIN DΞSIGN","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https://browndesign.nl/nl/project/weightworks/","og_locale":"nl_NL","og_type":"article","og_title":"WeightWorks &#8211; BROWN DΞSIGN","og_description":"WeightWorks had an outdated brand that wasn’t quite working anymore, so they asked us to give it a full refresh. We brought it to life with a more lively, dynamic feel. We also built a custom BMI calculator that’s simple and useful.","og_url":"https://browndesign.nl/nl/project/weightworks/","og_site_name":"BROWN DΞSIGN","article_publisher":"https://www.facebook.com/brownmountaindesign/","article_modified_time":"2025-04-15T09:05:56+00:00","og_image":[{"width":2500,"height":2143,"url":"https://browndesign.nl/wp-content/uploads/2025/03/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr","type":"image/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@browndesign_nl","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://browndesign.nl/nl/project/weightworks/","url":"https://browndesign.nl/nl/project/weightworks/","name":"WeightWorks &#8211; BROWN DΞSIGN","isPartOf":{"@id":"https://browndesign.nl/nl/#website"},"primaryImageOfPage":{"@id":"https://browndesign.nl/nl/project/weightworks/#primaryimage"},"image":{"@id":"https://browndesign.nl/nl/project/weightworks/#primaryimage"},"thumbnailUrl":"https://browndesign.nl/wp-content/uploads/2025/03/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr","datePublished":"2025-03-26T13:10:54+00:00","dateModified":"2025-04-15T09:05:56+00:00","breadcrumb":{"@id":"https://browndesign.nl/nl/project/weightworks/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https://browndesign.nl/nl/project/weightworks/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https://browndesign.nl/nl/project/weightworks/#primaryimage","url":"https://browndesign.nl/wp-content/uploads/2025/03/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr","contentUrl":"https://browndesign.nl/wp-content/uploads/2025/03/WeightWorks_BMI_Calculator_Webapp_v5.jpg?wsr","width":2500,"height":2143},{"@type":"BreadcrumbList","@id":"https://browndesign.nl/nl/project/weightworks/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Projects","item":"https://browndesign.nl/nl/project-overview/"},{"@type":"ListItem","position":2,"name":"WeightWorks"}]},{"@type":"WebSite","@id":"https://browndesign.nl/nl/#website","url":"https://browndesign.nl/nl/","name":"BROWN DΞSIGN","description":"Branding, Graphic Design, Webdesign, Development","publisher":{"@id":"https://browndesign.nl/nl/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://browndesign.nl/nl/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https://browndesign.nl/nl/#organization","name":"Brown Design & Development","url":"https://browndesign.nl/nl/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https://browndesign.nl/nl/#/schema/logo/image/","url":"","contentUrl":"","caption":"Brown Design & Development"},"image":{"@id":"https://browndesign.nl/nl/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/brownmountaindesign/","https://x.com/browndesign_nl","https://www.instagram.com/browndesign_nl/","https://www.linkedin.com/company/1611455/admin/"]}]}},"_links":{"self":[{"href":"https://browndesign.nl/nl/wp-json/wp/v2/project/4998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://browndesign.nl/nl/wp-json/wp/v2/project"}],"about":[{"href":"https://browndesign.nl/nl/wp-json/wp/v2/types/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://browndesign.nl/nl/wp-json/wp/v2/media/5036"}],"wp:attachment":[{"href":"https://browndesign.nl/nl/wp-json/wp/v2/media?parent=4998"}],"wp:term":[{"taxonomy":"project-category","embeddable":true,"href":"https://browndesign.nl/nl/wp-json/wp/v2/project-category?post=4998"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}