{"id":201,"date":"2021-03-27T13:00:05","date_gmt":"2021-03-27T13:00:05","guid":{"rendered":"https:\/\/jsmania.cn\/home\/?p=201"},"modified":"2021-09-01T16:13:01","modified_gmt":"2021-09-01T16:13:01","slug":"dulux","status":"publish","type":"post","link":"https:\/\/jsmania.cn\/home\/dulux\/","title":{"rendered":"Dulux: Map the Experience"},"content":{"rendered":"\n<p>We were commissioned to create a TVC for Dulux&#8217;s new kid&#8217;s paint. As a digital agency, we had more to offer. Instead of a simple TVC, we aimed at a full channel campaign.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>A digital experience that educates<\/p><\/blockquote>\n\n\n\n<p>As a UX\/UI designer, I was asked to mock up a lightweight game in the form of a WeChat Mini App. In addition to selling safe paint, Dulux wanted to help parents identify other potential risks in their home; for this purpose, we demo&#8217;ed a ridiculously dangerous virtual room.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Robust execution<\/p><\/blockquote>\n\n\n\n<p>The pitch was approaching, there was no time for revisions &#8211; I must ensure the first submission impresses. In just 3.5 days, I completed the full UX\/UI and the animation. That includes 1 landing screen, 1 instruction screen, 3+1 theme screens, and 1 CTA screen, playing seamlessly together in one single demo.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-video\"><video controls poster=\"https:\/\/jsmania.cn\/home\/wp-content\/uploads\/2021\/03\/poster-dulux-05110349pm-min.jpeg\" src=\"https:\/\/jsmania.cn\/home\/wp-content\/uploads\/2021\/05\/Dulux_MP_Game_v5-min.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>Highlights<\/p><\/blockquote>\n\n\n\n<ul><li>The character is customisable &#8211; each character has his or her own Dulux colour<\/li><li>To ensure every user can play through to the end, I added the hint function<\/li><li>In the end, we drag the paint box to the wall, indicating the paint is applied and the room is finally safe<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>So, did you guys manage to sell it?<\/p><\/blockquote>\n\n\n\n<p>Unfortunately, no. The client told us they only wanted a TVC&#8230; Still, I do not regret spending that 3.5 days. It was an intriguing little project, and I enjoyed working alongside a talented, supportive and responsive team.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<blockquote class=\"wp-block-quote\"><p>Credits:<\/p><\/blockquote>\n\n\n\n<ul><li>Ideation: Hilda \/ James \/ Mako \/ Neo \/ Yuan<\/li><li>Copy: Hilda<\/li><li>Art: Mako<\/li><li>UX \/ UI \/ animation: Yuan<\/li><\/ul>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\">** This is demo work for a pitch. The 3D visuals do not belong to us.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We were commissioned to create a TVC for Dulux&#8217;s new kid&#8217;s paint. As a digital agency, we had more to offer. Instead of a simple &hellip; <\/p>\n","protected":false},"author":1,"featured_media":904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,9,5],"tags":[],"_links":{"self":[{"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/posts\/201"}],"collection":[{"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":45,"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/posts\/201\/revisions"}],"predecessor-version":[{"id":946,"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/posts\/201\/revisions\/946"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/media\/904"}],"wp:attachment":[{"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/categories?post=201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jsmania.cn\/home\/wp-json\/wp\/v2\/tags?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}