https://helloiangu.com iangu Mon, 16 Sep 2019 15:53:01 +0000 https://helloiangu.com en https://helloiangu.com/Featured-Projects Thu, 25 Jul 2019 10:21:02 +0000 iangu https://helloiangu.com/Featured-Projects 👋 Hello, I am A product designer🕵🏻‍♀️, Data enthusiast📈, Problem-Solver🗝️, Synergist🪜, Cat Lover🥹, Swing Dancer💃🏻, and Yogi🧘🏻‍♀️ More about me︎︎︎ Selected works︎︎︎ <img width="1920" height="827" width_o="1920" height_o="827" data-src="https://freight.cargo.site/t/original/i/68eb8d2dde8fdf40f333181df00043259fb8cc25c0c2769a72f6e5b7614ac91c/COVER.png" data-mid="198968850" border="0" src="https://freight.cargo.site/w/1000/i/68eb8d2dde8fdf40f333181df00043259fb8cc25c0c2769a72f6e5b7614ac91c/COVER.png" /> Filter redesign experiment process&nbsp; Product design | B2C | 2023 <img width="1920" height="827" width_o="1920" height_o="827" data-src="https://freight.cargo.site/t/original/i/45b5c3006b2798a3763feca03f92dca1fad90aa6b5719263cee5006add945e80/cover.png" data-mid="198969601" border="0" src="https://freight.cargo.site/w/1000/i/45b5c3006b2798a3763feca03f92dca1fad90aa6b5719263cee5006add945e80/cover.png" /> Sustainable info design enhancing conversion Product design | B2C | 2022 <img width="1920" height="827" width_o="1920" height_o="827" data-src="https://freight.cargo.site/t/original/i/1d961e2cb89fbfce0364f420e8078a8d71ff881cc7f6b3e74857678f1db7d7f2/Frame-1029-2.png" data-mid="200778888" border="0" src="https://freight.cargo.site/w/1000/i/1d961e2cb89fbfce0364f420e8078a8d71ff881cc7f6b3e74857678f1db7d7f2/Frame-1029-2.png" /> Product items redesign for design system Design system | 2023 <img width="5459" height="2465" width_o="5459" height_o="2465" data-src="https://freight.cargo.site/t/original/i/5f862c73eea2b6ed2a035fd0cab467e387fd9700523d437855715a715bc27633/Heineken-15.jpg" data-mid="110495068" border="0" src="https://freight.cargo.site/w/1000/i/5f862c73eea2b6ed2a035fd0cab467e387fd9700523d437855715a715bc27633/Heineken-15.jpg" /> Heineken B2B platform&nbsp;that is available in seven countriesUX&nbsp;Design&nbsp;| B2B | End to end design | 2020 <img width="1920" height="867" width_o="1920" height_o="867" data-src="https://freight.cargo.site/t/original/i/a597ff704a7ea6d69bf7fc3b6abe27cf68db81bf468e864fe0c583d37e68afc1/toutu.jpg" data-mid="74023630" border="0" src="https://freight.cargo.site/w/1000/i/a597ff704a7ea6d69bf7fc3b6abe27cf68db81bf468e864fe0c583d37e68afc1/toutu.jpg" /> Nino - An APP that helps couples to improve communication Product Design | Graduation project | 2019 <img width="1000" height="887" width_o="1000" height_o="887" data-src="https://freight.cargo.site/t/original/i/7406a6715ae35e653074e935a0e3465690bc78040786189891f1fa40382b3da9/bodyproject-xiao.jpg" data-mid="52178467" border="0" src="https://freight.cargo.site/w/1000/i/7406a6715ae35e653074e935a0e3465690bc78040786189891f1fa40382b3da9/bodyproject-xiao.jpg" /> FOUNDATIONSBrand Identity&nbsp;| 2019 <img width="5601" height="4970" width_o="5601" height_o="4970" data-src="https://freight.cargo.site/t/original/i/330e2751d94c03ed56f832e5993963c5c2c2da3e613fe72a8dcc4afe5f6b3e8a/.jpg" data-mid="50709163" border="0" src="https://freight.cargo.site/w/1000/i/330e2751d94c03ed56f832e5993963c5c2c2da3e613fe72a8dcc4afe5f6b3e8a/.jpg" /> REPLAY Brand Identity &amp; Application&nbsp;Design | 2017 <img width="65" height="68" width_o="65" height_o="68" data-src="https://freight.cargo.site/t/original/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" data-mid="76309085" border="0" data-scale="4" src="https://freight.cargo.site/w/65/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" /> Let's get in touch! ︎iangu990990@gmail.com ︎+31 611176537 ︎Ian Gu https://helloiangu.com/Text Thu, 25 Jul 2019 10:21:02 +0000 iangu https://helloiangu.com/Text ︎ ianiangu990@gmail.com ︎+31 611176537 ︎ Ian Gu https://helloiangu.com/Nino Thu, 25 Jul 2019 10:21:03 +0000 iangu https://helloiangu.com/Nino <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7cb22922339758f3198fa9b5c119af512786862ec958412a2deb8a00ee0b42f5/509zp-pfdm5-1.gif" data-mid="74024036" border="0" src="https://freight.cargo.site/w/1000/i/7cb22922339758f3198fa9b5c119af512786862ec958412a2deb8a00ee0b42f5/509zp-pfdm5-1.gif" /> About Nino Nino is an application for couples to communicate their online chat relationship problems. Please scan this QR code to experience a short tryout version by your phone or visit this website on your phone ninoapp.live <img width="424" height="424" width_o="424" height_o="424" data-src="https://freight.cargo.site/t/original/i/e496c8ef314559e6c5e7ff5892596c76295987c6b37b6d463fa6d23082966936/QR-01.jpg" data-mid="47348276" border="0" data-scale="55" src="https://freight.cargo.site/w/424/i/e496c8ef314559e6c5e7ff5892596c76295987c6b37b6d463fa6d23082966936/QR-01.jpg" /> My Role User Research UX DesignUI DesignConcept Developing The Challenge How to help them overcome their fear to raise their questions and problems?How to visualise their feelings about online relationship ? Design Process <img width="3648" height="921" width_o="3648" height_o="921" data-src="https://freight.cargo.site/t/original/i/64d7fb0f2b68921683a23a550debaeb35e5f4d8ab0809c6fdca073da06d75c09/design3-01-01.jpg" data-mid="48954213" border="0" data-scale="89" src="https://freight.cargo.site/w/1000/i/64d7fb0f2b68921683a23a550debaeb35e5f4d8ab0809c6fdca073da06d75c09/design3-01-01.jpg" /> Nino is my master graduation project aimed at helping couples to open themselves to talk about their problems from online chatting. My online survey shows that nearly half of the participants won’t vocalize their frustrations. In order to find out the reasons, I interviewed some people to create personas and a user journey in order to understand： User’s goals Motivations Pain points Psychology and couple's therapy research helped me in creating the solution to guide couples to open themselves and experience positive communication.&nbsp; For interface design, the interactive design based on visual metaphors allows users to identify and visualize their abstract feelings. I did 3 rounds of user testing in order to optimize the user experience. What Are The Problems In Online Chat Relationship ? <img width="1920" height="975" width_o="1920" height_o="975" data-src="https://freight.cargo.site/t/original/i/1b8d946f2b7d3201bc5cb3d84ae4cc12624e28e871b2b2257fd0063f50f7c0e1/-2.jpg" data-mid="47428462" border="0" data-scale="99" src="https://freight.cargo.site/w/1000/i/1b8d946f2b7d3201bc5cb3d84ae4cc12624e28e871b2b2257fd0063f50f7c0e1/-2.jpg" /> ObservationMy research shows people have different online chatting attitudes and expectations. <img width="4014" height="1489" width_o="4014" height_o="1489" data-src="https://freight.cargo.site/t/original/i/5ddcf9f7d8b7b8f3ba63462977c5e49af1b85ffa561c948b566466719c3317ce/wew2-01.jpg" data-mid="48834518" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/5ddcf9f7d8b7b8f3ba63462977c5e49af1b85ffa561c948b566466719c3317ce/wew2-01.jpg" /> How do couples deal with problems from online chat? When people have negative emotions, like feels ignored by their partners, nearly half (48.6%) of the participants won’t vocalize their frustrations. <img width="1166" height="652" width_o="1166" height_o="652" data-src="https://freight.cargo.site/t/original/i/34249eba072c5956fcd25784bee85fb7afafee0cc83df6a22705faae45fff630/wanzhan-02.png" data-mid="47945583" border="0" data-scale="91" src="https://freight.cargo.site/w/1000/i/34249eba072c5956fcd25784bee85fb7afafee0cc83df6a22705faae45fff630/wanzhan-02.png" /> Persona In order to find out why they don’t talk about their frustration, I did user interviewed. Instead of knowing customer needs I am more interested in knowing their fears in this case. After the interview I found out They don’t know how to communicate these problems in a relationship is the main reason why people don’t talk about it. <img width="2193" height="1529" width_o="2193" height_o="1529" data-src="https://freight.cargo.site/t/original/i/32db5b8414a9ea6464ed161a166e152a241c23cfc13bbe8bc1f0a2b3a56573f8/personal22-02.png" data-mid="74057661" border="0" src="https://freight.cargo.site/w/1000/i/32db5b8414a9ea6464ed161a166e152a241c23cfc13bbe8bc1f0a2b3a56573f8/personal22-02.png" /> <img width="4326" height="1552" width_o="4326" height_o="1552" data-src="https://freight.cargo.site/t/original/i/74dacd2c240b8ec5ec39b5d85f6e0bcb71111ab968b8664aeaeeef94e3a1c00d/personal22-03.png" data-mid="74057660" border="0" src="https://freight.cargo.site/w/1000/i/74dacd2c240b8ec5ec39b5d85f6e0bcb71111ab968b8664aeaeeef94e3a1c00d/personal22-03.png" /> How can I use design to improve their problems ?To design an app help them to raise their confusions, also provide them with a positive communication guide help them address the concerns. Target Audience The app is intended for people in a romantic relationship. There are two broad situational categories of user. <img width="35" height="34" width_o="35" height_o="34" data-src="https://freight.cargo.site/t/original/i/082a92566e1bc7066fb220d7bc44e41556d3b8f266fe31a05b7691f2b2147619/numer-03.png" data-mid="47946359" border="0" src="https://freight.cargo.site/w/35/i/082a92566e1bc7066fb220d7bc44e41556d3b8f266fe31a05b7691f2b2147619/numer-03.png" /> A partner who experiences negative emotions stemming from unmet expectations due to their partner’s chat behavior. They haven’t found a way to have an effective conversation with their partner. <img width="34" height="34" width_o="34" height_o="34" data-src="https://freight.cargo.site/t/original/i/1d959423f71bb788ec1f6482f4293b82b7611ac4f8e7e1e75cae0be6521cca23/numer-04.png" data-mid="47946358" border="0" src="https://freight.cargo.site/w/34/i/1d959423f71bb788ec1f6482f4293b82b7611ac4f8e7e1e75cae0be6521cca23/numer-04.png" />New couples who still lacks insight into each other’s expectations and want to improve their understanding. Problems &amp; Solutions 1. How to help couples explore each other’s different online chat attitudes &amp; habits? <img width="800" height="1300" width_o="800" height_o="1300" data-src="https://freight.cargo.site/t/original/i/17c756d6f9b6c7b07122175cb8161dc8c71fbf1d9a3d89087c41646019bcb963/talk-final.gif" data-mid="48737183" border="0" data-scale="69" src="https://freight.cargo.site/w/800/i/17c756d6f9b6c7b07122175cb8161dc8c71fbf1d9a3d89087c41646019bcb963/talk-final.gif" /> &nbsp; -&nbsp; Questionnaire &amp;&nbsp; Dialog The first thing to do is helping couples to understand their online chatting attitudes &amp; habits to avoid misunderstanding between them. Two catalogues questionnaire help couples to explore their partner’s online chat attitudes, habits. After sharing each other’s answer, start a dialog to talk about their questions. 2. How to lure them to open themselves talk about their problems ? From couple therapy research. I found out Emotionally Focused Therapy. "Couples learn to express underlying emotions and ask for their needs to be met...Couples empathic and engaged with each other, strengthening the attachment bond and safe haven between them.”So the first step to open them is help user to identify their feelings. 3. How to help couples to identify their own feeling about online chat relationship? &nbsp;&nbsp;-&nbsp; Psychology expertise research“The triangular theory of love holds that love can be understood in terms of three components that together can be viewed as forming the vertices of a triangle ” from these three components. I used design visual metaphors to transform abstract feeling into concrete&nbsp;metric. (I deleted “commitment” which I think is not related to this topic). <img width="965" height="396" width_o="965" height_o="396" data-src="https://freight.cargo.site/t/original/i/7c30e7a88fc151b0960cae2dbc8cbad4fbfd62e8119dea21a33fe06bfac47549/iPhone2-01-02.jpg" data-mid="51545703" border="0" data-scale="97" src="https://freight.cargo.site/w/965/i/7c30e7a88fc151b0960cae2dbc8cbad4fbfd62e8119dea21a33fe06bfac47549/iPhone2-01-02.jpg" /> -&nbsp; UX &amp; UI solutionBased on these two visual metaphors, I design user interface - allows couples to identify and visualize their abstract feelings. This UI design helps users can choose their answer in a very easy way. <img width="800" height="690" width_o="800" height_o="690" data-src="https://freight.cargo.site/t/original/i/ee4a008d9cdbef05dfa3562073ef98f6a0738c4948e70108b01cf9f61cfe212a/.gif" data-mid="47951197" border="0" data-scale="100" src="https://freight.cargo.site/w/800/i/ee4a008d9cdbef05dfa3562073ef98f6a0738c4948e70108b01cf9f61cfe212a/.gif" /> -&nbsp; Categorize users Some users want to improve their online chatting relationship, some are not. So next step is asking their opinion in order to categorize users <img width="800" height="1300" width_o="800" height_o="1300" data-src="https://freight.cargo.site/t/original/i/141e6a8aeaba92d35e4660fb0b3d7b4f3e358bf855f14b84a83fe1acf8937ace/user.jpg" data-mid="47940364" border="0" data-scale="64" src="https://freight.cargo.site/w/800/i/141e6a8aeaba92d35e4660fb0b3d7b4f3e358bf855f14b84a83fe1acf8937ace/user.jpg" /> 4. How to guide a conversation that avoids negative arguments? -&nbsp; Psychology expertise research I choose to use the 4-Part Nonviolent Communication Process - most used in couple therapy to guide them to show their expectations. Nonviolent means being able to express self without blaming, judging, guilting, shaming, or threats. It won’t put partner into defence mode. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img width="952" height="1392" width_o="952" height_o="1392" data-src="https://freight.cargo.site/t/original/i/9dd96e825d131b1e03d2a27e3102a788d6251fc7ffa876aaa65b41442075f955/Screenshot-2017-09-15-00.39.52-1.png" data-mid="47496698" border="0" data-scale="41" src="https://freight.cargo.site/w/952/i/9dd96e825d131b1e03d2a27e3102a788d6251fc7ffa876aaa65b41442075f955/Screenshot-2017-09-15-00.39.52-1.png" /> -&nbsp; UX &amp; UI SolutionI designed two screens, one person ask question and another person give the answer as the interaction Each conversation focused on one person’s expectations. Because after user testing, I found in most of cases, couples talking time are not balanced, usually female talk more than male. <img width="1200" height="1036" width_o="1200" height_o="1036" data-src="https://freight.cargo.site/t/original/i/dc1439bf67108c51d31bc0a6d0f91fedb65df62ea8679ed2e2009a85248f32b8/talk-final.gif" data-mid="48737248" border="0" data-scale="81" src="https://freight.cargo.site/w/1000/i/dc1439bf67108c51d31bc0a6d0f91fedb65df62ea8679ed2e2009a85248f32b8/talk-final.gif" /> User Testing I started the user testing with my first prototype. During the user testing, I aim to gain knowledge and feedback from the following aspects: ·&nbsp; The usability ·&nbsp; Improving user experience ·&nbsp; Interface design style testing Problems -&nbsp;Solution 1. Anxious about waiting Some partners were a bit anxious when they need to wait for their partner enter a conversation. 1. Synchronizing users I did not design a navigation bar or obvious backward button in this app, I hoped that users could follow the App navigation to operate so that too much scheduling malposition between the 2 users could be avoided. <img width="2925" height="1701" width_o="2925" height_o="1701" data-src="https://freight.cargo.site/t/original/i/bb13df48d9028406b38435e593bf62009e0785b1a07539ce7a0daaede4bd1ed7/iPhone2-01-01-01.jpg" data-mid="48084290" border="0" src="https://freight.cargo.site/w/1000/i/bb13df48d9028406b38435e593bf62009e0785b1a07539ce7a0daaede4bd1ed7/iPhone2-01-01-01.jpg" /> 2.&nbsp; Notictification Add notictification about what their partner doing while the waiting time could help to relieve anxiety. <img width="800" height="690" width_o="800" height_o="690" data-src="https://freight.cargo.site/t/original/i/7935be915ef17c0a6fb3e7e91cc8f1357d2940ca106eecfe66dfed1754022b2b/notification2.gif" data-mid="47957502" border="0" data-scale="100" src="https://freight.cargo.site/w/800/i/7935be915ef17c0a6fb3e7e91cc8f1357d2940ca106eecfe66dfed1754022b2b/notification2.gif" /> 2. How to delight user experience?The user experience would be very dull if the users were only required to give the answers without any return. - Adding in some communication tips Providing some rewards to the users could keep the users to continue using your products. Some communication tips are added after their conversation guide. Some users very appreciated these tips. <img width="905" height="782" width_o="905" height_o="782" data-src="https://freight.cargo.site/t/original/i/c3b395556c4d9197ed658240501ebe93231205abdc5ae07866037507d454b278/communication-01-01.jpg" data-mid="47828048" border="0" data-scale="72" src="https://freight.cargo.site/w/905/i/c3b395556c4d9197ed658240501ebe93231205abdc5ae07866037507d454b278/communication-01-01.jpg" /> 3. Interface design style testingSerious or Playful? I asked every participant to rate their feeling of the interface from serious - playful，and the final score shows it is almost balanced, which matched with my communication goal, I hope that the users could have a relaxing experience which is just like a game, while they would not lose reliance on this app in the meantime. <img width="995" height="562" width_o="995" height_o="562" data-src="https://freight.cargo.site/t/original/i/cc792d651455c9cb5f8e92b5fe4d9d2467b2dbb91095b0be09cc8d6b7d772bc0/serious-01.png" data-mid="51665089" border="0" data-scale="81" src="https://freight.cargo.site/w/995/i/cc792d651455c9cb5f8e92b5fe4d9d2467b2dbb91095b0be09cc8d6b7d772bc0/serious-01.png" /> <img width="5482" height="2405" width_o="5482" height_o="2405" data-src="https://freight.cargo.site/t/original/i/f06edc6a6b75274b24fe12e56e9065bf8190694910ddd225f0bb0442bd8d645d/TU2-01-02.jpg" data-mid="48083648" border="0" src="https://freight.cargo.site/w/1000/i/f06edc6a6b75274b24fe12e56e9065bf8190694910ddd225f0bb0442bd8d645d/TU2-01-02.jpg" /> Learnings This is my first complete web application project. The most important lesson I have learn is keeping communication with the target audience is vital in order to keep the process relevant and far from assumptions. This project is a brand new study on couple therapy application, Creating and maintaining sync between two client apps, which is a novel interaction in this kind of application.&nbsp; I have to do many user testings to discover how the UX design will satisfy users. Back to home ︎︎︎ Next project ︎︎︎ <img width="65" height="68" width_o="65" height_o="68" data-src="https://freight.cargo.site/t/original/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" data-mid="76311555" border="0" data-scale="4" src="https://freight.cargo.site/w/65/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" /> https://helloiangu.com/Run Thu, 22 Aug 2019 01:15:33 +0000 iangu https://helloiangu.com/Run <img width="5855" height="2430" width_o="5855" height_o="2430" data-src="https://freight.cargo.site/t/original/i/402164ce76d5ade4cdf32deeede24b73114a5f638d664f515d0c2f7b3d881b6e/design19-12.jpg" data-mid="51134121" border="0" src="https://freight.cargo.site/w/1000/i/402164ce76d5ade4cdf32deeede24b73114a5f638d664f515d0c2f7b3d881b6e/design19-12.jpg" /> About CHNOSMaintaining a running habit can be a challenge. CHNOS helps beginners STAY MOTIVATED. The ideal way to overcome boredom! My Role User Research UX DesignUI DesignConcept Developing The Challenge How to engage people to keep running Design Process <img width="3648" height="921" width_o="3648" height_o="921" data-src="https://freight.cargo.site/t/original/i/b0fe5314511d617bb9dd7121157e09b89b7499530f0f23b8981f03347419e14d/design5-01.jpg" data-mid="49119128" border="0" src="https://freight.cargo.site/w/1000/i/b0fe5314511d617bb9dd7121157e09b89b7499530f0f23b8981f03347419e14d/design5-01.jpg" /> The first step of the design process involved user interviews to understand users’ pain points. Then I did desk research to analyze the competitors. After these research efforts, I focused on coming up with new method to keep motivating users in running. Afterwards I came up with the solutions, and designed the user flows and wireframe. I also named the product and did the branding &amp; UI design. User researchUser interview is my favourite part of UX design. Asking the right quetions often elicits interesting and surprising responses.&nbsp; I chose to approach 10 people to interview, mainly focusing on beginners but also a few experienced runners, aiming to find the pain points of maintaining the running habbit. Interviewed audience <img width="3380" height="1080" width_o="3380" height_o="1080" data-src="https://freight.cargo.site/t/original/i/93c12c770b2737b908aa60515d52189aec1a707d705615ead08c6d7c4265e33c/design-02.png" data-mid="51667009" border="0" src="https://freight.cargo.site/w/1000/i/93c12c770b2737b908aa60515d52189aec1a707d705615ead08c6d7c4265e33c/design-02.png" /> The interview sample took into account men and women aged from 22 to 40, based in the economically active population of the city of Shanghai, Beijing and Nanjing. Running experience between 1 month - 9 years. The interview took approximately 30 minutes, I asked the following questions&nbsp; -&gt; Which app do you use for running, how do you feel about it？What is your motivation to run？Do you enjoy running？why？Do you prefer to run with a group or run alone？ why？Have you tried running with a runner group？if yes, how do you feel about it？What happened last time you gave up on a running planCould you share with me one of your most joyful running experiencesWhat kinds of incentives would make you run more frequently Customer Insights After analysing the interviews I isolated the data I found most relevant for decision-making in creating the solution: <img width="4887" height="896" width_o="4887" height_o="896" data-src="https://freight.cargo.site/t/original/i/8250cf4c1172bd7b3ce73ea802ab9f05c5ecdb7eb0291f17f16cd16391e10f00/design-03.jpg" data-mid="51134501" border="0" src="https://freight.cargo.site/w/1000/i/8250cf4c1172bd7b3ce73ea802ab9f05c5ecdb7eb0291f17f16cd16391e10f00/design-03.jpg" /> Desk Research <img width="1894" height="419" width_o="1894" height_o="419" data-src="https://freight.cargo.site/t/original/i/ce9a5cb04727ac493c7a6255ddef26851b5f2da284dc7fd93568794bb015d598/design-13.jpg" data-mid="51667471" border="0" src="https://freight.cargo.site/w/1000/i/ce9a5cb04727ac493c7a6255ddef26851b5f2da284dc7fd93568794bb015d598/design-13.jpg" /> From my desk research result, the strategies most existing apps are using to help users stay motivated are · Challenges&nbsp; · Virtual workout rewards&nbsp; · Participation in virtual races Based on my interviews, these virtual elements don’t tackle the pain points my interviewees expressed. By integrating users’ pain points and market research, I found the runners are more likely to give up when running alone.&nbsp; The best way to keep maintain motivation is by running with a group of people. -&nbsp; Psychology ResearchOne study about the benefits of social support for weight loss and maintenance： “65% of those who started a weight-loss program with friends completed the program, compared to a 36% completion rate for those who tackled the program alone. The friend group was also 42% more likely to maintain their weight loss.”&nbsp; Why people don’t really want to join running group？ <img width="2610" height="624" width_o="2610" height_o="624" data-src="https://freight.cargo.site/t/original/i/82a0ad07342be44f30fd9be5371adb4d38e9ee66d6897699fb09b458eba2853a/design-04.jpg" data-mid="51134732" border="0" src="https://freight.cargo.site/w/1000/i/82a0ad07342be44f30fd9be5371adb4d38e9ee66d6897699fb09b458eba2853a/design-04.jpg" /> What do they need to keep motivation？ <img width="35" height="34" width_o="35" height_o="34" data-src="https://freight.cargo.site/t/original/i/082a92566e1bc7066fb220d7bc44e41556d3b8f266fe31a05b7691f2b2147619/numer-03.png" data-mid="49075565" border="0" src="https://freight.cargo.site/w/35/i/082a92566e1bc7066fb220d7bc44e41556d3b8f266fe31a05b7691f2b2147619/numer-03.png" />&nbsp;&nbsp;<img width="272" height="172" width_o="272" height_o="172" data-src="https://freight.cargo.site/t/original/i/9330d1051075a0ba5996995b2c5995d43f004a2ad680b5c3d74624d6dcebe7c4/design-10.jpg" data-mid="50420208" border="0" data-scale="39" src="https://freight.cargo.site/w/272/i/9330d1051075a0ba5996995b2c5995d43f004a2ad680b5c3d74624d6dcebe7c4/design-10.jpg" /> No pressure - run with same lever runners <img width="34" height="34" width_o="34" height_o="34" data-src="https://freight.cargo.site/t/original/i/1d959423f71bb788ec1f6482f4293b82b7611ac4f8e7e1e75cae0be6521cca23/numer-04.png" data-mid="49075564" border="0" src="https://freight.cargo.site/w/34/i/1d959423f71bb788ec1f6482f4293b82b7611ac4f8e7e1e75cae0be6521cca23/numer-04.png" /><img width="235" height="222" width_o="235" height_o="222" data-src="https://freight.cargo.site/t/original/i/ba17e9234ddb8a098b2bdabdfd6523a91e195d40e7388d77954a8b61cb3e158e/design-11.jpg" data-mid="50420269" border="0" data-scale="44" src="https://freight.cargo.site/w/235/i/ba17e9234ddb8a098b2bdabdfd6523a91e195d40e7388d77954a8b61cb3e158e/design-11.jpg" /> Easy to reach -&nbsp; running group near by your location My Concept 1.&nbsp; Less pressure - Run with same level runners Most people like to run with similar level runners, plus different level runners need a different training plan, so the same level runners have more in common. Most important - they won't feel pressured with their running performance compared to their peers. <img width="1603" height="1180" width_o="1603" height_o="1180" data-src="https://freight.cargo.site/t/original/i/b066f922231433a6fbf7ff2c41d2920ea4c109f7d34b1f65e4c4d105898bdc70/design7-07.jpg" data-mid="50454702" border="0" data-scale="94" src="https://freight.cargo.site/w/1000/i/b066f922231433a6fbf7ff2c41d2920ea4c109f7d34b1f65e4c4d105898bdc70/design7-07.jpg" /> 2.&nbsp; Intead of setting random groups we connect users by routes. Runners can find the routes nearby. Runners can choose to join different running events. Therefore runners can form a groups which match various criteria: location, time, level, etc. &nbsp; &nbsp; &nbsp; &nbsp;<img width="609" height="1162" width_o="609" height_o="1162" data-src="https://freight.cargo.site/t/original/i/d8a04e98a9b26c88addbdaa0c2f546b0473346e5fc0f47eab3e38f1e918e0560/choose-route.gif" data-mid="50538773" border="0" data-scale="36" src="https://freight.cargo.site/w/609/i/d8a04e98a9b26c88addbdaa0c2f546b0473346e5fc0f47eab3e38f1e918e0560/choose-route.gif" /> User Flow <img width="3745" height="772" width_o="3745" height_o="772" data-src="https://freight.cargo.site/t/original/i/57a74835b5312612f710ac2b3a11027de614e46bf4aed7ad9fdf412589e544fd/design-14.jpg" data-mid="50505267" border="0" data-scale="90" src="https://freight.cargo.site/w/1000/i/57a74835b5312612f710ac2b3a11027de614e46bf4aed7ad9fdf412589e544fd/design-14.jpg" /> WireframeThe wireframe was designed to build the structure and architecture of the information and only then go to visual and interactions.<img width="4031" height="2230" width_o="4031" height_o="2230" data-src="https://freight.cargo.site/t/original/i/65fa51c94b1b56eda7d0b8c1f290944946e9d8f0b4c0929a232d29338bfdae9d/design-06.jpg" data-mid="50599475" border="0" data-scale="73" src="https://freight.cargo.site/w/1000/i/65fa51c94b1b56eda7d0b8c1f290944946e9d8f0b4c0929a232d29338bfdae9d/design-06.jpg" /> Naming &amp; Icon Design There hormone&nbsp; “endorphin” is released after running for a certain amount of time. This hormone makes people feel happy and energetic. It makes runners fall in love with running, and so does this app. Therefore, the app is named after this hormone - ENDORPHIN. The name is based on Endorphoon’s chemical formual (C98H152N22O29S) - CHNOS. <img width="1464" height="854" width_o="1464" height_o="854" data-src="https://freight.cargo.site/t/original/i/b052688e9ad9f98bde54085fa7740f44295b6d3351e681f34e1a2a3dc2a9e4a2/design-15.jpg" data-mid="50506162" border="0" data-scale="82" src="https://freight.cargo.site/w/1000/i/b052688e9ad9f98bde54085fa7740f44295b6d3351e681f34e1a2a3dc2a9e4a2/design-15.jpg" /> &nbsp;&nbsp; It Is Fun For RunnersThe app can analyze running data and create “Endorphin curves” based on the analysis. The users can also make their own endorphin curve &amp;&nbsp; group endorphin curve poster to share with their friends. <img width="1501" height="1180" width_o="1501" height_o="1180" data-src="https://freight.cargo.site/t/original/i/9bfefdf8c8f47ab30d04c4e9ee980c0735723d4bb4b6d7a4beef8b00fc1d7b8d/design-10.jpg" data-mid="50418172" border="0" src="https://freight.cargo.site/w/1000/i/9bfefdf8c8f47ab30d04c4e9ee980c0735723d4bb4b6d7a4beef8b00fc1d7b8d/design-10.jpg" /> Interface design &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img width="2560" height="2700" width_o="2560" height_o="2700" data-src="https://freight.cargo.site/t/original/i/dbd24e0f7da95e3898be7470f34bea53f569bd80d7c2fed1d2dde6b8d86aacf4/interface.jpg" data-mid="50598527" border="0" src="https://freight.cargo.site/w/1000/i/dbd24e0f7da95e3898be7470f34bea53f569bd80d7c2fed1d2dde6b8d86aacf4/interface.jpg" /> AfterwordThis project was designed three years ago. When I was redesigning the visual and interactive parts in 2019, I found that there is a sports app called KEEP that launched a new version which allows users to upload running routes. You can see other runners who are running on the same route. This app is very popular in China, people enjoy to run on shared routes. I think this proves that my research and concept is valuable. <img width="65" height="68" width_o="65" height_o="68" data-src="https://freight.cargo.site/t/original/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" data-mid="76312025" border="0" data-scale="4" src="https://freight.cargo.site/w/65/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" /> https://helloiangu.com/foundation Mon, 12 Aug 2019 16:25:13 +0000 iangu https://helloiangu.com/foundation <img width="1917" height="796" width_o="1917" height_o="796" data-src="https://freight.cargo.site/t/original/i/d5f59f61e35893f6c97e443a4c40919b871f89751c75b67eaaf0bcddcbe97613/design-17.jpg" data-mid="51667838" border="0" src="https://freight.cargo.site/w/1000/i/d5f59f61e35893f6c97e443a4c40919b871f89751c75b67eaaf0bcddcbe97613/design-17.jpg" /> About FOUNDATION The client is a underwear factory which produces the one of the top quality underwears in the world. They have some self-developed products. They came to us for creating brand strategy and branding design. TASKS Analyze Brand PersonalityDefine Target ClientBrand identity designBrand Book And Brand Identity THE CHALLENGE Finding a right position in the market which is unique but not minority.Deeply understanding what our client’s needs, create a tailored solution. <img width="3514" height="2185" width_o="3514" height_o="2185" data-src="https://freight.cargo.site/t/original/i/6aff6419d7a7739538dcd43f268996dbf7388cc4d1c280b065bcd6549c56e478/2_Page_02.jpg" data-mid="48434764" border="0" src="https://freight.cargo.site/w/1000/i/6aff6419d7a7739538dcd43f268996dbf7388cc4d1c280b065bcd6549c56e478/2_Page_02.jpg" /> <img width="3514" height="2185" width_o="3514" height_o="2185" data-src="https://freight.cargo.site/t/original/i/5a1dfa540011e642a5e94a79dfb7c9bee26910867d6e6d35de56138f0c2d7062/2_Page_02.jpg" data-mid="48434765" border="0" src="https://freight.cargo.site/w/1000/i/5a1dfa540011e642a5e94a79dfb7c9bee26910867d6e6d35de56138f0c2d7062/2_Page_02.jpg" /> <img width="3514" height="2185" width_o="3514" height_o="2185" data-src="https://freight.cargo.site/t/original/i/442b02ad2ddc39a34c046ee1f1fad8625cf9d0a7763d464a405ed4cad3a592c1/3.jpg" data-mid="48434769" border="0" src="https://freight.cargo.site/w/1000/i/442b02ad2ddc39a34c046ee1f1fad8625cf9d0a7763d464a405ed4cad3a592c1/3.jpg" /> <img width="3514" height="2185" width_o="3514" height_o="2185" data-src="https://freight.cargo.site/t/original/i/8cad8cf5d19d611a63dd97462ac43878a9769f1946325be775d6f0c6c71a26f3/6.jpg" data-mid="48434827" border="0" src="https://freight.cargo.site/w/1000/i/8cad8cf5d19d611a63dd97462ac43878a9769f1946325be775d6f0c6c71a26f3/6.jpg" />VISUAL IDENTITY ONE <img width="1920" height="1194" width_o="1920" height_o="1194" data-src="https://freight.cargo.site/t/original/i/66b2b4aaf5bfc68be013257455bf399fd250a7b459fe59a6ee91af9f567649d9/8.jpg" data-mid="48438755" border="0" src="https://freight.cargo.site/w/1000/i/66b2b4aaf5bfc68be013257455bf399fd250a7b459fe59a6ee91af9f567649d9/8.jpg" /> <img width="3514" height="2185" width_o="3514" height_o="2185" data-src="https://freight.cargo.site/t/original/i/2040f552de139e05741c1c556002bb59b4b28db4c7b28e5e4d8328c8efc4ded5/9.jpg" data-mid="48435865" border="0" src="https://freight.cargo.site/w/1000/i/2040f552de139e05741c1c556002bb59b4b28db4c7b28e5e4d8328c8efc4ded5/9.jpg" /><img width="3514" height="2185" width_o="3514" height_o="2185" data-src="https://freight.cargo.site/t/original/i/f695620d0c6e8d5b3a82d06190e563d2fde73bc0503112f990813d06986f7e4a/10.jpg" data-mid="48435869" border="0" src="https://freight.cargo.site/w/1000/i/f695620d0c6e8d5b3a82d06190e563d2fde73bc0503112f990813d06986f7e4a/10.jpg" /><img width="3514" height="2185" width_o="3514" height_o="2185" data-src="https://freight.cargo.site/t/original/i/6ea5ef13356d50f77590b8e07da8fb354283bb5760f0d0bbbbe73a8857be8b4c/11.jpg" data-mid="48435864" border="0" src="https://freight.cargo.site/w/1000/i/6ea5ef13356d50f77590b8e07da8fb354283bb5760f0d0bbbbe73a8857be8b4c/11.jpg" /> VISUAL IDENTITY TWO <img width="1920" height="3503" width_o="1920" height_o="3503" data-src="https://freight.cargo.site/t/original/i/5b0d346442a273a2df8a217357d13f4e0639017c3e29cf2753e55118de1992b5/bodyproject1.jpg" data-mid="48435654" border="0" src="https://freight.cargo.site/w/1000/i/5b0d346442a273a2df8a217357d13f4e0639017c3e29cf2753e55118de1992b5/bodyproject1.jpg" /> <img width="1920" height="3474" width_o="1920" height_o="3474" data-src="https://freight.cargo.site/t/original/i/105abc71b00b9063b9a68f520507e8f16bb8dd7328ae222bcb0bb9c4c9f7f2d4/bodyproject.jpg" data-mid="48435655" border="0" src="https://freight.cargo.site/w/1000/i/105abc71b00b9063b9a68f520507e8f16bb8dd7328ae222bcb0bb9c4c9f7f2d4/bodyproject.jpg" /> Back to home ︎︎︎ Next project ︎︎︎ <img width="65" height="68" width_o="65" height_o="68" data-src="https://freight.cargo.site/t/original/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" data-mid="76312344" border="0" data-scale="4" src="https://freight.cargo.site/w/65/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" /> https://helloiangu.com/Replay Mon, 16 Sep 2019 15:53:01 +0000 iangu https://helloiangu.com/Replay <img width="3544" height="1351" width_o="3544" height_o="1351" data-src="https://freight.cargo.site/t/original/i/535e84c3de5e158eb089806975d3c439c3c8aa089982a0939e28d032f6b3dcac/REPLAYBRANDANDMARKETINGDECK-23.jpg" data-mid="50711245" border="0" src="https://freight.cargo.site/w/1000/i/535e84c3de5e158eb089806975d3c439c3c8aa089982a0939e28d032f6b3dcac/REPLAYBRANDANDMARKETINGDECK-23.jpg" /> Background The Italian fashion brand - REPLAY enters the Chinese market. They need to redesign a brand identity which is suitable for the Chinese market but retains the essence of the Italian brand. For the Chinese market, I designed the brand identity and the Tmall online shop. My Role Art Direction Identity Design Web designGraphic Design The Challenge Seeking guidance on English and Chinese font selections and pairings going forward.Summarizing a representative style board for different styles of product lines. My method to create brand identity Due to there are many different product lines in different styles, I generalized 5 branding DNAs. From all my design options, every visual language is designed base on 3 of the brand DNA. By using this method, the identity could present the diversity of REPLAY. In the end, client chose the design option combines &nbsp;these 3 brand visual languages&nbsp; Classic Innovative High quality <img width="1930" height="981" width_o="1930" height_o="981" data-src="https://freight.cargo.site/t/original/i/afebd83c06312424dc9d3a27d9823b056c04fd7050633d1d9ee052c3a9112198/-1-022.jpg" data-mid="51668479" border="0" src="https://freight.cargo.site/w/1000/i/afebd83c06312424dc9d3a27d9823b056c04fd7050633d1d9ee052c3a9112198/-1-022.jpg" /> Style boards <img width="5868" height="2262" width_o="5868" height_o="2262" data-src="https://freight.cargo.site/t/original/i/eb8376bbd01d7c9af3e53928dd4294b1bf1f734f5a451d8bb1da9eb46659ea97/replay-10.jpg" data-mid="50734023" border="0" src="https://freight.cargo.site/w/1000/i/eb8376bbd01d7c9af3e53928dd4294b1bf1f734f5a451d8bb1da9eb46659ea97/replay-10.jpg" /> <img width="5868" height="2490" width_o="5868" height_o="2490" data-src="https://freight.cargo.site/t/original/i/2776822c90d91af7fac03bb5081a84a54391ee9e6684492c84f320d999cd2b8b/replay-11.jpg" data-mid="50734034" border="0" src="https://freight.cargo.site/w/1000/i/2776822c90d91af7fac03bb5081a84a54391ee9e6684492c84f320d999cd2b8b/replay-11.jpg" /> <img width="5868" height="2342" width_o="5868" height_o="2342" data-src="https://freight.cargo.site/t/original/i/7240bf3f07112f8b599151f9034bf3dd8734adba29c29b1b7284c08d87f76f06/replay-12.jpg" data-mid="50734035" border="0" src="https://freight.cargo.site/w/1000/i/7240bf3f07112f8b599151f9034bf3dd8734adba29c29b1b7284c08d87f76f06/replay-12.jpg" /> Type selection Didot is a classic font for presenting elegant fashion style. After multiple rounds of secondary type selections, we landed on Frutiger is a humanist sans-serif typeface, to present the contemporary feeling. Frutiger intended to be clear and highly legible at a distance or at small text sizes. <img width="5867" height="1722" width_o="5867" height_o="1722" data-src="https://freight.cargo.site/t/original/i/a800262c3851fe7190bd945554c16ba95a89a328119fa9d160e9e54dd267a30a/font-01.jpg" data-mid="50722215" border="0" src="https://freight.cargo.site/w/1000/i/a800262c3851fe7190bd945554c16ba95a89a328119fa9d160e9e54dd267a30a/font-01.jpg" /> Tmall online shop design <img width="4801" height="4502" width_o="4801" height_o="4502" data-src="https://freight.cargo.site/t/original/i/0f102bc477d086a440436ee798421a85282dba9a48dfb6544f85bf95f8304478/replay-05.jpg" data-mid="50787876" border="0" src="https://freight.cargo.site/w/1000/i/0f102bc477d086a440436ee798421a85282dba9a48dfb6544f85bf95f8304478/replay-05.jpg" /> <img width="5335" height="1960" width_o="5335" height_o="1960" data-src="https://freight.cargo.site/t/original/i/a69abf5ff97aebb765244f3acc2f17e17e2a62de386c2b5edb444fafcd41414a/replay-05.jpg" data-mid="50720031" border="0" src="https://freight.cargo.site/w/1000/i/a69abf5ff97aebb765244f3acc2f17e17e2a62de386c2b5edb444fafcd41414a/replay-05.jpg" /> <img width="5334" height="2550" width_o="5334" height_o="2550" data-src="https://freight.cargo.site/t/original/i/a2883852f332e3473d9bf600b283f09af5756ee49539409d5c5b14eeb7249ade/replay-09.jpg" data-mid="50719988" border="0" src="https://freight.cargo.site/w/1000/i/a2883852f332e3473d9bf600b283f09af5756ee49539409d5c5b14eeb7249ade/replay-09.jpg" /> <img width="5334" height="2076" width_o="5334" height_o="2076" data-src="https://freight.cargo.site/t/original/i/a263de97cdd11e4b1b2478a7ca8f3ecce1a938bfcc72fa7b1ebe2928b8afe37b/replay-07.jpg" data-mid="50720108" border="0" src="https://freight.cargo.site/w/1000/i/a263de97cdd11e4b1b2478a7ca8f3ecce1a938bfcc72fa7b1ebe2928b8afe37b/replay-07.jpg" /> Application Design <img width="5334" height="11082" width_o="5334" height_o="11082" data-src="https://freight.cargo.site/t/original/i/4429d5e5407ef519f1def8213c9038c6adf1345bdcf6d7a90ed3e12a7d27ab41/replay-01.jpg" data-mid="50720706" border="0" data-scale="97" src="https://freight.cargo.site/w/1000/i/4429d5e5407ef519f1def8213c9038c6adf1345bdcf6d7a90ed3e12a7d27ab41/replay-01.jpg" /><img width="5334" height="2333" width_o="5334" height_o="2333" data-src="https://freight.cargo.site/t/original/i/994a012faaa242e8c3898e86a495bf6580d1fd580c05363f72f6e76717a12610/replay-04.jpg" data-mid="50720977" border="0" src="https://freight.cargo.site/w/1000/i/994a012faaa242e8c3898e86a495bf6580d1fd580c05363f72f6e76717a12610/replay-04.jpg" /> <img width="3593" height="1224" width_o="3593" height_o="1224" data-src="https://freight.cargo.site/t/original/i/bc8f2f67ea4e0fbeb7750de098a3116d17dfa75f7f84f708df481a4742fb7622/replay222-02.jpg" data-mid="50954296" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/bc8f2f67ea4e0fbeb7750de098a3116d17dfa75f7f84f708df481a4742fb7622/replay222-02.jpg" /><img width="5989" height="2520" width_o="5989" height_o="2520" data-src="https://freight.cargo.site/t/original/i/0b4545a96c507eb6002e5df796b89854e965aa695fe4ef17b4b96bcfc166729c/replay3-02.jpg" data-mid="50953955" border="0" src="https://freight.cargo.site/w/1000/i/0b4545a96c507eb6002e5df796b89854e965aa695fe4ef17b4b96bcfc166729c/replay3-02.jpg" /> <img width="5978" height="3043" width_o="5978" height_o="3043" data-src="https://freight.cargo.site/t/original/i/c5c8742e2d4ae143b328780d21ecf69776e9caa648ba24811f3e0356cbf8966d/replay2-10.jpg" data-mid="50953898" border="0" src="https://freight.cargo.site/w/1000/i/c5c8742e2d4ae143b328780d21ecf69776e9caa648ba24811f3e0356cbf8966d/replay2-10.jpg" /> Back to home&nbsp;︎︎︎ Back to first project&nbsp;︎︎︎ <img width="65" height="68" width_o="65" height_o="68" data-src="https://freight.cargo.site/t/original/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" data-mid="76312385" border="0" data-scale="4" src="https://freight.cargo.site/w/65/i/48a9e26a604370fe95af9254a20b07c8fadf8e98e40a12e217f952b0149ddad3/up-arrow.svg" />