https://moonhung.work moon Mon, 10 May 2021 15:59:27 +0000 https://moonhung.work en https://moonhung.work/UX-UI-Minus-Plus-Ecommerce Sat, 05 Oct 2019 08:59:43 +0000 moon https://moonhung.work/UX-UI-Minus-Plus-Ecommerce Industrial ····· Beauty (e-commerce)Published ······ 2018Contributions ·· UX Strategy &amp; UI LEAD&nbsp; Task ··········· Revamp E-commerce website, CMS with online booking system and warehouse management system Minus Plus® https://www.minusplus.hk/ Used both Quantitative and Qualitative data to define business problems, through stakeholder talks and data analysis in the company’s conversion funnels. Designed and validated workflows and interfaces through iterations. Collaborated with multiple business units to drive alignments. <img width="2835" height="1594" width_o="2835" height_o="1594" data-src="https://freight.cargo.site/t/original/i/91490c372a390576cdcc1d9e1ccd141a677998649e756ebb6d011853bcfac2ef/Moonhung_UX_portfolio_online-21_v2.jpg" data-mid="52132259" border="0" src="https://freight.cargo.site/w/1000/i/91490c372a390576cdcc1d9e1ccd141a677998649e756ebb6d011853bcfac2ef/Moonhung_UX_portfolio_online-21_v2.jpg" /> Methods User interviews, contextual inquiry, card sorting, Affinity mapping, User flow, Experience mapping, Prototyping, wireframes, Usability testing. Understanding customers and stakeholders In the research, female in age 25-40 are the target customers of Minus Plus group. Beside, I also concerns about other stakeholders’s needs during the research - marketing teams, beauty spa operators, beauty advisors. I have to made sure that the design gives a good experience for customers and also a platform which is easy to manage by the operations team, streamlined ship out process for warehouse, capable of supporting marketing campaigns and supporting beauty spa stage to&nbsp;have booking in the system. <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/1dc90504f642b08e43aaddb3841217a35192fa6d28a391d385e06da0721f3434/Minus_3.jpg" data-mid="52132292" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/1dc90504f642b08e43aaddb3841217a35192fa6d28a391d385e06da0721f3434/Minus_3.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/2fe0f35a7a960e163c7c02d45d5c9a5aac07f278bf12035c5ba4e63ca7b7e42f/Minus_4.jpg" data-mid="52132296" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/2fe0f35a7a960e163c7c02d45d5c9a5aac07f278bf12035c5ba4e63ca7b7e42f/Minus_4.jpg" /> Focus on adding value, not features I hosted a workshop with different stakeholders: management team lead, marketing manager, customer service team to create this Affinity map to find out how to create the new seeking system to improve the browsing behaviour. <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/de8c67102b4f884f933a8d8a244688518a7011e604c864989f61f97bc628714d/Minus_5.jpg" data-mid="52132310" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/de8c67102b4f884f933a8d8a244688518a7011e604c864989f61f97bc628714d/Minus_5.jpg" /> Site Architecture and Key User Flows Developing the overall site architecture and the right taxonomy was a critical foundation to the key user flows <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/c91d57b59d2d98ff84d46b3678a9b63526d1991d8a26a808c3306ae6b780b519/Minus_6.jpg" data-mid="52132311" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/c91d57b59d2d98ff84d46b3678a9b63526d1991d8a26a808c3306ae6b780b519/Minus_6.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/4478b41fc6356e20106c606fe59ed05f54bf57430d4330c626bd1fd60481085e/Minus_7.jpg" data-mid="52132312" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/4478b41fc6356e20106c606fe59ed05f54bf57430d4330c626bd1fd60481085e/Minus_7.jpg" /> Wireframe <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/d4cca969919a45cc634353326cf41d8c76a9209a0cdb336054570c80fa705b37/Minus_8.jpg" data-mid="52132313" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/d4cca969919a45cc634353326cf41d8c76a9209a0cdb336054570c80fa705b37/Minus_8.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/5035a5eec1eaf2706cdc625eee967d1bb17171d313d370fa0946e0a74500f472/Minus_9.jpg" data-mid="52132314" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/5035a5eec1eaf2706cdc625eee967d1bb17171d313d370fa0946e0a74500f472/Minus_9.jpg" /> User Interface Design <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/a64036f79b0ed2cca01ec58c750a65c5452c248592c4bbba5f57313c52b83042/Minus_10.jpg" data-mid="52132494" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/a64036f79b0ed2cca01ec58c750a65c5452c248592c4bbba5f57313c52b83042/Minus_10.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/3cce39b2bc14dd74b8e893a79486183184c4b743ad907def3664b0e0994c8c1a/Minus_11.jpg" data-mid="52132495" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/3cce39b2bc14dd74b8e893a79486183184c4b743ad907def3664b0e0994c8c1a/Minus_11.jpg" /> Traffic acquisition Problem: High drop-offs rate in product listing page Reason1: Loading speed &nbsp;<img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/2c4a06aba973e170ab920841cb2aa7932a86de09c204619545ccbd1c930eac3d/Minus_12.jpg" data-mid="52132496" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/2c4a06aba973e170ab920841cb2aa7932a86de09c204619545ccbd1c930eac3d/Minus_12.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/8e65f9fe1ef4b07a8adb4681d98fdaa8543348a0d50bf470c57a339432b9905a/Minus_13.jpg" data-mid="52132497" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/8e65f9fe1ef4b07a8adb4681d98fdaa8543348a0d50bf470c57a339432b9905a/Minus_13.jpg" /> How to make a better browsing experience within 2 nteraction? Solution: Hover Menu <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/e70d0107954e695eeae8384d1a0ceccf1687cf98660c4970ebab5a202d35e09d/Minus_14.jpg" data-mid="52132498" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/e70d0107954e695eeae8384d1a0ceccf1687cf98660c4970ebab5a202d35e09d/Minus_14.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/51f2d2aaa841f99c5ed420b1c2292920b6d7e29a2b74d47c0930c0f903ebe571/Minus_15.jpg" data-mid="52132499" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/51f2d2aaa841f99c5ed420b1c2292920b6d7e29a2b74d47c0930c0f903ebe571/Minus_15.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/06bd54dd39427f0eb7840b73f77a8ea66721b1627203df8893039afdded3e8b1/Minus_16.jpg" data-mid="52132500" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/06bd54dd39427f0eb7840b73f77a8ea66721b1627203df8893039afdded3e8b1/Minus_16.jpg" /> Product details page - normal <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/20e284e978bf1fe31e859d8ee9b6c537d62a5f3083e8d0de3e3a88ac74517ff7/Minus_17.jpg" data-mid="52132644" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/20e284e978bf1fe31e859d8ee9b6c537d62a5f3083e8d0de3e3a88ac74517ff7/Minus_17.jpg" /> Product details page - After click add to bag button, the checkout drawer will slide in. <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/4b9e4850c7fe1b2850264c46caa98de326bfcae699f2ca2c195155137f1dee33/Minus_18.jpg" data-mid="52132645" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/4b9e4850c7fe1b2850264c46caa98de326bfcae699f2ca2c195155137f1dee33/Minus_18.jpg" /> Product details page - Special offer<img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/73d35638b37bc31ab15f08eb41bf691aef2f7cd79ec7f9bd663809678b929bbc/Minus_19.jpg" data-mid="52132646" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/73d35638b37bc31ab15f08eb41bf691aef2f7cd79ec7f9bd663809678b929bbc/Minus_19.jpg" /> After click “ADD TO BAG” button will auto scroll down to this session. Cart icon will update but no side drawer.<img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/3683bdb1d7b75fe79e4b38a86122b5d3f37d40891006ee7af9b9a5c1c65e59b6/Minus_20.jpg" data-mid="52132647" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/3683bdb1d7b75fe79e4b38a86122b5d3f37d40891006ee7af9b9a5c1c65e59b6/Minus_20.jpg" /> A/B Testing From the previous finding, our customers will directly get into the product details page from social media advertising, so I did a multivariate testing onetime page to increase the order amount. As you can see from the click heat map result, the redesigned product page has reached the customer’s needs. This session of the customer needs: See the option with price Add to cart <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/5fca960a8c7d6ef4bafc0f00e6fff079d2dae3a13c4d8d94a902e86ac8cb64c4/Minus_21.jpg" data-mid="52132648" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/5fca960a8c7d6ef4bafc0f00e6fff079d2dae3a13c4d8d94a902e86ac8cb64c4/Minus_21.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/2dfe3ef42a807139379ce9a8ea116329c0f9086af88314a6f61a56d8e7619f88/Minus_22.jpg" data-mid="52132649" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/2dfe3ef42a807139379ce9a8ea116329c0f9086af88314a6f61a56d8e7619f88/Minus_22.jpg" /> Revise page content Home page have very high traffic but at the same time, contain with quite a number of bounce rate, because the home page did not have hints to guider user to fo further. So I created seasonal tittle and sorted the product in home page to reduce the bounce rate. <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/93033ef86a499c38595aaef069f87147db77a84d6939e48e05845bd45ddfb4c9/Minus_23.jpg" data-mid="52132650" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/93033ef86a499c38595aaef069f87147db77a84d6939e48e05845bd45ddfb4c9/Minus_23.jpg" /> <img width="2835" height="1417" width_o="2835" height_o="1417" data-src="https://freight.cargo.site/t/original/i/2a8d24e4882a852af47f578d11e458c4b7a45036425808e43775cd6f2de040c3/Minus_24.jpg" data-mid="52132651" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/2a8d24e4882a852af47f578d11e458c4b7a45036425808e43775cd6f2de040c3/Minus_24.jpg" /> Result• Increased over 200% of transactions value, 28% items add to cart, &nbsp; &nbsp; 18% average order value after revamped the E-commerce Design.• Saved over 30% time of warehouse daily process.• Saved over 20% time of spa store operation. Eg: Create booking, &nbsp; &nbsp; &nbsp; &nbsp; edit booking, add treatment value. https://moonhung.work/UX-UI-Eslite Sat, 05 Oct 2019 08:59:44 +0000 moon https://moonhung.work/UX-UI-Eslite Industrial ····· Bookstore (Application)Published ······ 2018Contributions ·· UX Strategy &amp; UI Design (Project lead)Task ··········· Define the user pain point from physical store and design new solution though moblie application. Eslite® 誠品 http://shorturl.at/ciIP3 Eslite Bookstore is one of the largest retail bookstore chains across Taiwan, Hong Kong, Japan and China. It also provides one of the largest English language publications and translation materials. It’s headquarters are in Taipei. <img width="10667" height="6000" width_o="10667" height_o="6000" data-src="https://freight.cargo.site/t/original/i/70ee1f3303a5de7ace4dba8ffb0a980f7fc1c82de0c34fcf783757f3b18599e9/Moonhung_UX_portfolio_online-03_notext.jpg" data-mid="52516196" border="0" src="https://freight.cargo.site/w/1000/i/70ee1f3303a5de7ace4dba8ffb0a980f7fc1c82de0c34fcf783757f3b18599e9/Moonhung_UX_portfolio_online-03_notext.jpg" /> Contributions Implement UX framework into Mtel. From business requirements, define use cases, user flow diagram &amp; information architecture, analyze competitors, UX/UI trends, wireframes &amp; sketches and mockup. <img width="10667" height="6000" width_o="10667" height_o="6000" data-src="https://freight.cargo.site/t/original/i/c9f3d166fc1ec5bba74cd10e31ad340e57fd39626ee161e6b5bb6eb0f31746e2/Moonhung_UX_portfolio_online-04.jpg" data-mid="52515939" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/c9f3d166fc1ec5bba74cd10e31ad340e57fd39626ee161e6b5bb6eb0f31746e2/Moonhung_UX_portfolio_online-04.jpg" /><img width="10667" height="6000" width_o="10667" height_o="6000" data-src="https://freight.cargo.site/t/original/i/c433bccd6cff5039fb9b699da0fe2f14bc9b45b26d2956dfbf531878d4becd3f/Moonhung_UX_portfolio_online-05.jpg" data-mid="52515940" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/c433bccd6cff5039fb9b699da0fe2f14bc9b45b26d2956dfbf531878d4becd3f/Moonhung_UX_portfolio_online-05.jpg" /><img width="10667" height="6000" width_o="10667" height_o="6000" data-src="https://freight.cargo.site/t/original/i/99472af08a4caefd19e59701456c275e4e4cc017c56a23c23356fcca934661e6/Moonhung_UX_portfolio_online-06.jpg" data-mid="52515941" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/99472af08a4caefd19e59701456c275e4e4cc017c56a23c23356fcca934661e6/Moonhung_UX_portfolio_online-06.jpg" /><img width="10667" height="6000" width_o="10667" height_o="6000" data-src="https://freight.cargo.site/t/original/i/20578d4db3eeaa0bdb3b8316443e05656e01f13a546f83eec04bffbf17e63f11/Moonhung_UX_portfolio_online-07.jpg" data-mid="52515942" border="0" src="https://freight.cargo.site/w/1000/i/20578d4db3eeaa0bdb3b8316443e05656e01f13a546f83eec04bffbf17e63f11/Moonhung_UX_portfolio_online-07.jpg" /> User Research Conducted user research to find out more about customers needs.&nbsp; For instance, observe and spoke to customers at the store. Though this design to increase sales and inprove membership sign-up process for Eslite. Questions: What brings you here? How long will you stay? What will you do in Eslite? Anythings you feel interested in Eslite? Which part you think can be improve from Eslite? <img width="10667" height="6000" width_o="10667" height_o="6000" data-src="https://freight.cargo.site/t/original/i/4da223c4d4994abe59c4291529ed596c987e37b7805f60fb8f03319369a33cba/Moonhung_UX_portfolio_online-10.jpg" data-mid="52516360" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/4da223c4d4994abe59c4291529ed596c987e37b7805f60fb8f03319369a33cba/Moonhung_UX_portfolio_online-10.jpg" /><img width="10667" height="6000" width_o="10667" height_o="6000" data-src="https://freight.cargo.site/t/original/i/0a2d4ccfa66dd94ecf7a995abaf68bd28be87e5150111141f0b0ace286d358f2/Moonhung_UX_portfolio_online-11.jpg" data-mid="52516477" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/0a2d4ccfa66dd94ecf7a995abaf68bd28be87e5150111141f0b0ace286d358f2/Moonhung_UX_portfolio_online-11.jpg" /><img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/374298036921a20a3ec49f9c8b27195785ecb18cde58af9b72e1902bc3b90cfd/Eslite_12.jpg" data-mid="52516554" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/374298036921a20a3ec49f9c8b27195785ecb18cde58af9b72e1902bc3b90cfd/Eslite_12.jpg" /> Opportinities As the physical bookstore is the strength for Eslite, this can be done by providing value-added services that complement their offline experience For instance: We can provide customised book recommendations and book previews. The membership sign-up process can also be simplified in the application. Reserve book servicePublic reading listScan physical book to applicationCreate search behavior 1. Reserve book service <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/64f4aff7e30bf04f9a38859eb22e65b7291665993aca2f3afe4310d8e364ed03/Eslite_16.jpg" data-mid="52517130" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/64f4aff7e30bf04f9a38859eb22e65b7291665993aca2f3afe4310d8e364ed03/Eslite_16.jpg" /> 2. Scan physical book to application <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/7552caf9c55889aa9abc4ca659ccf47f2fab4986303dfe02b64d875d25f5a9f0/Eslite_17.jpg" data-mid="52517131" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/7552caf9c55889aa9abc4ca659ccf47f2fab4986303dfe02b64d875d25f5a9f0/Eslite_17.jpg" /> 3. Public reading list <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/0dec327112351f815ab0f5bafb056dd7e19b9ffa548bde13b3691dc33578fcf5/Eslite_18.jpg" data-mid="52517132" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/0dec327112351f815ab0f5bafb056dd7e19b9ffa548bde13b3691dc33578fcf5/Eslite_18.jpg" /> 4. Create search behavior <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/049074bca4df930dd335a7fd6a3a3bb5a853bcdb4a2387d254687d0268762ef2/Eslite_19.jpg" data-mid="52517133" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/049074bca4df930dd335a7fd6a3a3bb5a853bcdb4a2387d254687d0268762ef2/Eslite_19.jpg" /> Final Product <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/b1311fd6fde528210b5716b72b235786b07cde345559c8127cea2fe36a998118/Eslite_20.jpg" data-mid="52517134" border="0" data-scale="70" src="https://freight.cargo.site/w/1000/i/b1311fd6fde528210b5716b72b235786b07cde345559c8127cea2fe36a998118/Eslite_20.jpg" /> https://moonhung.work/UX-UI-UNDONE-0-to-1 Sat, 05 Oct 2019 08:59:44 +0000 moon https://moonhung.work/UX-UI-UNDONE-0-to-1 Industrial ····· Watches (e-commerce)Published ······ 2019Contributions ·· UX Strategy &amp; UI LEAD Task ··········· Conduct product strategy for revamping E-commerce website and provide&nbsp;art direction for whole brand UNDONE®&nbsp; https://www.undone.com/ ObjectiveCreate an overview of the watch market (US Focus) across Luxury, Fashion and Affordable categories to define positioning for Undone.&nbsp;Determine current and emerging trends in and out of category to inform our brand &amp; launch strategy. Interview consumers and experts to determine what our target market desires from an emerging brand. 4. Create an frictionless experiences and visual trend for new target segment. <img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/b66d951fcdf428b9d1aa85b37fbe394a85a8e504d2086a5fbc8609bb2dafb3a9/_MG_0879_noise-2-2-copy.jpg" data-mid="53310605" border="0" src="https://freight.cargo.site/w/1000/i/b66d951fcdf428b9d1aa85b37fbe394a85a8e504d2086a5fbc8609bb2dafb3a9/_MG_0879_noise-2-2-copy.jpg" /> Methods User interviews, contextual inquiry, Affinity mapping, User flow, Experience mapping, Prototyping, wireframes, Usability testing,&nbsp;data analysis. Redefined Luxury Shifts in consumer behavior have resulted in a new outlook on luxury shopping. Younger demographics are now considering product scarcity, personalization, and holistic brand experiences when engaging with luxury brands. Simply put, a high price point is no longer the defining factor of luxury for Millennial and Gen Z consumers. <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/d00ad312298229ca23cd2067b3e688af3268b73a813570668e818b34cc89a7ae/undone.jpg" data-mid="53311915" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/d00ad312298229ca23cd2067b3e688af3268b73a813570668e818b34cc89a7ae/undone.jpg" /> Interview: “The younger generation of watch buyers are not on the market for “old school luxury.” Instead, affluent Millennials seek simplicity, personalization and transparency when choosing their luxury timepiece.” “High-end watches are focusing on developing digital sales via marketing channels. Vintage-inspired designs and online collaborations with influencers and bloggers are particularly important. ” A well-designed watch on the wrist evokes images of worldly travelers in crowded train stations, journalists working to beat an important deadline, and motivated graduates eagerly pursuing new careers. Time as an integral part of a passion, rather than an obligation. The watch reminds us of a nostalgic determination and a feeling of connection to a time when the world moved, but not too fast, and in one direction: forward.” -Mondaine <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/da2e9c563b490ff5155b9b04a8ae54742d9fde72dfc4353dbb13214150a76d13/undone-copy.jpg" data-mid="53311923" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/da2e9c563b490ff5155b9b04a8ae54742d9fde72dfc4353dbb13214150a76d13/undone-copy.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/2fa6cddb4d48fadaced4ec9645ccb7d782da99203ee30bd8190599da3bf184f7/undone-copy-2.jpg" data-mid="53311925" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/2fa6cddb4d48fadaced4ec9645ccb7d782da99203ee30bd8190599da3bf184f7/undone-copy-2.jpg" /> Customization: “In the ego-tech era, shared signs are less important than signaling and/or optimizing ‘me’, A luxury brand should effectively be a diagnostic tool to tell me what’s great about me.” 86% value customization (Forbes, 2018) 71% willing to pay a premium (Deloitte, 2015) <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/ad5e8810d9262be25cc21e23749c8cf705c297e4d98ec2a85c2a62e4f3e6fce9/undone-copy-3.jpg" data-mid="53311926" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/ad5e8810d9262be25cc21e23749c8cf705c297e4d98ec2a85c2a62e4f3e6fce9/undone-copy-3.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/7379b6d63394db9caf4f9343225527dbc74eabed022151306eab22c1cd1b2368/undone-copy-4.jpg" data-mid="53311927" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/7379b6d63394db9caf4f9343225527dbc74eabed022151306eab22c1cd1b2368/undone-copy-4.jpg" /> Shifting Demographics From: A market shift in digital vs analog watches is changing&nbsp; core demographics for each To: Play into Gen Y + Z’s willingness to go analog, offer an opportunity to use 1 less screen. Foster a sense of nostalgia in young consumers, redirect their focus.&nbsp; <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/4baaef93edceda132322955b138f90eb34549127c0f6b762bceeb44b18cb831a/undone-copy-5.jpg" data-mid="53311928" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/4baaef93edceda132322955b138f90eb34549127c0f6b762bceeb44b18cb831a/undone-copy-5.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/c77c550dfd2572e793896ff05880073006210e01f45b8be2449c1d18d8557347/undone-copy-6.jpg" data-mid="53311929" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/c77c550dfd2572e793896ff05880073006210e01f45b8be2449c1d18d8557347/undone-copy-6.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/1428422710f75dbcdb629fe7029b5435f95a0d7585d98bb3f188aea2e03a29ec/undone-copy-7.jpg" data-mid="53311930" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/1428422710f75dbcdb629fe7029b5435f95a0d7585d98bb3f188aea2e03a29ec/undone-copy-7.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/b6d4c8a50158d64292d66f388bf2a49328e0e074a9d9009c05e575b6d49c01c6/undone-copy-8.jpg" data-mid="53311931" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/b6d4c8a50158d64292d66f388bf2a49328e0e074a9d9009c05e575b6d49c01c6/undone-copy-8.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/000059ba22802abf191064aafb4900105516557ddaaceb1e546e0792953e1ec6/undone-copy-9.jpg" data-mid="53311932" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/000059ba22802abf191064aafb4900105516557ddaaceb1e546e0792953e1ec6/undone-copy-9.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/c2d09261b3c5e47ded284bc748e7ebede869bb603823d42ff24a981b7f942be9/undone-copy-30.jpg" data-mid="53778163" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/c2d09261b3c5e47ded284bc748e7ebede869bb603823d42ff24a981b7f942be9/undone-copy-30.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/12d9b773786e86b2cfa024c6d67202be6297f4858ce188923d8ffff765f1d531/undone-copy-31.jpg" data-mid="53778164" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/12d9b773786e86b2cfa024c6d67202be6297f4858ce188923d8ffff765f1d531/undone-copy-31.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/239cc3f21707996ea46cfbeffea5bb551065aa0e1630ff4a61bdbcb524ecaea9/undone-copy-35.jpg" data-mid="53778168" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/239cc3f21707996ea46cfbeffea5bb551065aa0e1630ff4a61bdbcb524ecaea9/undone-copy-35.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/0f57e045bb2fb2fb1b50fd77388705cefb92d01644bd5b9f1570dc3062a1e5c2/undone-copy-19.jpg" data-mid="53778152" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/0f57e045bb2fb2fb1b50fd77388705cefb92d01644bd5b9f1570dc3062a1e5c2/undone-copy-19.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/eebe7b1ec03a259765cd229e0f0319e367483aaec3823d8141c0d9a9ac855c4b/undone-copy-14.jpg" data-mid="53778147" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/eebe7b1ec03a259765cd229e0f0319e367483aaec3823d8141c0d9a9ac855c4b/undone-copy-14.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/40c3f6ce647c4d6669b7f3456aba1c26043d4a8f2b79b6db34a8082048887812/undone-copy-16.jpg" data-mid="53778149" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/40c3f6ce647c4d6669b7f3456aba1c26043d4a8f2b79b6db34a8082048887812/undone-copy-16.jpg" /> AS-IS problem Customizer <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/6eb78a8bd16de9d87b997451565259f1fcb698e19b08baa2fbaaa0e33267a00e/undone-copy-17.jpg" data-mid="53778150" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/6eb78a8bd16de9d87b997451565259f1fcb698e19b08baa2fbaaa0e33267a00e/undone-copy-17.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/16b4ee91b5d9e0471a34936c86dd4e0ff8ac09398a9c87dc4bbc7dbf24d8222f/undone-copy-18.jpg" data-mid="53778151" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/16b4ee91b5d9e0471a34936c86dd4e0ff8ac09398a9c87dc4bbc7dbf24d8222f/undone-copy-18.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/f85690eca4d5aec6c373e53f13c607ed7b3d14a5162fb9b7e2e714700200ffda/undone-copy-13.jpg" data-mid="53778146" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/f85690eca4d5aec6c373e53f13c607ed7b3d14a5162fb9b7e2e714700200ffda/undone-copy-13.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/66c0abf664b6968aa5e0805bf8da3906584604e0fa78465e35a96ea13eddaf06/undone-copy-20.jpg" data-mid="53778153" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/66c0abf664b6968aa5e0805bf8da3906584604e0fa78465e35a96ea13eddaf06/undone-copy-20.jpg" /> BEFORE &amp; AFTER <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/329e8a23f25a2612204856d6df343ff6b9da42c7e1d4ee52f90f667c30014b38/undone-copy-15.jpg" data-mid="53778148" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/329e8a23f25a2612204856d6df343ff6b9da42c7e1d4ee52f90f667c30014b38/undone-copy-15.jpg" /> AS-IS problem Cart &amp; checkout flow <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/477ba0eaf405b16feedbf470531e44b9a352a090c725c97c9e247ce888da4a85/undone-copy-28.jpg" data-mid="53778161" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/477ba0eaf405b16feedbf470531e44b9a352a090c725c97c9e247ce888da4a85/undone-copy-28.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/9e2f72ecd7c28342d414ea0cf16627e83f88a4afd799c23689ae1b3316ca2f60/undone-copy-32.jpg" data-mid="53778165" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/9e2f72ecd7c28342d414ea0cf16627e83f88a4afd799c23689ae1b3316ca2f60/undone-copy-32.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/ef33f6849bca5c3295d30357d97b086d4849427d90ed7e144c6a5a3fca00d15c/undone-copy-33.jpg" data-mid="53778166" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/ef33f6849bca5c3295d30357d97b086d4849427d90ed7e144c6a5a3fca00d15c/undone-copy-33.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/45cfa2dbe99432b659a01716ee504b61cbbd54205154da75e3fabb81e28be38a/undone-copy-34.jpg" data-mid="53778167" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/45cfa2dbe99432b659a01716ee504b61cbbd54205154da75e3fabb81e28be38a/undone-copy-34.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/6aad59c3638102bb1210eafb2d50bb9d90c39153066af0d96532bbdf20c02482/undone-copy-27.jpg" data-mid="53778160" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/6aad59c3638102bb1210eafb2d50bb9d90c39153066af0d96532bbdf20c02482/undone-copy-27.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/20b45f54aae248b2fd523340449ebe318251c38f2d7f9f8d0aef2b262e5398d4/undone-copy-29.jpg" data-mid="53778162" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/20b45f54aae248b2fd523340449ebe318251c38f2d7f9f8d0aef2b262e5398d4/undone-copy-29.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/3c6113e8c3ab5c627e029184711c4bfdf7005d363b92d75e5f583996e0ef3c2c/undone-copy-38.jpg" data-mid="53778171" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/3c6113e8c3ab5c627e029184711c4bfdf7005d363b92d75e5f583996e0ef3c2c/undone-copy-38.jpg" /> <img width="3054" height="1527" width_o="3054" height_o="1527" data-src="https://freight.cargo.site/t/original/i/5af117f493cc93609ce4a84d08f2e65a291cb9b0b15a72ffb4a9c43093f50c5e/undone-copy-37.jpg" data-mid="53778170" border="0" data-scale="85" src="https://freight.cargo.site/w/1000/i/5af117f493cc93609ce4a84d08f2e65a291cb9b0b15a72ffb4a9c43093f50c5e/undone-copy-37.jpg" /> <img width="1920" height="1020" width_o="1920" height_o="1020" data-src="https://freight.cargo.site/t/original/i/1b33e684c2dc5a4a2cf262ddca16cd908385596c2fe02a36da8c799400ab3b96/D_checkoutflow_inputfield.jpg" data-mid="53885463" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/1b33e684c2dc5a4a2cf262ddca16cd908385596c2fe02a36da8c799400ab3b96/D_checkoutflow_inputfield.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/486a7a55eb100678111906423a169f4a38a34b8fedae0805c42b9cac64e35acd/D_checkoutflow-2-30.jpg" data-mid="53872208" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/486a7a55eb100678111906423a169f4a38a34b8fedae0805c42b9cac64e35acd/D_checkoutflow-2-30.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/cfa434b06b8e481f64e656b342f1fec0bcfa7a1f6bebbb81915db79914944c1e/D_checkoutflow-2-17.jpg" data-mid="53872139" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/cfa434b06b8e481f64e656b342f1fec0bcfa7a1f6bebbb81915db79914944c1e/D_checkoutflow-2-17.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/a2b9012d1a6a9883fdb50b33875c4fd368aee74e891340c948e8926898323a50/D_checkoutflow-2-16.jpg" data-mid="53872138" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/a2b9012d1a6a9883fdb50b33875c4fd368aee74e891340c948e8926898323a50/D_checkoutflow-2-16.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/0a289b9d2a469d80b00ba351c3f0bd5693e3d72fb889e0c99cc8ebc2ca23fac8/D_checkoutflow-2-18.jpg" data-mid="53872202" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/0a289b9d2a469d80b00ba351c3f0bd5693e3d72fb889e0c99cc8ebc2ca23fac8/D_checkoutflow-2-18.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/7bb21f624dc7fb9e3681b0fd99887a67d9adbc1c876bd59b6379df441f9939e3/D_checkoutflow-2-20.jpg" data-mid="53872204" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/7bb21f624dc7fb9e3681b0fd99887a67d9adbc1c876bd59b6379df441f9939e3/D_checkoutflow-2-20.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/f9503ec851de3cda6e09bdbba0a98f309ba0649b0e91df7fa38b65bfee3ef657/D_checkoutflow-2-21.jpg" data-mid="53886733" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/f9503ec851de3cda6e09bdbba0a98f309ba0649b0e91df7fa38b65bfee3ef657/D_checkoutflow-2-21.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/17903c2573eb85859c776d5d72450f60d3f1d8b5b636d2a1e84fc616689050f4/D_checkoutflow-2-22.jpg" data-mid="53872205" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/17903c2573eb85859c776d5d72450f60d3f1d8b5b636d2a1e84fc616689050f4/D_checkoutflow-2-22.jpg" /> <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/fece102d054392ceb9c76336b570004b54b864632b3b7dda3147e7ad51a92b84/D_checkoutflow-2-31.jpg" data-mid="53872209" border="0" data-scale="75" src="https://freight.cargo.site/w/1000/i/fece102d054392ceb9c76336b570004b54b864632b3b7dda3147e7ad51a92b84/D_checkoutflow-2-31.jpg" /> https://moonhung.work/UX-UNDONE-optimize Thu, 28 Nov 2019 09:56:48 +0000 moon https://moonhung.work/UX-UNDONE-optimize Industrial ····· Customize Watch (e-commerce)Published ······ 2019Contributions ·· UX Strategy &amp; UI LEAD Task ··········· Conduct product strategy for revamping E-commerce website and provide&nbsp;art direction for whole brand UNDONE®&nbsp; ObjectiveAnalyzing the existing design Analyzing live action and heat map from live userSolved the problem of a massive drop in checkout flow --- Methods User interviews, contextual inquiry, User flow, Experience mapping, Prototyping, wireframes, Usability testing, data analysis. Questionnaire Since we don’t have enough time to do user test before launch, that why this project will put it live then track the result though different method and tools. This questionnaire&nbsp; was added to “exit popup with extra discount in collection landing / product details page / product in cart / checkout flow”, which means they usually browsed the basic flow from home page to product details page even checkout. The purpose of this survey was collecting the overall problems that they feel friction in the website. 1. Let's get acquainted. I'm UNDONE. And you are? 2. Nice to meet you. So tell me, what's your overall impression of the site? 3. Can you describe your first impression of our website in three words? 4. What you like the most? 5. And what didn't you like? 6. Is our pricing clear to you? 7. What was the one thing that almost stopped you from buying? 8. Was it easy to customize your watch? 9. Would you like to tell us more about our new customizer? 10. How likely are you to return? 11. How did you hear about us? 12. Before you go, mind leaving your email address? <img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/cecdbba74632319f24f669be6254d2871ab15eb4e0807aa5c31c27699437e074/UX-amendment-after-launch-01.jpg" data-mid="55831716" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/cecdbba74632319f24f669be6254d2871ab15eb4e0807aa5c31c27699437e074/UX-amendment-after-launch-01.jpg" /> <img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/c2fd4f39ebf6ed9894b6297e7ad4a0a500ec4d15fad82530de5a5bab4bc54b7c/UX-amendment-after-launch-02.jpg" data-mid="55831717" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/c2fd4f39ebf6ed9894b6297e7ad4a0a500ec4d15fad82530de5a5bab4bc54b7c/UX-amendment-after-launch-02.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/148bd23885f71cdbf7d2c6b418f51ed308ebf1d980de3026936d80b357893e46/UX-amendment-after-launch-03.jpg" data-mid="55831719" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/148bd23885f71cdbf7d2c6b418f51ed308ebf1d980de3026936d80b357893e46/UX-amendment-after-launch-03.jpg" /> <img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/b8d468ee12dfb98b036ba3f22e36d221a1939e1b6d3df1c27f7ed8129ea7474d/UX-amendment-after-launch-04.jpg" data-mid="55831720" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/b8d468ee12dfb98b036ba3f22e36d221a1939e1b6d3df1c27f7ed8129ea7474d/UX-amendment-after-launch-04.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/011cc2dc1832002a7457c81e6de3ced24fd9fcdc9b567e02f332f1597d810a4e/UX-amendment-after-launch-06.jpg" data-mid="55832113" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/011cc2dc1832002a7457c81e6de3ced24fd9fcdc9b567e02f332f1597d810a4e/UX-amendment-after-launch-06.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/93f707fa0097b44fe283fb3c7a77c701c15c99d8edcd9a68eafce10120a3f7fb/UX-amendment-after-launch-07.jpg" data-mid="55832114" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/93f707fa0097b44fe283fb3c7a77c701c15c99d8edcd9a68eafce10120a3f7fb/UX-amendment-after-launch-07.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/e37184916ce9713b327d5ecd2cac95dd9b8aba0eb5b0c51e6c874cbbe45d8574/UX-amendment-after-launch-08.jpg" data-mid="55832115" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/e37184916ce9713b327d5ecd2cac95dd9b8aba0eb5b0c51e6c874cbbe45d8574/UX-amendment-after-launch-08.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/19e650d7f271056b7e05d70fcbe8f2950cfd278873927a645a16cb46d1ac5840/UX-amendment-after-launch-09.jpg" data-mid="55832116" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/19e650d7f271056b7e05d70fcbe8f2950cfd278873927a645a16cb46d1ac5840/UX-amendment-after-launch-09.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/148bd23885f71cdbf7d2c6b418f51ed308ebf1d980de3026936d80b357893e46/UX-amendment-after-launch-03.jpg" data-mid="55831719" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/148bd23885f71cdbf7d2c6b418f51ed308ebf1d980de3026936d80b357893e46/UX-amendment-after-launch-03.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/55988a2c17309ad10a8b7428f96750bf575c3605537029fe540c023ef4d86098/UX-amendment-after-launch-12.jpg" data-mid="55832194" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/55988a2c17309ad10a8b7428f96750bf575c3605537029fe540c023ef4d86098/UX-amendment-after-launch-12.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/7f14ef18ff673662c7036733a79d90c83cf4e6d51eb3540f47c787519fa28353/UX-amendment-after-launch-13.jpg" data-mid="55832195" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/7f14ef18ff673662c7036733a79d90c83cf4e6d51eb3540f47c787519fa28353/UX-amendment-after-launch-13.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/0425d120eaaa892735f6e526f6810c12b27d2eb774e98c52ea77cc2df9617379/UX-amendment-after-launch-14.jpg" data-mid="55832196" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/0425d120eaaa892735f6e526f6810c12b27d2eb774e98c52ea77cc2df9617379/UX-amendment-after-launch-14.jpg" /> SMARTLOOK:&nbsp; is a live recording tools on websites to tracking every event in a video way. With features that allow me to filtering by different behavior like people who visited a specific URL, came from a certain city or on a device. Moreover were using heat map, event statistics &amp; event breakdown to get the view from macro to micro. <img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/41718c5d73145343a7cfe23698ac107f6dce1365a6cb368f598d6a80260a911b/UX-amendment-after-launch-15.jpg" data-mid="55832197" border="0" src="https://freight.cargo.site/w/1000/i/41718c5d73145343a7cfe23698ac107f6dce1365a6cb368f598d6a80260a911b/UX-amendment-after-launch-15.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/220a893c26250043d8eb71ff06b5cd970fa0f48c55b0e3c3f0a3857f78507ae0/UX-amendment-after-launch-16.jpg" data-mid="55832198" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/220a893c26250043d8eb71ff06b5cd970fa0f48c55b0e3c3f0a3857f78507ae0/UX-amendment-after-launch-16.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/61168955e8824656f0f3d35652d1e7cea86d0b63606ec9ea0a91b5f1dd9a48b9/UX-amendment-after-launch-18.jpg" data-mid="55832212" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/61168955e8824656f0f3d35652d1e7cea86d0b63606ec9ea0a91b5f1dd9a48b9/UX-amendment-after-launch-18.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/c442c757656a7d95379f544cad011abb80a9d0833fab5447050b888a06a594a1/UX-amendment-after-launch-19.jpg" data-mid="55832213" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/c442c757656a7d95379f544cad011abb80a9d0833fab5447050b888a06a594a1/UX-amendment-after-launch-19.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/f2c11653c00ad5eec30163f5181e3661b3f2c70df653d89ad222ee9b3c9b3613/UX-amendment-after-launch-20.jpg" data-mid="55832214" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/f2c11653c00ad5eec30163f5181e3661b3f2c70df653d89ad222ee9b3c9b3613/UX-amendment-after-launch-20.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/743afc5ae5e0faa8cde9b994710943fa7b871607790d3af04b11733e33273808/UX-amendment-after-launch-21.jpg" data-mid="55832215" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/743afc5ae5e0faa8cde9b994710943fa7b871607790d3af04b11733e33273808/UX-amendment-after-launch-21.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/55ba6f140adc3efa12ba2ac8c5addfdc436b4e1651c9242dc25ec409e80661cd/UX-amendment-after-launch-22.jpg" data-mid="55832219" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/55ba6f140adc3efa12ba2ac8c5addfdc436b4e1651c9242dc25ec409e80661cd/UX-amendment-after-launch-22.jpg" /><img width="3054" height="1622" width_o="3054" height_o="1622" data-src="https://freight.cargo.site/t/original/i/97cbdfb0431eb7b515f1a7e15d30b89ceba3be784ba35ea0f1ae861edfbef926/UX-amendment-after-launch-23.jpg" data-mid="55832225" border="0" data-scale="65" src="https://freight.cargo.site/w/1000/i/97cbdfb0431eb7b515f1a7e15d30b89ceba3be784ba35ea0f1ae861edfbef926/UX-amendment-after-launch-23.jpg" /> What’s next: This is just the first step after launch, still a lot to go. After all these problems, I need to&nbsp;prioritize the tasks to tech team. In the mean time, keep tracking different data from GA, Drip, Smartlook to&nbsp;implement the site. https://moonhung.work/UI-Snoopy-x-Apollo10 Sun, 08 Dec 2019 04:15:22 +0000 moon https://moonhung.work/UI-Snoopy-x-Apollo10 Industrial ····· Customize Watch (Campaign Page)Published ······ 2019Contributions ·· UX Strategy &amp; UI LEAD Task ··········· Research for background story and execute with story base UI UNDONE®&nbsp;Snoopy x Apollo10&nbsp; ObjectiveAlign the visual with videographer and designerCreate a set of asset to marketing team addoption Getting the approval from Snoopy side <img width="1440" height="815" width_o="1440" height_o="815" data-src="https://freight.cargo.site/t/original/i/820a78766876f7efc588f5f82d3e3ae73ce8e3381d7c966f625ba7a0f7d017c6/D_moonlanding_carousel01.jpg" data-mid="56216068" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/820a78766876f7efc588f5f82d3e3ae73ce8e3381d7c966f625ba7a0f7d017c6/D_moonlanding_carousel01.jpg" /> <img width="1440" height="815" width_o="1440" height_o="815" data-src="https://freight.cargo.site/t/original/i/6efcd6178402f3e43a64363b2278b9ee6ce9677dd2157a42dea780e56f3811da/D_moonlanding_carousel02.jpg" data-mid="56216069" border="0" src="https://freight.cargo.site/w/1000/i/6efcd6178402f3e43a64363b2278b9ee6ce9677dd2157a42dea780e56f3811da/D_moonlanding_carousel02.jpg" /> <img width="1440" height="815" width_o="1440" height_o="815" data-src="https://freight.cargo.site/t/original/i/b2fed5b76ff0ddbe9f82c12ddcb91a094a27aa7c15d243de286d1156a127ad81/D_moonlanding_carousel00.jpg" data-mid="56216497" border="0" src="https://freight.cargo.site/w/1000/i/b2fed5b76ff0ddbe9f82c12ddcb91a094a27aa7c15d243de286d1156a127ad81/D_moonlanding_carousel00.jpg" /> <img width="1437" height="9566" width_o="1437" height_o="9566" data-src="https://freight.cargo.site/t/original/i/f333b0b2adcca51d8c8f5a0e8cfdaf3c3d0fc3de2599d18358a8116c26ed582d/D_moonlanding-2.jpg" data-mid="56216267" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/f333b0b2adcca51d8c8f5a0e8cfdaf3c3d0fc3de2599d18358a8116c26ed582d/D_moonlanding-2.jpg" /> Result:&nbsp; Two limited edited total 600 watches had been sold out in 2 days. https://moonhung.work/UI-UNDONE-x-STARWARS Sun, 08 Dec 2019 15:35:51 +0000 moon https://moonhung.work/UI-UNDONE-x-STARWARS Industrial ····· Customize Watch (Campaign Page)Published ······ 2019Contributions ·· UX Strategy &amp; UI LEAD Task ··········· Research for background story and execute with story base UI UNDONE® x STAR WARS ObjectiveAlign the visual with videographer and designerCreate a set of asset to marketing team addoption Collaborate with Japan team to getting it approve from Disney Pre-Launch:<img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/50262ec4ee0e89c1ae4c7137c8b9cb9655f9b280daf66b37d566e6bbf74a2554/D_starwars_preluanch_v3.jpg" data-mid="56234042" border="0" src="https://freight.cargo.site/w/1000/i/50262ec4ee0e89c1ae4c7137c8b9cb9655f9b280daf66b37d566e6bbf74a2554/D_starwars_preluanch_v3.jpg" /> Trilogy 1: Star wars EP 1,2,3<img width="1440" height="10864" width_o="1440" height_o="10864" data-src="https://freight.cargo.site/t/original/i/e9f8b39528124ab44c002735a16f18431b97be339f1312e30e751c2c9a1baee4/D_starwars1_v1.jpg" data-mid="56234043" border="0" src="https://freight.cargo.site/w/1000/i/e9f8b39528124ab44c002735a16f18431b97be339f1312e30e751c2c9a1baee4/D_starwars1_v1.jpg" /> Trilogy 2: Star wars EP 4,5,6<img width="1440" height="10831" width_o="1440" height_o="10831" data-src="https://freight.cargo.site/t/original/i/956065b39bbc05319e46c1e5e1d9328a12e32b6b84ecb8fac7a87d687fdeeee6/D_starwars2_v1-copy.jpg" data-mid="56234233" border="0" src="https://freight.cargo.site/w/1000/i/956065b39bbc05319e46c1e5e1d9328a12e32b6b84ecb8fac7a87d687fdeeee6/D_starwars2_v1-copy.jpg" /> https://moonhung.work/UX-UI-Topasia-Awards Mon, 10 May 2021 15:59:27 +0000 moon https://moonhung.work/UX-UI-Topasia-Awards Industrial ····· Customize Watch (Campaign Page)Published ······ 2020Contributions ·· UX Strategy &amp; UI LEAD Task ··········· Research for background story and execute with story base UI UNDONE® x STAR WARS ObjectiveAlign the visual with videographer and designerCreate a set of asset to marketing team addoption Collaborate with overseas artist Desktop: <img width="851" height="10856" width_o="851" height_o="10856" data-src="https://freight.cargo.site/t/original/i/7f988a6bfebbf61f7cf6791cc21e200d10a197dba165ede6a1ca07ae505f3af3/D_topawards.jpg" data-mid="107982221" border="0" src="https://freight.cargo.site/w/851/i/7f988a6bfebbf61f7cf6791cc21e200d10a197dba165ede6a1ca07ae505f3af3/D_topawards.jpg" /> Mobile: <img width="584" height="32768" width_o="584" height_o="32768" data-src="https://freight.cargo.site/t/original/i/e66bc783ba5609b79eb77d8ddd2d01a77f1edab96e33ea351c7232f9f0dae010/M_topawards.jpg" data-mid="107982222" border="0" src="https://freight.cargo.site/w/584/i/e66bc783ba5609b79eb77d8ddd2d01a77f1edab96e33ea351c7232f9f0dae010/M_topawards.jpg" /> Mobile https://moonhung.work/UI-UNDONE-x-420 Mon, 10 May 2021 09:19:40 +0000 moon https://moonhung.work/UI-UNDONE-x-420 https://www.undone.com/en/landing/420 Industrial ····· Customize Watch (Campaign Page)Published ······ 2021Contributions ·· UX Strategy &amp; UI LEAD Task ··········· Research for background story and execute with story base UI UNDONE® x STAR WARS ObjectiveCreate the art direction &amp;&nbsp;execute all the assetAnimate some of the assetCreate a set of asset to marketing team addoption Desktop<img width="1440" height="7913" width_o="1440" height_o="7913" data-src="https://freight.cargo.site/t/original/i/776db681b3ab38d1664e56bc00a3bf6ad217773cbc42ea015f517dbbd399e815/D_420-1.jpg" data-mid="107938617" border="0" src="https://freight.cargo.site/w/1000/i/776db681b3ab38d1664e56bc00a3bf6ad217773cbc42ea015f517dbbd399e815/D_420-1.jpg" /> Mobile<img width="802" height="17688" width_o="802" height_o="17688" data-src="https://freight.cargo.site/t/original/i/bda693f83a7b9499395fe5e20f16c6aee86db2b9f27191d39670c3f99842f92c/M_420-1.jpg" data-mid="107938626" border="0" src="https://freight.cargo.site/w/802/i/bda693f83a7b9499395fe5e20f16c6aee86db2b9f27191d39670c3f99842f92c/M_420-1.jpg" /> https://moonhung.work/UI-UNDONE-World Mon, 09 Dec 2019 10:13:45 +0000 moon https://moonhung.work/UI-UNDONE-World Industrial ····· Customize Watch (Campaign Page)Published ······ 2019Contributions ·· UX Strategy &amp; UI LEAD Task ··········· Research for background story and execute with story base UI UNDONE WORLD Objective UNDONE wants to make connection with Millennials. My approach was to create a line to refresh the undone brand identity in a critical way, together with an innovative and bold launch campaign. The visual identity relied heavily on bold animated typography and color contrast, together with a refresh of the brand color scheme and photographic material. Pre-Launch page<img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/57ab214c90ba6ca690d237d5a54889a3f3c7d7369afe5276d518e6810698ae87/bak_D_undoneworld_prelaunch.jpg" data-mid="56554636" border="0" src="https://freight.cargo.site/w/1000/i/57ab214c90ba6ca690d237d5a54889a3f3c7d7369afe5276d518e6810698ae87/bak_D_undoneworld_prelaunch.jpg" /> <img width="1440" height="1585" width_o="1440" height_o="1585" data-src="https://freight.cargo.site/t/original/i/c628bba66ed78e97a90f7113061f4aacad6cb35e688d613ad87681eef4551360/undoneworld_p1.jpg" data-mid="56555751" border="0" src="https://freight.cargo.site/w/1000/i/c628bba66ed78e97a90f7113061f4aacad6cb35e688d613ad87681eef4551360/undoneworld_p1.jpg" /> <img width="1440" height="2791" width_o="1440" height_o="2791" data-src="https://freight.cargo.site/t/original/i/c816865ab6bbfebf71bc91cae6cb2036af08d7f4015aab0fcb137c5d78718060/undoneworld_p2.jpg" data-mid="56555752" border="0" src="https://freight.cargo.site/w/1000/i/c816865ab6bbfebf71bc91cae6cb2036af08d7f4015aab0fcb137c5d78718060/undoneworld_p2.jpg" /> <img width="1440" height="2498" width_o="1440" height_o="2498" data-src="https://freight.cargo.site/t/original/i/3ee3e3047b70566d0572a05981a64455790773a9bf3cdb1f0b9369ecaf0d29a0/undoneworld_p3.jpg" data-mid="56555753" border="0" src="https://freight.cargo.site/w/1000/i/3ee3e3047b70566d0572a05981a64455790773a9bf3cdb1f0b9369ecaf0d29a0/undoneworld_p3.jpg" /> <img width="1440" height="3003" width_o="1440" height_o="3003" data-src="https://freight.cargo.site/t/original/i/52e3a429ef726dd4f3e263cbbd360ffbcc43849318466f6337c0b4ba3e673044/undoneworld_p4.jpg" data-mid="56555754" border="0" src="https://freight.cargo.site/w/1000/i/52e3a429ef726dd4f3e263cbbd360ffbcc43849318466f6337c0b4ba3e673044/undoneworld_p4.jpg" /> <img width="1440" height="3322" width_o="1440" height_o="3322" data-src="https://freight.cargo.site/t/original/i/0de11955d7791aa902c6725a7c3f06b8c59dccfd9975315e6583b6ddf9645df5/undoneworld_p5.jpg" data-mid="56555755" border="0" src="https://freight.cargo.site/w/1000/i/0de11955d7791aa902c6725a7c3f06b8c59dccfd9975315e6583b6ddf9645df5/undoneworld_p5.jpg" /> https://moonhung.work/Homepage Sat, 05 Oct 2019 08:59:46 +0000 moon https://moonhung.work/Homepage MOONHUNGLEAN UX DESIGNER’S 9+ YEARS EXPERIENCE&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Full-cycle user-centered design process&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;9+ YEARS EXPERIENCE&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Full-cycle user-centered design process&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; FROM: [22.31944° 114.17778°]HK