http://minniechoi.com minniechoi Mon, 13 May 2013 23:20:24 +0000 http://minniechoi.com en http://www.minniechoi.com/m-esteelauder-com http://www.minniechoi.com/following/minniechoi.com/m-esteelauder-com Mon, 13 May 2013 23:20:24 +0000 minniechoi 5610035 <img src="http://payload165.cargocollective.com/1/6/198914/5610035/m1_800.jpg" width="800" height="720" width_o="1000" height_o="900" src_o="http://payload165.cargocollective.com/1/6/198914/5610035/m1_o.jpg" data-mid="30262048" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5610035/m2_800.jpg" width="800" height="720" width_o="1000" height_o="900" src_o="http://payload165.cargocollective.com/1/6/198914/5610035/m2_o.jpg" data-mid="30262049" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5610035/ux_800.jpg" width="800" height="825" width_o="1600" height_o="1650" src_o="http://payload165.cargocollective.com/1/6/198914/5610035/ux_o.jpg" data-mid="30262053" border="0" align="left"/> Challenge: In 2011, we had a short-term challenge to design the entire product catalog section of esteelauder.com into a mobile site. Out of more than 15 brands within the Estee Lauder Companies, we were one of the first brand to have a mobile site so there was very little reference or know-how available for both design & development. Solution: I designed and communicated to develop from start to finish, the esteelauder.com for mobile. Few of noteworthy features are large luscious product images to give the illusion of almost holding the product in hand and shade selectors on makeup product detail pages. To share all the learnings from trial and error during this process, I’ve written a mobile design guideline Google Doc to be shared by rest of the brands within the company. View Mobile Site » Challenge: In 2011, we had a short-term challenge to design the entire product catalog section of esteelauder.com into a mobile site. Out of more than 15 brands... http://www.minniechoi.com/Beauty-Advisor-App http://www.minniechoi.com/following/minniechoi.com/Beauty-Advisor-App Mon, 13 May 2013 23:17:25 +0000 minniechoi 5610021 <img src="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_01_800.jpg" width="700" height="534" width_o="700" height_o="534" src_o="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_01_o.jpg" data-mid="30261980" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_02_800.jpg" width="700" height="534" width_o="700" height_o="534" src_o="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_02_o.jpg" data-mid="30261982" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_03_800.jpg" width="700" height="534" width_o="700" height_o="534" src_o="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_03_o.jpg" data-mid="30261983" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_04_800.jpg" width="700" height="534" width_o="700" height_o="534" src_o="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_04_o.jpg" data-mid="30261985" border="0" align="left"/>User Flow: <img src="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_userflow_800.jpg" width="700" height="697" width_o="700" height_o="697" src_o="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_userflow_o.jpg" data-mid="30261989" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_ux_800.jpg" width="700" height="1077" width_o="700" height_o="1077" src_o="http://payload165.cargocollective.com/1/6/198914/5610021/myacct_ux_o.jpg" data-mid="30261993" border="0" align="left"/> Goal: To be able to access customer’s profile, preferences, and diagnosis information at any Estée Lauder counter in the world. Scenario: A Beauty Advisor (sales associates) at Macy’s in New York can offer a personalized shopping experience to a traveling Chinese customer despite the language barrier. Challenge: The Beauty Advisors’ tech-fluency variance, and future translation (which potentially lengthens 30~50% of English text) of the entire app had to be considered. Solution: A clear and intuitive interface with bold visuals. A simple flow starting from main menu as a hub, the profiles and sub pages are popover screens that users can easily close out of and return to the main menu. View Full PDF » User Flow: Goal: To be able to access customer’s profile, preferences, and diagnosis information at any Estée Lauder counter in the world. Scenario: A Beauty... http://www.minniechoi.com/Facelift-of-esteelauder-com http://www.minniechoi.com/following/minniechoi.com/Facelift-of-esteelauder-com Mon, 13 May 2013 23:13:52 +0000 minniechoi 5609985 <img src="http://payload165.cargocollective.com/1/6/198914/5609985/meetIxD_Page_53_800.jpg" width="800" height="600" width_o="1024" height_o="768" src_o="http://payload165.cargocollective.com/1/6/198914/5609985/meetIxD_Page_53_o.jpg" data-mid="30261848" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609985/02_800.jpg" width="800" height="1017" width_o="1024" height_o="1302" src_o="http://payload165.cargocollective.com/1/6/198914/5609985/02_o.jpg" data-mid="30261851" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609985/03_800.jpg" width="800" height="600" width_o="1024" height_o="768" src_o="http://payload165.cargocollective.com/1/6/198914/5609985/03_o.jpg" data-mid="30261856" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609985/before_800.jpg" width="683" height="900" width_o="683" height_o="900" src_o="http://payload165.cargocollective.com/1/6/198914/5609985/before_o.jpg" data-mid="30261883" border="0" align="left"/> Goal: To simplify and modernize existing interface (2011) with surprise and delight factors. Challenge: This project was an initiative and response to new creative director of Estée Lauder brand. He wanted esteelauder.com, the number one flagship store of Estée Lauder, to immediately reflect the modern direction that the brand is heading towards. There were much resistance initially from various stakeholders and development resources. Solutions: Through out the year 2012 and until present, every single page on the site has been scrutinized and redesigned to be simple, clean and delightful. (Some of which are still in development) We were able to proceed and achieve our goals through multiple stakeholder meetings, prototyping, and successful data from user testing & A/B testing. View Full PDF » View esteelauder.com » Goal: To simplify and modernize existing interface (2011) with surprise and delight factors. Challenge: This project was an initiative and response to new... http://www.minniechoi.com/Service-Design-for-the-Sick-Living-Alone http://www.minniechoi.com/following/minniechoi.com/Service-Design-for-the-Sick-Living-Alone Mon, 13 May 2013 23:06:31 +0000 minniechoi 5609940 <img src="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_07_800.jpg" width="800" height="600" width_o="2048" height_o="1536" src_o="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_07_o.jpg" data-mid="30261625" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_15_800.jpg" width="800" height="600" width_o="1024" height_o="768" src_o="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_15_o.jpg" data-mid="30261636" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_33_800.jpg" width="800" height="599" width_o="1167" height_o="875" src_o="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_33_o.jpg" data-mid="30261653" border="0" align="left"/>Research & Process: <img src="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_02_800.jpg" width="800" height="600" width_o="1508" height_o="1131" src_o="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_02_o.jpg" data-mid="30261670" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609940/_MG_0967.jpg" width="640" height="427" width_o="640" height_o="427" src_o="http://payload165.cargocollective.com/1/6/198914/5609940/_MG_0967_o.jpg" data-mid="30261679" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_05_800.jpg" width="800" height="600" width_o="1024" height_o="768" src_o="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_05_o.jpg" data-mid="30261695" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_09_800.jpg" width="800" height="600" width_o="1024" height_o="768" src_o="http://payload165.cargocollective.com/1/6/198914/5609940/meetIxD_Page_09_o.jpg" data-mid="30261699" border="0" align="left"/> Hypothesis: People face unique challenges with being sick when they live alone due to lack of a helping hand. Research Key Insight: Many people have close family and friends who live far away but still rely on them for reassurance, recommendations, and advice. Concept: Betterbox allows close friends and family living far away to take care of and stay up to date with their sick loved one by providing a platform to organize care packages based on the sick person’s current status. View Full PDF » Research & Process: Hypothesis: People face unique challenges with being sick when they live alone due to lack of a helping hand. Research Key Insight: Many... http://www.minniechoi.com/I-Art-Internet-MFA-IxD-Thesis http://www.minniechoi.com/following/minniechoi.com/I-Art-Internet-MFA-IxD-Thesis Mon, 13 May 2013 22:51:37 +0000 minniechoi 5609873 <img src="http://payload165.cargocollective.com/1/6/198914/5609873/thesiswebsite_800.jpg" width="800" height="533" width_o="960" height_o="640" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/thesiswebsite_o.jpg" data-mid="30261323" border="0" align="left"/>UI:<img src="http://payload165.cargocollective.com/1/6/198914/5609873/home_800.jpg" width="800" height="1424" width_o="1020" height_o="1816" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/home_o.jpg" data-mid="30261191" border="0" align="left"/>Prototype: <img src="http://payload165.cargocollective.com/1/6/198914/5609873/prototype1_800.jpg" width="800" height="815" width_o="1024" height_o="1044" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/prototype1_o.jpg" data-mid="30261210" border="0" align="left"/> Usage Cycle: <img src="http://payload165.cargocollective.com/1/6/198914/5609873/usagecycle_800.jpg" width="800" height="570" width_o="890" height_o="635" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/usagecycle_o.jpg" data-mid="30261213" border="0" align="left"/>Wireframes:<img src="http://payload165.cargocollective.com/1/6/198914/5609873/wireframe_minniechoi_800.jpg" width="800" height="414" width_o="1024" height_o="530" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/wireframe_minniechoi_o.jpg" data-mid="30261216" border="0" align="left"/>Initial Concept Sketch, Model & Lifecycle:<img src="http://payload165.cargocollective.com/1/6/198914/5609873/concept_sketch_800.jpg" width="800" height="937" width_o="1024" height_o="1200" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/concept_sketch_o.jpg" data-mid="30261400" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609873/conceptmodel_800.gif" width="800" height="600" width_o="1024" height_o="768" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/conceptmodel_o.gif" data-mid="30261431" border="0" align="left"/><img src="http://payload165.cargocollective.com/1/6/198914/5609873/Thesis_Matrix_013013_800.gif" width="800" height="619" width_o="845" height_o="654" src_o="http://payload165.cargocollective.com/1/6/198914/5609873/Thesis_Matrix_013013_o.gif" data-mid="30261466" border="0" align="left"/> Goal: To see more artists / makers / designers taking advantage of the power of internet. Problem: Despite the known benefits, it is quite hard to actually be on the powerful internet platforms such as Etsy, Kickstarter, etc. Because many creative people don’t necessarily have the required organizational skills, tech related knowledge or networks. Solution: There is a new emergent behavior of creatives assisting creatives especially among design and tech community because they realize with some small amount of help, these internet services can be used positively to change lives. Through iartinternet.com, these two groups - creatives in need of help and creatives who are willing to help - would be able to start a conversation. View Full Process Book » View Presentation Slides » UI:Prototype: Usage Cycle: Wireframes:Initial Concept Sketch, Model & Lifecycle: Goal: To see more artists / makers / designers taking advantage of the power of... http://www.minniechoi.com/SoundCloud http://www.minniechoi.com/following/minniechoi.com/SoundCloud Tue, 08 May 2012 23:45:43 +0000 minniechoi 3368603 This is an infographic video explaining how musicians can use SoundCloud to spread their music to their networks. Power of internet is nothing new, but I wish more musicians, designers and artists realize how easy it is to use internet and social media to their benefit in spreading their creations as well as reaching a massive audience. This is an infographic video explaining how musicians can use SoundCloud to spread their music to their networks. Power of internet is nothing new, but I wish... http://www.minniechoi.com/A-pig-a-bird-and-a-mailbox http://www.minniechoi.com/following/minniechoi.com/A-pig-a-bird-and-a-mailbox Tue, 08 May 2012 23:33:05 +0000 minniechoi 3368548 We have created a series of simple objects. When each are interacted with, they open up your everyday(hour) go-to websites. Our inspiration came from teaching internet to older people, that sometimes even opening up a web browser and typing in a correct address seemed daunting for them. We have created a series of simple objects. When each are interacted with, they open up your everyday(hour) go-to websites. Our inspiration came from teaching... http://www.minniechoi.com/s-n-p-shakers http://www.minniechoi.com/following/minniechoi.com/s-n-p-shakers Wed, 29 Feb 2012 00:14:39 +0000 minniechoi 2905399 <img src="http://payload30.cargocollective.com/1/6/198914/2905399/snp1.jpeg" width="370" height="280" width_o="370" height_o="280" src_o="http://payload30.cargocollective.com/1/6/198914/2905399/snp1_o.jpeg" data-mid="14778904" border="0" align="left"/><img src="http://payload30.cargocollective.com/1/6/198914/2905399/snp2.jpeg" width="370" height="280" width_o="370" height_o="280" src_o="http://payload30.cargocollective.com/1/6/198914/2905399/snp2_o.jpeg" data-mid="14778905" border="0" align="left"/> Gently push in the center to dispense. Made with translucent rubber, the forms and user interactions are inspired by disposable salt and pepper shakers at fast food restaurants. Gently push in the center to dispense. Made with translucent rubber, the forms and user interactions are inspired by disposable salt and pepper shakers at fast... http://www.minniechoi.com/music-under-new-york http://www.minniechoi.com/following/minniechoi.com/music-under-new-york Fri, 24 Feb 2012 01:56:12 +0000 minniechoi 2873264 <img src="http://payload28.cargocollective.com/1/6/198914/2873264/muny_ui_minnie.jpg" width="500" height="960" width_o="500" height_o="960" src_o="http://payload28.cargocollective.com/1/6/198914/2873264/muny_ui_minnie_o.jpg" data-mid="14606182" border="0" align="left"/> The Music Under New York (MUNY) app is designed to record and explore live music being played in the New York City's subway. A commuter comes across a live musician. She records his music and tags it using the app. The music now lives in the library of MUNY app. Another commuter comes by, sees no live musician around, but with her app's augmented reality, pan around the station to search for previous recordings that have been made at particular spots. She listens, reads through the musicians' profiles, rate them, and follow their performances. Role in group: concept development, story board for user journey, mobile app UI The Music Under New York (MUNY) app is designed to record and explore live music being played in the New York City's subway. A commuter comes across a live... http://www.minniechoi.com/urban-scarecrow http://www.minniechoi.com/following/minniechoi.com/urban-scarecrow Fri, 24 Feb 2012 01:42:17 +0000 minniechoi 2873200 <img src="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop01.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop01_o.jpg" data-mid="14605923" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop02a.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop02a_o.jpg" data-mid="14605948" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop02bb.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop02bb_o.jpg" data-mid="14605951" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop_03.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop_03_o.jpg" data-mid="14605956" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/6/198914/2873200/15.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload28.cargocollective.com/1/6/198914/2873200/15_o.jpg" data-mid="14605967" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop_04.jpg" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop_04_o.jpg" data-mid="14606006" border="0" align="left"/> Urban Scarecrow is an ecosystem designed to raise awareness, educate and support urban farming in New York City. Its focused towards encouraging potential farmers to get started, establishing agricultural communities and making New York a more sustainable city. Role in group: concept development, user journey script, collaborated illustration <img src="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop03.jpg" width="670" height="362" width_o="1109" height_o="600" src_o="http://payload28.cargocollective.com/1/6/198914/2873200/rooftop03_o.jpg" data-mid="14606017" border="0" align="left"/> Urban Scarecrow is an ecosystem designed to raise awareness, educate and support urban farming in New York City. Its focused towards encouraging potential...