{"id":4268322,"date":"2021-04-01T09:59:39","date_gmt":"2021-04-01T07:59:39","guid":{"rendered":"https:\/\/www.deptagency.com\/?post_type=case&#038;p=4268322"},"modified":"2025-12-08T11:17:27","modified_gmt":"2025-12-08T09:17:27","slug":"building-an-interactive-web-experience","status":"publish","type":"case","link":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/","title":{"rendered":"Building an interactive web experience"},"content":{"rendered":"<section class=\"block-post-header block-post-header__theme--white\">\n\t<button class=\"btn btn__color--richBlack block-post-header__btn\" onclick=window.history.back()>\n\t\t\t<span class=\"btn__icon\">\n\t\t\t<i class=\"icon icon__size--medium-variable icon__arrow-left-circle\">\n\t<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><g class='symbol'><path stroke='currentColor' stroke-miterlimit='10' stroke-width='1.5' d='M12.479 6.74L6.739 12l5.74 5.26M7.217 12H17.74'\/><circle cx='12' cy='12' r='11' stroke='currentColor' stroke-miterlimit='10' stroke-width='1.5'\/><\/g><path class='symbol-hover' fill='currentColor' fill-rule='evenodd' d='M1 12c0 6.075 4.925 11 11 11s11-4.925 11-11S18.075 1 12 1 1 5.925 1 12zm5.233.553l5.739 5.26 1.013-1.105-4.318-3.958h9.072v-1.5H8.667l4.318-3.958-1.013-1.106-5.74 5.261L5.63 12l.604.553z' clip-rule='evenodd'\/><\/svg><\/i>\t\t<\/span>\n\t\n\t<\/button>\n\t<h2 class=\"heading heading__size--xxs heading__align--left block-post-header__tag\">\n\t\t\tPhilips\t<\/h2><h1 class=\"heading heading__size--xl heading__align--left block-post-header__heading\">\n\t\t\tBuilding an interactive web experience\t<\/h1><\/section>\n\n<div class=\"intro-text block-intro-text__intro-text intro-text__background-color--heather\" data-position=\"top left\">\n\t<div class=\"intro-text__content\" >\n\t\t<h2 class=\"heading heading__size--s heading__align--left intro-text__heading\">\n\t\t\tPhilips Hue was looking for a micro-site that could build more inspiration for their products than their existing landing page meethue.com. Based on three key messages, DEPT\u00ae built an interactive web experience to showcase the innovative features of the Hue lamps. These three messages contained \u2018Turn on your Imagination, Turn on your Moments and Turn on your Peace of Mind\u2019. Beautiful design, combined with amazing technology provides an inspirational environment for users to experience the product range.<br><br>\t<\/h2>\t<\/div>\n<\/div>\n\n<div class=\"block-panel-with-rich-text\">\n\t<div class=\"block-panel-with-rich-text__left block-panel-with-rich-text__left--richBlack\">\n\t\t<h2 class=\"heading heading__size--xl heading__align--left block-panel-with-rich-text__heading\">\n\t\t\tCreating three interactive rooms\t<\/h2>\t<\/div>\n\n\t<div class=\"block-panel-with-rich-text__right block-panel-with-rich-text__right--white\">\n\t\t<div class=\"block-panel-with-rich-text__right-content block-panel-with-rich-text__right-content--white\">\n\t\t\t\n<div class='block-panel-with-rich-text__item'><div class='block-panel-with-rich-text__item-inner'><p class=\"paragraph paragraph__size--default paragraph__align--left block-paragraph__paragraph\">What DEPT\u00ae did was not just create a landing page and an introduction video about the product, but also creating three interactive rooms filled with Philips Hue products, which give users the power to interact with the products and experience what they can do. Each room highlighted a different aspect of the product. To give an example, the living room concentrates on the White and Colour Ambiance functionalities of the Philips Hue lamps, while the bedroom shows the possibilities of waking up energized with Philips\u2019 Wake Up Lights, responding to different moods, from concentration and relaxation.<\/p><\/div><\/div>\n\t\t<\/div>\n\n\t\t<\/div>\n<\/div>\n\n<div\n\tclass=\"flyout-drawer js-flyout-drawer flyout-drawer__position--right\"\n\tdata-trigger=\"#block-panel-with-rich-text-41795e247cb988dd703da573b90d11a2\"\n\tdata-instant-open=\"false\"\n>\n\t<div class=\"flyout-drawer__left-mobile-backplate\"><\/div>\n\t<div class=\"flyout-drawer__left-backplate\"><\/div>\n\n\t\t<div class=\"flyout-drawer__left\"><\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__close cta-button__color--white cta-button__style--text-and-icon js-drawer-close has-flipped-icon\" aria-label=\"Close\" >\n\t<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='m14 7-7 7m0-7 7 7' stroke='var(--dept-button-icon-color)' stroke-width='1.5' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tClose\t\t<\/span>\n\t\n<\/button>\n\t<div class=\"flyout-drawer__right\">\n\t\t<div class=\"pardot-forms block-panel-with-rich-text__pardot-forms js-pardot-forms has-picker\">\n\t\t\t<form action=\"\" class=\"pardot-forms__picker block-panel-with-rich-text__picker js-pardot-forms-picker\" method=\"POST\">\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-0\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-0\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tJust Say Hi\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-1\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-1\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tNew Business\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-2\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-2\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tPress Inquiries\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-3\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-0cc72b2ca730e41283956f5038bf8bc8-3\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tWorking at DEPT\u00ae\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/form>\n\t\t<iframe\n\t\tdata-initial-src=\"\"\n\t\tclass=\"pardot-forms__embed block-panel-with-rich-text__embed js-pardot-forms-embed\"\n\t\ttype=\"text\/html\"\n\t><\/iframe>\n\t<div class=\"loader pardot-forms__loader loader__color--hanPurple js-pardot-forms-loader\">\n\t<div class=\"loader__first\"><\/div>\n\t<div class=\"loader__second\"><\/div>\n<\/div><\/div>\t<\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__back cta-button__color--onyxGrey cta-button__style--text-and-icon js-drawer-back has-small-icon\" aria-label=\"Back\" >\n\t<svg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='M21.174 30 11 20.674l10.174-9.326m-9.326 9.328H30.5' stroke='var(--dept-button-icon-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tBack\t\t<\/span>\n\t\n<\/button><\/div>\n\n<div class=\"call-to-action block-call-to-action__call-to-action call-to-action__background-color--white\">\n\n\t<p class=\"paragraph paragraph__color--richBlack paragraph__align--center call-to-action__paragraph\">A micro-site that builds more inspiration for Philips products<\/p>\n<\/div>\n\n<div class=\"block-columns block-columns__gutter-large--30 block-columns__vertical-spacing-large--30\">\n\t<\/div>\n\n<div class=\"block-panel-with-rich-text\">\n\t<div class=\"block-panel-with-rich-text__left block-panel-with-rich-text__left--richBlack\">\n\t\t\t<\/div>\n\n\t<div class=\"block-panel-with-rich-text__right block-panel-with-rich-text__right--white\">\n\t\t<div class=\"block-panel-with-rich-text__right-content block-panel-with-rich-text__right-content--white\">\n\t\t\t\n<div class='block-panel-with-rich-text__item'><div class='block-panel-with-rich-text__item-inner'><p class=\"paragraph paragraph__size--default paragraph__align--left block-paragraph__paragraph\">The design and development teams worked in close co-operation to build the Experience Hue site. Combining our expertise in React.js, digital animation and 3D motion graphics, we built an interactive home which felt real and full of life. It is the perfect setting for users to experience the diverse features offered by the Philips Hue lighting range.<\/p><\/div><\/div>\n\t\t<\/div>\n\n\t\t<\/div>\n<\/div>\n\n<div\n\tclass=\"flyout-drawer js-flyout-drawer flyout-drawer__position--right\"\n\tdata-trigger=\"#block-panel-with-rich-text-57c2d235a75cff68c2aeb9b7d53f7607\"\n\tdata-instant-open=\"false\"\n>\n\t<div class=\"flyout-drawer__left-mobile-backplate\"><\/div>\n\t<div class=\"flyout-drawer__left-backplate\"><\/div>\n\n\t\t<div class=\"flyout-drawer__left\"><\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__close cta-button__color--white cta-button__style--text-and-icon js-drawer-close has-flipped-icon\" aria-label=\"Close\" >\n\t<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='m14 7-7 7m0-7 7 7' stroke='var(--dept-button-icon-color)' stroke-width='1.5' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tClose\t\t<\/span>\n\t\n<\/button>\n\t<div class=\"flyout-drawer__right\">\n\t\t<div class=\"pardot-forms block-panel-with-rich-text__pardot-forms js-pardot-forms has-picker\">\n\t\t\t<form action=\"\" class=\"pardot-forms__picker block-panel-with-rich-text__picker js-pardot-forms-picker\" method=\"POST\">\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-0\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-0\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tJust Say Hi\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-1\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-1\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tNew Business\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-2\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-2\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tPress Inquiries\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-3\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-7afd41899ec4306dcff8881fa9258da6-3\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tWorking at DEPT\u00ae\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/form>\n\t\t<iframe\n\t\tdata-initial-src=\"\"\n\t\tclass=\"pardot-forms__embed block-panel-with-rich-text__embed js-pardot-forms-embed\"\n\t\ttype=\"text\/html\"\n\t><\/iframe>\n\t<div class=\"loader pardot-forms__loader loader__color--hanPurple js-pardot-forms-loader\">\n\t<div class=\"loader__first\"><\/div>\n\t<div class=\"loader__second\"><\/div>\n<\/div><\/div>\t<\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__back cta-button__color--onyxGrey cta-button__style--text-and-icon js-drawer-back has-small-icon\" aria-label=\"Back\" >\n\t<svg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='M21.174 30 11 20.674l10.174-9.326m-9.326 9.328H30.5' stroke='var(--dept-button-icon-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tBack\t\t<\/span>\n\t\n<\/button><\/div>\n\n<div class=\"block-panel-with-rich-text\">\n\t<div class=\"block-panel-with-rich-text__left block-panel-with-rich-text__left--richBlack\">\n\t\t<h2 class=\"heading heading__size--xl heading__align--left block-panel-with-rich-text__heading\">\n\t\t\tResults\t<\/h2>\t<\/div>\n\n\t<div class=\"block-panel-with-rich-text__right block-panel-with-rich-text__right--white\">\n\t\t<div class=\"block-panel-with-rich-text__right-content block-panel-with-rich-text__right-content--white\">\n\t\t\t\n<div class='block-panel-with-rich-text__item'><div class='block-panel-with-rich-text__item-inner'><p class=\"paragraph paragraph__size--default paragraph__align--left block-paragraph__paragraph\">Each interactive room showed high user engagement, with conversion rates of between 12% and 14%. The Netherlands\u2019 version of the website attracted over 120,000 unique visitors between January and August 2017.<\/p><\/div><\/div>\n\t\t<\/div>\n\n\t\t<\/div>\n<\/div>\n\n<div\n\tclass=\"flyout-drawer js-flyout-drawer flyout-drawer__position--right\"\n\tdata-trigger=\"#block-panel-with-rich-text-14de3d92fbdd1d123e6e741ea7ef7372\"\n\tdata-instant-open=\"false\"\n>\n\t<div class=\"flyout-drawer__left-mobile-backplate\"><\/div>\n\t<div class=\"flyout-drawer__left-backplate\"><\/div>\n\n\t\t<div class=\"flyout-drawer__left\"><\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__close cta-button__color--white cta-button__style--text-and-icon js-drawer-close has-flipped-icon\" aria-label=\"Close\" >\n\t<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='m14 7-7 7m0-7 7 7' stroke='var(--dept-button-icon-color)' stroke-width='1.5' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tClose\t\t<\/span>\n\t\n<\/button>\n\t<div class=\"flyout-drawer__right\">\n\t\t<div class=\"pardot-forms block-panel-with-rich-text__pardot-forms js-pardot-forms has-picker\">\n\t\t\t<form action=\"\" class=\"pardot-forms__picker block-panel-with-rich-text__picker js-pardot-forms-picker\" method=\"POST\">\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-0\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-0\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tJust Say Hi\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-1\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-1\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tNew Business\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-2\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-2\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tPress Inquiries\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-3\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-panel-with-rich-text__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-panel-with-rich-text-pardot-forms-2213322bef62e1a7adf2d6d165e677bb-3\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-panel-with-rich-text__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-panel-with-rich-text__form-title\">\n\t\t\t\t\t\t\tWorking at DEPT\u00ae\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/form>\n\t\t<iframe\n\t\tdata-initial-src=\"\"\n\t\tclass=\"pardot-forms__embed block-panel-with-rich-text__embed js-pardot-forms-embed\"\n\t\ttype=\"text\/html\"\n\t><\/iframe>\n\t<div class=\"loader pardot-forms__loader loader__color--hanPurple js-pardot-forms-loader\">\n\t<div class=\"loader__first\"><\/div>\n\t<div class=\"loader__second\"><\/div>\n<\/div><\/div>\t<\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__back cta-button__color--onyxGrey cta-button__style--text-and-icon js-drawer-back has-small-icon\" aria-label=\"Back\" >\n\t<svg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='M21.174 30 11 20.674l10.174-9.326m-9.326 9.328H30.5' stroke='var(--dept-button-icon-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tBack\t\t<\/span>\n\t\n<\/button><\/div>\n\n<div class=\"block-get-in-touch js-block-get-in-touch\">\n\t<div class=\"block-get-in-touch__column block-get-in-touch__column--left block-get-in-touch__column--richBlack\">\n\t\t<h2 class=\"heading heading__color--white heading__size--xl heading__align--left block-get-in-touch__heading\">\n\t\t\tQuestions?\t<\/h2>\t<\/div>\n\n\t<div class=\"block-get-in-touch__column block-get-in-touch__column--right block-get-in-touch__column--white\">\n\t<div\n\t\tclass=\"image-wrap block-get-in-touch__image-wrap\"\n\t\tdata-align=\"top center\"\n\t\t\t>\n\n\t\t\t<div style=\"background-image:url(https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/Rene-Verbong.jpg)\" class=\"image image--bg block-get-in-touch__image\" ><\/div>\n\t\n\t<\/div>\t\t\t<div class=\"block-get-in-touch__specialist\">\n\t\t\t\t<p class=\"heading heading__color--richBlack heading__size--xxs heading__align--left block-get-in-touch__subtitle\">\n\t\t\tCreative Director\t<\/p><h3 class=\"heading heading__color--richBlack heading__size--m heading__align--left block-get-in-touch__person-title\">\n\t\t\tRen\u00e9 Verbong\t<\/h3>\t\t\t<\/div>\n\t\t\n\t\t<button\tclass=\"cta-bar block-get-in-touch__cta-bar js-cta-bar\"\n\tid=\"block-get-in-touch-921a620af349aa8b8906770ace185f00\"\n\ttitle=\"Get in touch\"\n\taria-label=\"\"\n\t\t>\n\t<div class=\"cta-bar__container cta-bar__container--size--default\">\n\t\t<div class=\"cta-bar__content\">\n\t\t\t<span class=\"cta-bar__label\">\n\t\t\t\tGet in touch\t\t\t<\/span>\n\t\t\t<i class=\"icon icon icon__color--white icon__size--small icon__arrow-right-circle cta-bar__icon cta-bar__icon\">\n\t<svg width='24' height='24' fill='none' viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'><g class='symbol'><path d='M11.5215 17.2609L17.2607 12L11.5215 6.73912' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10'\/><path d='M16.7827 12L6.26099 12' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10'\/><circle cx='12' cy='12' r='11' stroke='currentColor' stroke-width='1.5' stroke-miterlimit='10'\/><\/g><path class='symbol-hover' fill-rule='evenodd' clip-rule='evenodd' d='M23 12C23 5.92487 18.0751 0.999999 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12ZM17.7674 11.4471L12.0283 6.18627L11.0147 7.292L15.3326 11.25L6.26099 11.25L6.26099 12.75L15.3326 12.75L11.0147 16.708L12.0283 17.8137L17.7675 12.5529L18.3706 12L17.7674 11.4471Z' fill='currentColor'\/><\/svg><\/i>\t\t<\/div>\n\t<\/div>\n<\/button>\t<\/div>\n<\/div>\n\n<div\n\tclass=\"flyout-drawer js-flyout-drawer flyout-drawer__position--right\"\n\tdata-trigger=\"#block-get-in-touch-921a620af349aa8b8906770ace185f00\"\n\tdata-instant-open=\"false\"\n>\n\t<div class=\"flyout-drawer__left-mobile-backplate\"><\/div>\n\t<div class=\"flyout-drawer__left-backplate\"><\/div>\n\n\t\t<div class=\"flyout-drawer__left\"><\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__close cta-button__color--white cta-button__style--text-and-icon js-drawer-close has-flipped-icon\" aria-label=\"Close\" >\n\t<svg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='10.5' cy='10.5' r='9.5' transform='rotate(-90 10.5 10.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='m14 7-7 7m0-7 7 7' stroke='var(--dept-button-icon-color)' stroke-width='1.5' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tClose\t\t<\/span>\n\t\n<\/button>\n\t<div class=\"flyout-drawer__right\">\n\t\t<div class=\"pardot-forms block-get-in-touch__pardot-forms js-pardot-forms has-picker\">\n\t\t\t<form action=\"\" class=\"pardot-forms__picker block-get-in-touch__picker js-pardot-forms-picker\" method=\"POST\">\n\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-0\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-get-in-touch__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-0\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-get-in-touch__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-get-in-touch__form-title\">\n\t\t\t\t\t\t\tJust Say Hi\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-1\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-get-in-touch__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-1\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-get-in-touch__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-get-in-touch__form-title\">\n\t\t\t\t\t\t\tNew Business\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-2\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-get-in-touch__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-2\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-get-in-touch__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-get-in-touch__form-title\">\n\t\t\t\t\t\t\tPress Inquiries\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\tfor=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-3\"\n\t\t\t\t\t\tclass=\"pardot-forms__label block-get-in-touch__label js-pardot-forms-label\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname=\"form-pick\"\n\t\t\t\t\t\t\tid=\"block-get-in-touch-pardot-forms-334b0bb1c2c2362be4279818a20ca985-3\"\n\t\t\t\t\t\t\tclass=\"pardot-forms__input block-get-in-touch__input js-pardot-forms-input\"\n\t\t\t\t\t\t\tvalue=\"https:\/\/www2.deptagency.com\/l\/321011\/2023-07-28\/2f49nnz\"\n\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span class=\"pardot-forms__form-title block-get-in-touch__form-title\">\n\t\t\t\t\t\t\tWorking at DEPT\u00ae\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/form>\n\t\t<iframe\n\t\tdata-initial-src=\"\"\n\t\tclass=\"pardot-forms__embed block-get-in-touch__embed js-pardot-forms-embed\"\n\t\ttype=\"text\/html\"\n\t><\/iframe>\n\t<div class=\"loader pardot-forms__loader loader__color--hanPurple js-pardot-forms-loader\">\n\t<div class=\"loader__first\"><\/div>\n\t<div class=\"loader__second\"><\/div>\n<\/div><\/div>\t<\/div>\n\n\t<button\tclass=\"cta-button flyout-drawer__back cta-button__color--onyxGrey cta-button__style--text-and-icon js-drawer-back has-small-icon\" aria-label=\"Back\" >\n\t<svg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'><circle cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' stroke='var(--dept-button-icon-outline-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><circle class='icon-backplate' cx='20.5' cy='20.5' r='19.5' transform='rotate(-90 20.5 20.5)' fill='var(--dept-button-icon-backplate-color)' fill-opacity='1'\/><path class='icon-center' d='M21.174 30 11 20.674l10.174-9.326m-9.326 9.328H30.5' stroke='var(--dept-button-icon-color)' stroke-width='1.3' stroke-miterlimit='10' fill='none'\/><\/svg>\n\t\t\t<span>\n\t\t\tBack\t\t<\/span>\n\t\n<\/button><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":40,"featured_media":4268323,"template":"","meta":{"_acf_changed":false,"es_utils_meta_schema":"","member_job_title":"","member_linkedin_url":"","dept_alt_featured_image":[],"dept_algolia_noindex":false,"dept_algolia_featured":false,"dept_accent_color":"#1027EF","dept_next_case_accent_color":"","dept_case_video":{"type":"local"},"footnotes":""},"client":[152],"case-category":[],"award":[],"case-industry":[],"person":[691],"class_list":["post-4268322","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":{"dept_is_3q_page":false,"dept_current_cpt_partner":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Building an interactive web experience - DEPT\u00ae<\/title>\n<meta name=\"description\" content=\"Philips Hue was looking for a micro-site that could build more inspiration for their products than their existing landing page meethue.com. Based on three key messages, we built an interactive web experience to showcase the innovative features of the Hue lamps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building an interactive web experience - DEPT\u00ae\" \/>\n<meta property=\"og:description\" content=\"Philips Hue was looking for a micro-site that could build more inspiration for their products than their existing landing page meethue.com. Based on three key messages, we built an interactive web experience to showcase the innovative features of the Hue lamps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-08T09:17:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1245\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/\",\"url\":\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/\",\"name\":\"Building an interactive web experience - DEPT\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/www.deptagency.com\/en-uki\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg\",\"datePublished\":\"2021-04-01T07:59:39+00:00\",\"dateModified\":\"2025-12-08T09:17:27+00:00\",\"description\":\"Philips Hue was looking for a micro-site that could build more inspiration for their products than their existing landing page meethue.com. Based on three key messages, we built an interactive web experience to showcase the innovative features of the Hue lamps.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#primaryimage\",\"url\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg\",\"contentUrl\":\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg\",\"width\":1245,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.deptagency.com\/en-au\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building an interactive web experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.deptagency.com\/en-uki\/#website\",\"url\":\"https:\/\/www.deptagency.com\/en-uki\/\",\"name\":\"DEPT\u00ae\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building an interactive web experience - DEPT\u00ae","description":"Philips Hue was looking for a micro-site that could build more inspiration for their products than their existing landing page meethue.com. Based on three key messages, we built an interactive web experience to showcase the innovative features of the Hue lamps.","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:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/","og_locale":"en_US","og_type":"article","og_title":"Building an interactive web experience - DEPT\u00ae","og_description":"Philips Hue was looking for a micro-site that could build more inspiration for their products than their existing landing page meethue.com. Based on three key messages, we built an interactive web experience to showcase the innovative features of the Hue lamps.","og_url":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/","og_site_name":"DEPT\u00ae","article_modified_time":"2025-12-08T09:17:27+00:00","og_image":[{"width":1245,"height":700,"url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/","url":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/","name":"Building an interactive web experience - DEPT\u00ae","isPartOf":{"@id":"https:\/\/www.deptagency.com\/en-uki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#primaryimage"},"image":{"@id":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg","datePublished":"2021-04-01T07:59:39+00:00","dateModified":"2025-12-08T09:17:27+00:00","description":"Philips Hue was looking for a micro-site that could build more inspiration for their products than their existing landing page meethue.com. Based on three key messages, we built an interactive web experience to showcase the innovative features of the Hue lamps.","breadcrumb":{"@id":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/"]}]},{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#primaryimage","url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg","contentUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg","width":1245,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deptagency.com\/en-au\/"},{"@type":"ListItem","position":2,"name":"Building an interactive web experience"}]},{"@type":"WebSite","@id":"https:\/\/www.deptagency.com\/en-uki\/#website","url":"https:\/\/www.deptagency.com\/en-uki\/","name":"DEPT\u00ae","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"}]}},"listingData":{"imageUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2021\/03\/PTA008_00-E1P-global-001-1440x810-c.jpg","imageAlt":"","caseVideo":{"type":"local"},"url":"https:\/\/www.deptagency.com\/en-au\/case\/building-an-interactive-web-experience\/","hoverColor":"#1027EF","hoverText":"Building an interactive web experience","label":"Philips","tags":["",""]},"_links":{"self":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case\/4268322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/types\/case"}],"author":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/users\/40"}],"version-history":[{"count":1,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case\/4268322\/revisions"}],"predecessor-version":[{"id":4395467,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case\/4268322\/revisions\/4395467"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/media\/4268323"}],"wp:attachment":[{"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/media?parent=4268322"}],"wp:term":[{"taxonomy":"client","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/client?post=4268322"},{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case-category?post=4268322"},{"taxonomy":"award","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/award?post=4268322"},{"taxonomy":"case-industry","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/case-industry?post=4268322"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.deptagency.com\/en-au\/wp-json\/wp\/v2\/person?post=4268322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}