https://tanaskorn.cargo.site tanaskorn Sat, 10 Oct 2020 20:31:42 +0000 https://tanaskorn.cargo.site en https://tanaskorn.cargo.site/Homepage Mon, 16 Apr 2018 22:32:44 +0000 tanaskorn https://tanaskorn.cargo.site/Homepage TANA KIM Hello! I’m a Digital Product Designer based in sunny Los Angeles.︎ I have a background in the&nbsp;tech, entertainment, and advertising industry with a focus on enhancing brand experience across digital web &amp; mobile, and app.&nbsp;Happy to meet you ︎ https://tanaskorn.cargo.site/Disney-Parks-Experiences-and-Products-1 Fri, 09 Oct 2020 04:39:29 +0000 tanaskorn https://tanaskorn.cargo.site/Disney-Parks-Experiences-and-Products-1 Projects are password protected. Please enter password below to proceed.&nbsp;︎ <img width="1788" height="376" width_o="1788" height_o="376" data-src="https://freight.cargo.site/t/original/i/275067583441174b19a81d8a52ebc6fafe51cd921ed9d31c4b95484ba693c656/enter-password.png" data-mid="166729969" border="0" data-scale="26" src="https://freight.cargo.site/w/1000/i/275067583441174b19a81d8a52ebc6fafe51cd921ed9d31c4b95484ba693c656/enter-password.png" /> https://tanaskorn.cargo.site/Adobe-and-CZI-Creative-Jam Sat, 10 Oct 2020 20:31:42 +0000 tanaskorn https://tanaskorn.cargo.site/Adobe-and-CZI-Creative-Jam <img width="1600" height="878" width_o="1600" height_o="878" data-src="https://freight.cargo.site/t/original/i/2eb85e8aaab4192d8321f668d01c7e2486430296d8d733be6da268b72e00e0fa/jam-hero2.png" data-mid="85638626" border="0" src="https://freight.cargo.site/w/1000/i/2eb85e8aaab4192d8321f668d01c7e2486430296d8d733be6da268b72e00e0fa/jam-hero2.png" />Adobe and CZI Creative Jam — Adobe Creative Jam My Roles: Product Designer Tools:&nbsp; Adobe XD Teammate: Aaron Kim Project Year: 2020Adobe Creative Jam, in partnership with the Chan Zuckerberg Foundation, challenged professional designers to design a digital experience that would provide stability and protect the livelihoods of farmworkers. The goal is to create an app for the fictious International Consortium of Farm Workers organization (ICFW) that would make it easy for farmworkers to verify their identity, sign up for services like legal aid, healthcare, housing aid, counseling, food distribution, and get access to timely and credible information. The Problem Farmworkers are the invisible frontline labor force of a country’s food supply. Sadly, many of them — the vast majority being immigrants— do not qualify for government stimulus packages during the pandemic. Getting access to safety net services like legal aid, healthcare, housing aid, counseling, and food distribution is very crucial. However, COVID-19 shelter-in-place restrictions have made this increasingly difficult, because gaining access to these services typically requires an in-person meeting to verify identity when signing up. This ultimately leaves farm workers without support when they need it most. &nbsp; The Challenge •&nbsp;The app needs to make it easy for farmworkers to verify their identity, sign up for services like legal aid, healthcare, housing aid, counseling, food distribution, and get access to timely and credible information. • Some farmworkers may not read or speak English, so the user experience should be effortless to understand and design with accessibility in mind. •&nbsp;Most farmworkers fear giving out information. Not only the verification process needs to be easy, it also needs to look and feel trustworthy.• Create a community to connect farmworkers and keep them engaged.• The primary functions should be immediately feasible and implementable. • We were given roughly 36 hours to ideate, design, create, and deliver a high-fidelity prototype. <img width="798" height="1068" width_o="798" height_o="1068" data-src="https://freight.cargo.site/t/original/i/cb4401245d90746ef6e4f8afb08727b3570c6b5b141c8921c59cc51548beb6bc/challenge-accpeted.png" data-mid="116918021" border="0" data-scale="3" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/798/i/cb4401245d90746ef6e4f8afb08727b3570c6b5b141c8921c59cc51548beb6bc/challenge-accpeted.png" /> Challenge Accepted! The ProcessWe kicked off the project by doing a quick research on farmworkers in America, identifying their pain points, and conducting competitve analysis. Since Aaron and I were working together remotely, we used Miro to ideate and brainstorm.&nbsp;We then did a card sorting exercise to group the ideas we have for features into buckets. Finally, we split up the task - I started working on the overall flow, navigation, and wireframes while Aaron established the visual design and UI componant. Key Findings <img width="3292" height="1880" width_o="3292" height_o="1880" data-src="https://freight.cargo.site/t/original/i/c7c7c6a356a4245227759c05f38082d5a73cee8a3fb9517c406049f9060dabdd/ICFW-key-findings.png" data-mid="85227230" border="0" src="https://freight.cargo.site/w/1000/i/c7c7c6a356a4245227759c05f38082d5a73cee8a3fb9517c406049f9060dabdd/ICFW-key-findings.png" /> Card Sorting <img width="3360" height="2100" width_o="3360" height_o="2100" data-src="https://freight.cargo.site/t/original/i/207060751248a8ccbb366d79984c865454fdf353b25652072bba79a6236eae35/ICFW-card-sorting.png" data-mid="85227235" border="0" data-scale="92" src="https://freight.cargo.site/w/1000/i/207060751248a8ccbb366d79984c865454fdf353b25652072bba79a6236eae35/ICFW-card-sorting.png" /> Wireframes <img width="2798" height="1044" width_o="2798" height_o="1044" data-src="https://freight.cargo.site/t/original/i/32b41d9d0f09bfa3331aedac5a6d023c43a83386f3d0ccbba3bae98e998f4406/ICFW-wireframes2.png" data-mid="85227941" border="0" src="https://freight.cargo.site/w/1000/i/32b41d9d0f09bfa3331aedac5a6d023c43a83386f3d0ccbba3bae98e998f4406/ICFW-wireframes2.png" /> <img width="299" height="276" width_o="299" height_o="276" data-src="https://freight.cargo.site/t/original/i/9eeb801ab1ae920cfdb4c06e235af923caf93ec5a2e5fa225cc28207be17249d/happyface2.jpeg" data-mid="116918556" border="0" data-scale="3" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/299/i/9eeb801ab1ae920cfdb4c06e235af923caf93ec5a2e5fa225cc28207be17249d/happyface2.jpeg" /> Let’s Take a Look at the Key FeaturesWith what we learned from our quick research, we came up with the key features that would make our app stands out and, most importantly, be useful for farmworkers. ︎ Creating an&nbsp; accesible and inclusive experience for our farmworkersTo cater toward low literacy and multilingual audiences, we provide the ability to choose preferred language up front. We include the most common spoken languages among farmworkers in the US in the initial load but also provide a way to choose other languages in just one click. This way, we don’t overload the user with too many options at once. We also make sure that the app relies heavily on visual (illustrations, icons, color) and easy-to-read language so that farmworkers understand and able to access the services they need in a timely manner. <img width="374" height="812" width_o="374" height_o="812" data-src="https://freight.cargo.site/t/original/i/0c7a687c043d24b02d8d6dcb4ceefdc374fcdcd410339c6c66200e9ac941a1ef/jam-language.gif" data-mid="85637955" border="0" data-scale="49" src="https://freight.cargo.site/w/374/i/0c7a687c043d24b02d8d6dcb4ceefdc374fcdcd410339c6c66200e9ac941a1ef/jam-language.gif" /> ︎ Giving a friendly voice that guides farmworkers throughout the whole experienceRight when farmworkers open the app, they will be greeted by Eve, a helpful chatbot, who can help them get started and set-up. From our research, we found that face-to-face interaction and personal communication tend to be the most effective and trustworthy methods received by farmworkers. Having Eve guides them through the process and available anytime they need help would feel like getting help from an actual person. If they can’t find what they are looking for, they can just tap Eve and type in a keyword. Eve will provide a few suggestions as well as offer to connect them with a representative if they need further assistance. <img width="374" height="812" width_o="374" height_o="812" data-src="https://freight.cargo.site/t/original/i/148cb50fc88f0e7cc2c546e78b608baee7bbc4c86d52f832f859e9b90d3bea75/jam-bot.gif" data-mid="85639125" border="0" data-scale="50" src="https://freight.cargo.site/w/374/i/148cb50fc88f0e7cc2c546e78b608baee7bbc4c86d52f832f859e9b90d3bea75/jam-bot.gif" /> ︎ Personalized &amp; Easily Digestible ContentWith the amount of information and resources out there, farmworkers can easily feel overwhelmed and lose interest in finding the right info and resources they actually need. Not only we present the news and contents that are most relevant to them (based on their location) up top, we also provide an option to select their interests so their feed can be customized to fit their need even more. Farmworkers are often exhausted after working full days. They want to focus on key messages rather than details. So we include “Daily Tips” section as a way for farmworkers to learn about health related information using fun visual design and short, easy-to-read copy. Another area that made our app stands out is the “Myth or Fact” feature which is an interactive game to learn and test their knowledge about COVID-19. We got this idea after reading about how there are some myths out there that being told among farmworkers that “coronavirus can be passed by sweat or that Latinos are less affected because of their DNA”. We thought turning learning into a game would keep farmworkers engaged and encourage them to keep coming back to the app! &nbsp; <img width="375" height="812" width_o="375" height_o="812" data-src="https://freight.cargo.site/t/original/i/802a85983cb0a20d9e96747953c88b13e8c275a4944d9484486857912802b916/iPhone-X-XS-11-Pro--47.png" data-mid="116918180" border="0" src="https://freight.cargo.site/w/375/i/802a85983cb0a20d9e96747953c88b13e8c275a4944d9484486857912802b916/iPhone-X-XS-11-Pro--47.png" /> <img width="374" height="812" width_o="374" height_o="812" data-src="https://freight.cargo.site/t/original/i/068838c9db5f328ea4638df843562b08fedb0073c95fef6c535bb32c926f6e45/dailytips.gif" data-mid="85638393" border="0" data-scale="90" src="https://freight.cargo.site/w/374/i/068838c9db5f328ea4638df843562b08fedb0073c95fef6c535bb32c926f6e45/dailytips.gif" /> <img width="374" height="812" width_o="374" height_o="812" data-src="https://freight.cargo.site/t/original/i/5bdd7e78dc5842028160fadd859e1e3b75277bd721d094bc0722171dc6463fb1/mythorfact.gif" data-mid="85638395" border="0" data-scale="90" src="https://freight.cargo.site/w/374/i/5bdd7e78dc5842028160fadd859e1e3b75277bd721d094bc0722171dc6463fb1/mythorfact.gif" /> ︎ Keeping farmworkers informed, safe, and connected through trusting communityDuring our research, we found that many farmworkers are more likely to use personal networks as sources of information over other established, or mainstream, sources. So we include Community as one of the main features, dedicates to a topic or experience that is driven by the farmworkers who share similar interests and experiences. Farmworkers and find/share things like unemployment insights from fellow farmworkers, job available in their areas, food distribution updates, pro-bono attorney services, etc. <img width="2806" height="1578" width_o="2806" height_o="1578" data-src="https://freight.cargo.site/t/original/i/ed7b6ae192aa04bee0c5d4af2dee1a029f737dd8e1a58e4a334c3007a1604854/jam-resource-commu.png" data-mid="85638600" border="0" src="https://freight.cargo.site/w/1000/i/ed7b6ae192aa04bee0c5d4af2dee1a029f737dd8e1a58e4a334c3007a1604854/jam-resource-commu.png" /> ︎ Finding the right ResourcesFinding resources can be overwhelming. Our Resource page serves up benefits that are most relevant to farmworkers and that they may be eligible for. We also group all the resources together into easy-to-digest categories. In each of the resource detail page, there is a section that allows farmworkers to check their eligibility instantly by answering a few simple questions. This way, farmworkers may be able to save times instead of having to do any further reading, calling someone to ask, or physically going to an office.︎ Verify and store neccessary documents One of the main goals of the app is to make it easy for farmworkers to verify their identity since typically that is required to gain access to safety net services. The verified documents are stored and easily accessible under “My Documents” page. There is also a section that contains recommended documents (based on their info, interests, and location) that are usually required to sign up for services - so that they have everything ready and help speed up the application process. <img width="2806" height="1578" width_o="2806" height_o="1578" data-src="https://freight.cargo.site/t/original/i/3646d1fbbcca51d72fcf495face1593008ebdfb7dc653d925f976b321855d3ae/jam-docu.png" data-mid="85638614" border="0" src="https://freight.cargo.site/w/1000/i/3646d1fbbcca51d72fcf495face1593008ebdfb7dc653d925f976b321855d3ae/jam-docu.png" /> <img width="450" height="512" width_o="450" height_o="512" data-src="https://freight.cargo.site/t/original/i/899b73b0106681fbfa32b384b03b0b15455958672b610a7e0e403bba9b688a00/feelsgood.jpeg" data-mid="116918399" border="0" data-scale="3" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/450/i/899b73b0106681fbfa32b384b03b0b15455958672b610a7e0e403bba9b688a00/feelsgood.jpeg" />72 Hours Later...The OutcomeThe amount of time we had for this project and the constraints was a great challenge and learning moment. Conducting researches, brainstorming ideas, rapid wireframing and prototyping - not to mention we had to learn to use Adobe XD for the first time - all done in 3 days (yes, we did have 2 hours of sleep on the final night :D) I feel like I learned so much and sharperned many skills that I would not normally have had the opportunity to do in an everyday work setting. 🎉 Our app also won 3rd place against 300 professional designers, 90 projects submitted, across US, Canada, and UK! Lastly!︎ Feel free to&nbsp;checkout the prototype here. And if you read to the very end, thank you! <img width="3200" height="2000" width_o="3200" height_o="2000" data-src="https://freight.cargo.site/t/original/i/68ad07798af98cdb7c4fa3ba6d9b15533e0de5af202636e534619042dd94eb0f/adobe-jam-czi-tana-aaron-1.png" data-mid="116912598" border="0" src="https://freight.cargo.site/w/1000/i/68ad07798af98cdb7c4fa3ba6d9b15533e0de5af202636e534619042dd94eb0f/adobe-jam-czi-tana-aaron-1.png" /> <img width="3200" height="2000" width_o="3200" height_o="2000" data-src="https://freight.cargo.site/t/original/i/8edd1ab62816015c34a3d0d7276f8b6e68323c80550391916cd9d7e20713029a/adobe-jam-czi-tana-aaron-2.png" data-mid="116912718" border="0" src="https://freight.cargo.site/w/1000/i/8edd1ab62816015c34a3d0d7276f8b6e68323c80550391916cd9d7e20713029a/adobe-jam-czi-tana-aaron-2.png" /> <img width="3200" height="2000" width_o="3200" height_o="2000" data-src="https://freight.cargo.site/t/original/i/e4ae611e0af206f5a07d7d5e027a2e1234797cbe0bf602cb0384b31e016764ab/adobe-jam-czi-tana-aaron-4.png" data-mid="116912720" border="0" src="https://freight.cargo.site/w/1000/i/e4ae611e0af206f5a07d7d5e027a2e1234797cbe0bf602cb0384b31e016764ab/adobe-jam-czi-tana-aaron-4.png" /> <img width="3200" height="2000" width_o="3200" height_o="2000" data-src="https://freight.cargo.site/t/original/i/beced888d448dcaa4afe019c8777e6503939d9d3592a96b72968aba024cb79d4/adobe-jam-czi-tana-aaron-3.png" data-mid="116912719" border="0" src="https://freight.cargo.site/w/1000/i/beced888d448dcaa4afe019c8777e6503939d9d3592a96b72968aba024cb79d4/adobe-jam-czi-tana-aaron-3.png" /> Next ︎ https://tanaskorn.cargo.site/ShopAid Fri, 09 Oct 2020 07:02:34 +0000 tanaskorn https://tanaskorn.cargo.site/ShopAid <img width="2832" height="1353" width_o="2832" height_o="1353" data-src="https://freight.cargo.site/t/original/i/0acd943da51322a31e9a40d7f5bf4f9fa88e34fad5abc1d251727b0bb8866c09/shopaid-hero-1.png" data-mid="85084485" border="0" src="https://freight.cargo.site/w/1000/i/0acd943da51322a31e9a40d7f5bf4f9fa88e34fad5abc1d251727b0bb8866c09/shopaid-hero-1.png" />ShopAid — App My Roles: Product Designer // Visual Designer Tools:&nbsp; Figma // Ai Team: Monique Ho, Sally Huang, Vikram Singh, Jamil Shah Foridi, Serena Patel, and Kaleb McKinneyProject Year:2020&nbsp; ShopAid aims to generate a safe game plan for your trip to local stores, helps reduce panic buying, and encourages social distancing. The original idea came out of a 48-hour virtual hackathon that brought together many talented people from all over the world with one goal in mind - to help improve the lives of those affected by the COVID-19 crisis. The Problem During the pandemic, we have all experienced panic buying, inventory shortages, and long lines at grocery stores at some point. There is no real-time stock availability or price information from stores today. Shoppers don't know where they can get what they need, or how much of it is available, or what it costs without going to the store. How can we make the local shopping experience easier, faster, and more efficient for shoppers?&nbsp; The Challenge&nbsp; • We wanted to tackle this problem with a different approach by focusing on the items instead of the stores. That means, for example, if the user have five items they need to buy on their list and the items are all spreaded out in several different stores/locations, then how might we make it easy for the user to purchase all the items in a timely manner? • Most stores wouldn’t share stock availability information with us, so we had to figure out other ways to obtain the information so that we can display real-time stock level to the user.&nbsp; • We also asked ourselves, how might we make this more than just an app to view stock level information? How might we make this experience more fun, engaging, and tailored to each user’s specific needs. • This was my first hackathon experience which happened to be a global hackathon that brought together many talented people from all over the world (a total of 822 participants across 62 countries)! Everyone on our team came from different background and were all living in different time zones. Having to do the intitial phase of this project in 48 hours was definitely a great challenge in itself. Let’s Get StartedThe ProcessWithin the first 24 hours, our team sent out surveys, conducted competitive analysis, gathered data &amp; info around local shopping behaviors during the pandemic, and identified key pain points so we can focus on MVP features, On the design side, we started to map out user flows, constructed information architecture, and sketched out wireframes. At this point, I started to explore interface and visual design using variety of tools (pen &amp; paper, Illustrator, Figma, etc,) in order to rapidly iterate on a wide variety of ideas. High Level User Flow <img width="11856" height="3508" width_o="11856" height_o="3508" data-src="https://freight.cargo.site/t/original/i/af7a44daadffba07acdb57f90bb4115c62189dea73957acc28eb7acea2241129/User-Flow.png" data-mid="85090988" border="0" src="https://freight.cargo.site/w/1000/i/af7a44daadffba07acdb57f90bb4115c62189dea73957acc28eb7acea2241129/User-Flow.png" /> Style Guide &amp; UI components<img width="3780" height="2172" width_o="3780" height_o="2172" data-src="https://freight.cargo.site/t/original/i/ad5c1eb1052d7b19d66ee24f28eeedd5e62f1347cde08da3430b0c1166a9be8c/Components.png" data-mid="85091267" border="0" src="https://freight.cargo.site/w/1000/i/ad5c1eb1052d7b19d66ee24f28eeedd5e62f1347cde08da3430b0c1166a9be8c/Components.png" /> Now, The X FactorKey Features ︎ Check item availability and stock level from the comfort of your home or anywhere you are. ︎ Make the most out of your trip! Find stores that carry the majority items in your shopping list, or choose from your favorite stores.︎ See stores peak hours to avoid crowd. ︎ Save your shopping lists to save time and shop smarter.︎ Contribute to the community and help other shoppers by quickly marking stock level information. <img width="320" height="694" width_o="320" height_o="694" data-src="https://freight.cargo.site/t/original/i/d8697c9026bca6be9f9cf705cae803ee858c3a69967764ac1246a48685b680fb/search-items.gif" data-mid="116917137" border="0" src="https://freight.cargo.site/w/320/i/d8697c9026bca6be9f9cf705cae803ee858c3a69967764ac1246a48685b680fb/search-items.gif" /> ︎Easily Search for Items The Search Bar is always at the top for easy access. When the user taps on the search bar, they also see a list of popular searched items. <img width="320" height="694" width_o="320" height_o="694" data-src="https://freight.cargo.site/t/original/i/a3e1ca7ceac91e1fef023c67d958b452e2dcc8bbd05d0b095f6099bf12e7e721/store-organized.gif" data-mid="116917139" border="0" src="https://freight.cargo.site/w/320/i/a3e1ca7ceac91e1fef023c67d958b452e2dcc8bbd05d0b095f6099bf12e7e721/store-organized.gif" /> ︎Travel Guidance to Store Location(s)Based on the items that are selected, the app smartly display the items grouped by store location, with the least amount of travel time at the top. <img width="320" height="694" width_o="320" height_o="694" data-src="https://freight.cargo.site/t/original/i/40fb38ef6e686f604c0571b19e370ba74a4065d6aba1b0e299cb2aff73ac1052/report-stock-level.gif" data-mid="116917140" border="0" src="https://freight.cargo.site/w/320/i/40fb38ef6e686f604c0571b19e370ba74a4065d6aba1b0e299cb2aff73ac1052/report-stock-level.gif" /> ︎Crowdsourcing Stock Level&nbsp; Crowdsourcing data from shoppers in real time helps ShopAid app users avoid showing up to stores to find out that their item is out of stock and make smarter trip planning. <img width="320" height="694" width_o="320" height_o="694" data-src="https://freight.cargo.site/t/original/i/d8000e93720735f5bc06972b4e6ae9374f0dbcd7707d95fe3129e5e281ce58a2/favorite-items.gif" data-mid="116917142" border="0" src="https://freight.cargo.site/w/320/i/d8000e93720735f5bc06972b4e6ae9374f0dbcd7707d95fe3129e5e281ce58a2/favorite-items.gif" /> ︎Favorite Items for Easy Future PurchaseUsers can favorite frequently purchased items so that they can easily stock availability in different stores based on their location and preferences. First Time User Experiences Onboarding screens <img width="2004" height="1352" width_o="2004" height_o="1352" data-src="https://freight.cargo.site/t/original/i/62d973c1b2b1906d284eff76d064159e63ed3066364592852d42bb93a720a945/shopaid-onboard.png" data-mid="85093191" border="0" src="https://freight.cargo.site/w/1000/i/62d973c1b2b1906d284eff76d064159e63ed3066364592852d42bb93a720a945/shopaid-onboard.png" /> Setup flows&nbsp; <img width="4100" height="3440" width_o="4100" height_o="3440" data-src="https://freight.cargo.site/t/original/i/c5a244d183ca346679e9f535dc00c60134e7ea3d12f46417fcb2184b1d40a280/shopaid-setup.png" data-mid="85093693" border="0" src="https://freight.cargo.site/w/1000/i/c5a244d183ca346679e9f535dc00c60134e7ea3d12f46417fcb2184b1d40a280/shopaid-setup.png" /> Wrapping Up...For NowThe OutcomeShopAid was well received by the judges and other participants. Though we did not win first place, we were a Runner-up!︎ Check out the article they wrote about our project&nbsp;here.&nbsp; Next steps we are working on ways to get data from local stores for our initial launch. Along with that, we are looking to add more features like turning recipes into a list of items to buy, budget management, using AR camera to quickly report stock level, etc. Lastly!︎ Feel free to&nbsp;checkout the prototype here. <img width="1500" height="1125" width_o="1500" height_o="1125" data-src="https://freight.cargo.site/t/original/i/003f205766f5d74e9d4ce41f2059aa7728ef61d3a45ddb5775b36f68bc533036/shopaid-screens.png" data-mid="85098239" border="0" src="https://freight.cargo.site/w/1000/i/003f205766f5d74e9d4ce41f2059aa7728ef61d3a45ddb5775b36f68bc533036/shopaid-screens.png" /> Next ︎ https://tanaskorn.cargo.site/Daily-UI Tue, 24 Apr 2018 08:20:15 +0000 tanaskorn https://tanaskorn.cargo.site/Daily-UI DailyUITo keep my creativity flowing, expanding my knowledge, and improving my UI design skills,&nbsp;I decided to join Daily UI challenge where everyday, I design different User Interface elements for web and mobile. I will continue to update this page as I go through the challenges for each day. Design tools: Sketch, Principle <img width="1200" height="29" width_o="1200" height_o="29" data-src="https://freight.cargo.site/t/original/i/c9be97fcd6caea92bbe912203aa98994fca1f0a5b6fd6d7c938af7d9e9c4f08f/line.png" data-mid="19839988" border="0" src="https://freight.cargo.site/w/1000/i/c9be97fcd6caea92bbe912203aa98994fca1f0a5b6fd6d7c938af7d9e9c4f08f/line.png" /> Day 01 - Sign Up"Design a sign up page, modal, form, app screen, etc. (It's up to you!)" My solution: I imagined a signup page for an app that users would use everyday for daily inspirations. Upon downloading the app, users have options to sign up with Facebook or email. I also added an option for when a user might not want to get an account just yet, but still want to give the app a try. I find that really makes experience more pleasant when you‘re not forced to give up your information when you’re unsure about it. <img width="4148" height="3028" width_o="4148" height_o="3028" data-src="https://freight.cargo.site/t/original/i/0b3cc2b49bc5cfabe27da0e077b120346bddf6b2ab56c34ef43ab393602d7176/Day_01_SignUp.jpg" data-mid="19789512" border="0" src="https://freight.cargo.site/w/1000/i/0b3cc2b49bc5cfabe27da0e077b120346bddf6b2ab56c34ef43ab393602d7176/Day_01_SignUp.jpg" /> Day 02 - Credit Card Forms"Design a credit card checkout form or page. Don't forget the important elements such as numbers, dates etc.“ My solution:&nbsp; Checkout process is one of the most important part of almost every business. Having a simple UI and great UX is the key to make user experience seamless and effective. I designed the interface to display the product(s) and total price on the left so that users can review what they are buying at any time. On the right section, credit card(s) is shown and users also have an options to choose a different card or add a new one. <img width="2726" height="1806" width_o="2726" height_o="1806" data-src="https://freight.cargo.site/t/original/i/5d1b129812b634e059bd26a395e9af3bb7ea6b923729bb3cf2a034c2bdd9b059/CreditCard_Froms_02b.jpg" data-mid="19083662" border="0" src="https://freight.cargo.site/w/1000/i/5d1b129812b634e059bd26a395e9af3bb7ea6b923729bb3cf2a034c2bdd9b059/CreditCard_Froms_02b.jpg" /> Day 03 - Landing Page"What's the main focus? Is it for a book, an album, a mobile&nbsp;app, a product? Consider important landing page elements.” My solution:&nbsp; REI has a social campaign encourage people to just simply go and enjoy yourself outside. Many people around the world participate by posting their pictures on social media with #OptOutSide. I thought it would make the experience even better to have a landing page as a main hub to showcase selected photos from this campaign. The images are shown full screen in the background to create strong visual impact and to capture user’s attention. <img width="2560" height="1700" width_o="2560" height_o="1700" data-src="https://freight.cargo.site/t/original/i/7467dcd1424ca35b11dd26c3bed2bc1f975f815329855fddeaf88c10d693668d/Day_03_LandingPage.jpg" data-mid="15271990" border="0" src="https://freight.cargo.site/w/1000/i/7467dcd1424ca35b11dd26c3bed2bc1f975f815329855fddeaf88c10d693668d/Day_03_LandingPage.jpg" /> Day 04 - Calculator "Design a calculator. Standard, scientific, or specialty calculator for something such as a mortgage? Is it for a phone, a tablet, a web app?” My solution: What’s more useful than calculator? A tip calculator! This’s an interface for a tip calculator app for users to quickly figure out how much they should tip at a restaurant. It includes the most common(and suggested) tip percentage options (in America.) <img width="2560" height="2000" width_o="2560" height_o="2000" data-src="https://freight.cargo.site/t/original/i/45af94e59c107a3df889b5abc3b06ec536003123444dd8f3abea3a4bf103cb41/Day_04_Calculator.jpg" data-mid="15271991" border="0" src="https://freight.cargo.site/w/1000/i/45af94e59c107a3df889b5abc3b06ec536003123444dd8f3abea3a4bf103cb41/Day_04_Calculator.jpg" /> Day 05 - App Icon "Design an app icon. What best represents the brand or product? Or is it incredibly unique? Does it look great at a distance and does it stand out when put on your home screen alongside other apps?" My solution: I designed this icon for a mail/delivery tracking app. The icon represents an owl. I got my inspiration from, yes, Harry Potter! For those of you who don’t know, in HP, owls carry message and items from one person to another. I chose orange on yellow so that the icon would stand out from others when viewed on a phone. Also, these color are&nbsp;associated with&nbsp;happiness and optimism. <img width="2109" height="1156" width_o="2109" height_o="1156" data-src="https://freight.cargo.site/t/original/i/0499de4609c142218d9e07f4111a56ef43585c4376cf5f1404da79072f46ccd3/Artboard.png" data-mid="15271993" border="0" data-scale="56" src="https://freight.cargo.site/w/1000/i/0499de4609c142218d9e07f4111a56ef43585c4376cf5f1404da79072f46ccd3/Artboard.png" /><img width="400" height="300" width_o="400" height_o="300" data-src="https://freight.cargo.site/t/original/i/c6d9dd8ce67d1831083c7a8e41105f358f715c693fdff209fd42985b5e258387/promotr_gif_blog.gif" data-mid="15272000" border="0" src="https://freight.cargo.site/w/400/i/c6d9dd8ce67d1831083c7a8e41105f358f715c693fdff209fd42985b5e258387/promotr_gif_blog.gif" /> Day 06 - User Profile"Design a user profile and be mindful of the most important data, names, imagery, placement, etc. Is it for a serious profile? A social profile?” My solution: &nbsp; This’s a user profile page for a rock climbing app. I notice that there are not a lot of app in the market that dedicated for people who do indoor rock climbing. So I had this idea of Facebook for indoor rock climbers. Users create accounts and share anything rock climbing related. Connect with other climbers by browsing profiles sorted by location, level, and more! Beside social aspects of the app, users can also log their climbs and track climbing progress. <img width="1884" height="1414" width_o="1884" height_o="1414" data-src="https://freight.cargo.site/t/original/i/24481ac700694347bf29a27ff4bb914473b09a8e476d41cebf37ea5d1d30c783/Day_06_UserProfile_blog.png" data-mid="15272020" border="0" src="https://freight.cargo.site/w/1000/i/24481ac700694347bf29a27ff4bb914473b09a8e476d41cebf37ea5d1d30c783/Day_06_UserProfile_blog.png" /> <img width="396" height="750" width_o="396" height_o="750" data-src="https://freight.cargo.site/t/original/i/371a1010ba0a0dea77d1e79686335484941070c331c5bf8eba3db541ea05f175/Day_06_UserProfile_blog.gif" data-mid="15272019" border="0" data-scale="90" src="https://freight.cargo.site/w/396/i/371a1010ba0a0dea77d1e79686335484941070c331c5bf8eba3db541ea05f175/Day_06_UserProfile_blog.gif" /> Day 07 - Settings "Design settings for something. Is it for security or privacy settings? Game settings? What is it and what's important?” My solution: This’s a light setting page for a smart home app where you can control lights in your home. You can change color, adjust brightness, set a timer, and turn off/on - all from your phone! <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/06454be942d25445b575cbec740dd88df7918433025ed44951f5d90691a5a54e/daily007_blog.png" data-mid="15272022" border="0" src="https://freight.cargo.site/w/1000/i/06454be942d25445b575cbec740dd88df7918433025ed44951f5d90691a5a54e/daily007_blog.png" /> Day 08 - 404 Page "Design a 404 page. Does it suit the brand's style? Is it user-friendly?" My solution: If there’s a site for Stranger Things, this’s what the 404 page should look like :) Taking inspiration from the show itself, the error page depicts the famous alphabet wall scene with a warning message from Will. <img width="800" height="600" width_o="800" height_o="600" data-src="https://freight.cargo.site/t/original/i/6a85836ac94bb907ed66741d0d6c72eb811b2c1080ac42fca08de6803c991794/Day_08_404_2.gif" data-mid="15272023" border="0" src="https://freight.cargo.site/w/800/i/6a85836ac94bb907ed66741d0d6c72eb811b2c1080ac42fca08de6803c991794/Day_08_404_2.gif" /> Day 09 - Music Player Spotify x Tinder"Design a music player. Consider the controls, placements, imagery such as the artist or album cover, etc.” My solution: In today’s fast paced society, not everyone has time to browse through an endless list of playlists to find what they are looking for. Many music apps now offer "Top Recommendations For You&nbsp;“ but&nbsp;the problem is you still have to click one by one through them to check out the songs. So I had an idea of using Tinder&nbsp;functionality as a way to quickly browse through the list. You can swipe left (or tap&nbsp;‘x’) if you don’t like the music or you can swipe right(or tap the heart icon) if you like it and it will automatically be saved to your playlist. This’s a fun alternative way to browse for favorite music that targets&nbsp;millennials who have short attention span. <img width="898" height="874" width_o="898" height_o="874" data-src="https://freight.cargo.site/t/original/i/5ab5bd932d716f8375b2d6b2a69ed9a9ca0bccc29667aaf029162f05883410b6/Day_09_MusicPlayer_blog3.png" data-mid="15273089" border="0" data-scale="62" src="https://freight.cargo.site/w/898/i/5ab5bd932d716f8375b2d6b2a69ed9a9ca0bccc29667aaf029162f05883410b6/Day_09_MusicPlayer_blog3.png" />&nbsp; &nbsp; &nbsp; &nbsp;<img width="341" height="572" width_o="341" height_o="572" data-src="https://freight.cargo.site/t/original/i/dc6f1bee847ebf0491feb8a3df63b399ce8c557e855434054316f833b8d7d5a9/Day_09_MusicPlayer_crop.gif" data-mid="15273233" border="0" data-scale="100" src="https://freight.cargo.site/w/341/i/dc6f1bee847ebf0491feb8a3df63b399ce8c557e855434054316f833b8d7d5a9/Day_09_MusicPlayer_crop.gif" /> Day 10 - Social Share "Design a social share button/icon and be mindful of the size, imagery, placement, and purpose for sharing.” My solution:&nbsp; I designed a social media&nbsp;sharing for a travel blog. When reading an article, users can share it to their social media by tapping the share icon. The icon is fixed to the bottom&nbsp;corner so users can share at anytime no matter where they are on the page.<img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/98df0137ca526fb3c63e010d12e18c3d12c3231b7df283309df390ed9898ba3c/Day_09_social_share.gif" data-mid="19092501" border="0" src="https://freight.cargo.site/w/1000/i/98df0137ca526fb3c63e010d12e18c3d12c3231b7df283309df390ed9898ba3c/Day_09_social_share.gif" /> Day 11 - Flash Message (Error/Success)"Design a Flash Message with both the outcome for an error and success. Is it for a sign up form? A download/upload message?" My solution: This’s a flash message for hotel booking site. If the booking is completed successfully, you will be served with a congratulation message as well as a short summary of your booking. On the other hand, if it didn’t go through, the error message will appear with options for you to either go back and try again or get help from customer service. I added cute little animation to make the process more fun and user-friendly.<img width="700" height="576" width_o="700" height_o="576" data-src="https://freight.cargo.site/t/original/i/174aa0deb979f2a2db2763d250623056212388b8548629e88001bacd6da15e13/Day_010_Flash_message_Combined.gif" data-mid="19092508" border="0" src="https://freight.cargo.site/w/700/i/174aa0deb979f2a2db2763d250623056212388b8548629e88001bacd6da15e13/Day_010_Flash_message_Combined.gif" /> Day 12 - E-Commerce Shop (Single Item) "Design an e-commerce shop. Is it simple for a local business or a large online retailer? Is it for clothing, shoes, handmade soap, or something else?” My solution: This’s an e-commerce shop for polaroid instant mini. Since there are seven color options for this edition, I thought it’d be fun to add a little interaction where the color of the background and the camera seamlessly change as you click through the options. &nbsp; <img width="800" height="569" width_o="800" height_o="569" data-src="https://freight.cargo.site/t/original/i/dadf09105d72acd597df69b83cdbbf120606e3907f2e426aab4441f63b6b1163/Day_12_Compressed.gif" data-mid="15273549" border="0" src="https://freight.cargo.site/w/800/i/dadf09105d72acd597df69b83cdbbf120606e3907f2e426aab4441f63b6b1163/Day_12_Compressed.gif" /> Day 13 - Direct Messaging"Design a Direct Messaging app, profile, or chatbox. Consider the parties involved in the messages, images, placement, and context of the messages. Are the messages for social purposes? Customer support?” My solution: I love it when a business offers customer online chat support. It’s convenient, fast, and reliable. I designed this interface having that principle in mind. To ensure that a user is talking to a real person, I added representative’s name and photo at the top to make user feel more personal. The little green circle indicates that the representative is currently online (in case there’s a connectivity issue). At the bottom, there’s a camera and attachment icon in case there's a need to send over any visual reference. At the end of the chat, user will be prompted with a screen asking to rate the experience. This’s a fast and simple way to get user’s opinion in stead of asking them to fill out a form. There’s also an option to obtain a copy of the chat transcript as a peace of mind for future reference. <img width="1357" height="859" width_o="1357" height_o="859" data-src="https://freight.cargo.site/t/original/i/a0a559473e23942526fd1d7035f4344685840abad57f93f71a1baa4411a8b8d8/Day_13_DirectMessaging.png" data-mid="19092579" border="0" src="https://freight.cargo.site/w/1000/i/a0a559473e23942526fd1d7035f4344685840abad57f93f71a1baa4411a8b8d8/Day_13_DirectMessaging.png" /> Day 14 - Onboarding"Hint: Design something onboarding related. Are you recruiting people for an organization? To sign up for a new website? A mobile app?" My solution: I found that even though I regularly use Dribbble as a source of inspiration, it took me some time to understand the whole process on how to contribute to this community. So I created a simple and easy to follow guide of how one can become a Dribbbler. See it in action︎ <img width="2040" height="1140" width_o="2040" height_o="1140" data-src="https://freight.cargo.site/t/original/i/7e53b477d6efefb11f972510650101da5e15777ea44500273314579231fb7134/Tana_Dribbble_debut.jpg" data-mid="19838987" border="0" src="https://freight.cargo.site/w/1000/i/7e53b477d6efefb11f972510650101da5e15777ea44500273314579231fb7134/Tana_Dribbble_debut.jpg" /> ︎ Previous Next ︎ #page_1, #index, .thumbnails, #pagination{display:none!important;} https://tanaskorn.cargo.site/It-Comes-at-Night Mon, 16 Apr 2018 22:32:46 +0000 tanaskorn https://tanaskorn.cargo.site/It-Comes-at-Night <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/12b1a5f96ad9d6f2323a78e81545daa9593d179a9727b3eb00c614b2dcb68bf0/ican_mockup_hero.jpg" data-mid="15199086" border="0" src="https://freight.cargo.site/w/1000/i/12b1a5f96ad9d6f2323a78e81545daa9593d179a9727b3eb00c614b2dcb68bf0/ican_mockup_hero.jpg" /> It Comes At Night ⸺ A24My Roles: Design // Concept // Video editing Agency: InSync Plus&nbsp;It Comes At Night is a well-crafted psychological horror film about what happens in the middle of an apocalypse. The tone of the film is very tense and chilling, hence the design carries a lot of black space, clean images, simple design elements, as well as subtle animation style. My role is to conceptualize and execute a design for the official website. The landing page should be unique, so I came up with the idea of having the video backgrounds change accordingly to time of the day. If users visit the site between 8am-8pm, the video background portrays life during the days using scenes taken from the movie. Likewise, during 8pm-8am, the video shows things that happen at night. I edit the background videos myself, using Adobe Premiere Pro, as well as GIFs on the Cast page (which activates on hover state.) Beside the website, I also helped conceptualizing a number of video editorial and shareable social pieces. View Site︎ Visit Facebook Page︎ <img width="1044" height="1328" width_o="1044" height_o="1328" data-src="https://freight.cargo.site/t/original/i/a14d3384f38b22a37c412cfde18ff72d6f061ab27f62360460c29083243b1492/ICAN_Sketch.jpg" data-mid="19504291" border="0" src="https://freight.cargo.site/w/1000/i/a14d3384f38b22a37c412cfde18ff72d6f061ab27f62360460c29083243b1492/ICAN_Sketch.jpg" /> <img width="1920" height="5463" width_o="1920" height_o="5463" data-src="https://freight.cargo.site/t/original/i/95a1c904a35d2856b8a8f8ad105f92b2e241c47033a9340c1a5aabaae4d4fea9/ICAN_Wireframe.jpg" data-mid="19504541" border="0" src="https://freight.cargo.site/w/1000/i/95a1c904a35d2856b8a8f8ad105f92b2e241c47033a9340c1a5aabaae4d4fea9/ICAN_Wireframe.jpg" /> <img width="1920" height="6528" width_o="1920" height_o="6528" data-src="https://freight.cargo.site/t/original/i/dca78f996d482be0e1f545c8fd30112a8fbe495fb72b4fd20ad50ee6ec99c3e0/ICAN_FullSite.jpg" data-mid="19457579" border="0" src="https://freight.cargo.site/w/1000/i/dca78f996d482be0e1f545c8fd30112a8fbe495fb72b4fd20ad50ee6ec99c3e0/ICAN_FullSite.jpg" />View Site︎ <img width="700" height="394" width_o="700" height_o="394" data-src="https://freight.cargo.site/t/original/i/d0e81cb4e8e4380791f4aab59c4e611a03a8b1629c7608c20f0587a826ed2ff1/day.gif" data-mid="15200022" border="0" src="https://freight.cargo.site/w/700/i/d0e81cb4e8e4380791f4aab59c4e611a03a8b1629c7608c20f0587a826ed2ff1/day.gif" />Homepage Video Background - Day <img width="700" height="394" width_o="700" height_o="394" data-src="https://freight.cargo.site/t/original/i/454ccde6d111729afd5f2fd68044f06f8f6a74fd4f032c28bf1e20587d6153e2/night.gif" data-mid="15200023" border="0" src="https://freight.cargo.site/w/700/i/454ccde6d111729afd5f2fd68044f06f8f6a74fd4f032c28bf1e20587d6153e2/night.gif" />Homepage Video Background - Night Website Video Capture Next ︎ https://tanaskorn.cargo.site/Sixth-Digit-Store Mon, 23 Apr 2018 03:21:04 +0000 tanaskorn https://tanaskorn.cargo.site/Sixth-Digit-Store <img width="2020" height="1286" width_o="2020" height_o="1286" data-src="https://freight.cargo.site/t/original/i/26599dcbf4770d705671d80254a1e9dd4a2d9cd1bb16d751536d1d44551362c0/sixthdigit_hero_mock3.gif" data-mid="19457253" border="0" src="https://freight.cargo.site/w/1000/i/26599dcbf4770d705671d80254a1e9dd4a2d9cd1bb16d751536d1d44551362c0/sixthdigit_hero_mock3.gif" /> Sixth Digit Online Store ⸺ Sixth DigitMy Roles: Art Direction // Design // Animation (homepage video background)&nbsp;Sixth Digit e-commerce website is not quite like any others. The client wanted to make sure that his fun, high-energy personality and style is reflected on the site. My job is to bring his idea to live by design an eye-catching, interactive e-commerce that won't just being a display for products, but also entertain users and drive the sale. I designed the landing page to be fully animated by creating animation background using the illustrations provided from the client. I also designed a radio player on the upper right corner that expands on mouse hover. Aside from the homepage, I also designed shop, product details, about us, contact, cart, checkout, and terms&amp;condition page. On top of static comps, I created motion videos to show the client and developer as a reference of what the interactions could look like for the homepage.&nbsp;Please feel free to check it out below! <img width="2500" height="1952" width_o="2500" height_o="1952" data-src="https://freight.cargo.site/t/original/i/b53fc009d21bd7fcb78a2dad09b65584d177fa67ae8773ba2aaaf3e60103699f/sixthdigitsketch2.jpg" data-mid="15208166" border="0" data-scale="86" src="https://freight.cargo.site/w/1000/i/b53fc009d21bd7fcb78a2dad09b65584d177fa67ae8773ba2aaaf3e60103699f/sixthdigitsketch2.jpg" /> <img width="1334" height="892" width_o="1334" height_o="892" data-src="https://freight.cargo.site/t/original/i/e941858980870faccf6b0c7ef05008c89cb9111bd9df957ff9767ff2623053a5/6thdigit_-sitemap.jpg" data-mid="19507724" border="0" src="https://freight.cargo.site/w/1000/i/e941858980870faccf6b0c7ef05008c89cb9111bd9df957ff9767ff2623053a5/6thdigit_-sitemap.jpg" /> <img width="1300" height="2626" width_o="1300" height_o="2626" data-src="https://freight.cargo.site/t/original/i/c0dd003805fce83f07f1aabcf22d5fb270f47304627bf467df45ae0de0921b03/01_SixthDigit_HomePage_.jpg" data-mid="18628634" border="0" src="https://freight.cargo.site/w/1000/i/c0dd003805fce83f07f1aabcf22d5fb270f47304627bf467df45ae0de0921b03/01_SixthDigit_HomePage_.jpg" /> <img width="1284" height="1284" width_o="1284" height_o="1284" data-src="https://freight.cargo.site/t/original/i/fdfe0e1fdaedac594b37986cf595d83e7b0efe6246fe8fe3671d5c7ba227cde0/01_SixthDigit_Shop.jpg" data-mid="19508046" border="0" src="https://freight.cargo.site/w/1000/i/fdfe0e1fdaedac594b37986cf595d83e7b0efe6246fe8fe3671d5c7ba227cde0/01_SixthDigit_Shop.jpg" />Shop <img width="1300" height="1284" width_o="1300" height_o="1284" data-src="https://freight.cargo.site/t/original/i/fc9cb803f7ff7b75ebffcb6263fef5edeb18d1c9a57ec31bd11bef759265c0e1/03_SixthDigit_ProductDetail_BRinged_Crewneck_Sand.jpg" data-mid="18629071" border="0" src="https://freight.cargo.site/w/1000/i/fc9cb803f7ff7b75ebffcb6263fef5edeb18d1c9a57ec31bd11bef759265c0e1/03_SixthDigit_ProductDetail_BRinged_Crewneck_Sand.jpg" /> Product Detail Page <img width="1300" height="1065" width_o="1300" height_o="1065" data-src="https://freight.cargo.site/t/original/i/cb184a812aa877019b18ffeea8319e53e750ecb018063a046d92a10279d8ca3d/SixthDigit_Checkout.jpg" data-mid="18629073" border="0" src="https://freight.cargo.site/w/1000/i/cb184a812aa877019b18ffeea8319e53e750ecb018063a046d92a10279d8ca3d/SixthDigit_Checkout.jpg" /> Check out Motion comp ︎ Previous Next ︎ https://tanaskorn.cargo.site/Fundamental-of-Caring Mon, 23 Apr 2018 21:42:55 +0000 tanaskorn https://tanaskorn.cargo.site/Fundamental-of-Caring Fundamental of Caring⸺ NetflixRoles: Design // Concept // Video editing Agency: InSync Plus&nbsp;Fundamental of Caring is a quirky, funny, light-hearted yet empowering and emotional dramedy about care-giving, second chances, new beginnings, and laughter. My role is to come up with concepts for social media campaigns while making sure that the design speaks truthfully to the tone of the film. The final pieces include editorial video series, cinemagraphs, Facebook carousel ads, and character and critical acclaim cards. Visit Facebook Page︎ <img width="1000" height="563" width_o="1000" height_o="563" data-src="https://freight.cargo.site/t/original/i/13c732906b68a8e6ee7ac92686278b0b657072e53eb9653867e3a7efd79153dc/titlecard.gif" data-mid="15253149" border="0" src="https://freight.cargo.site/w/1000/i/13c732906b68a8e6ee7ac92686278b0b657072e53eb9653867e3a7efd79153dc/titlecard.gif" />Watch “Going on a Date” video︎Watch “Hitchhiking” video︎ Watch “Pranking” video︎ Watch “Getting Your Way” video︎ <img width="1000" height="563" width_o="1000" height_o="563" data-src="https://freight.cargo.site/t/original/i/6dbd92e138eb1b1911c4353b2abd5dd7c5394e2605b137107cf426226c6cd870/Dot_charactercard2.gif" data-mid="15253278" border="0" src="https://freight.cargo.site/w/1000/i/6dbd92e138eb1b1911c4353b2abd5dd7c5394e2605b137107cf426226c6cd870/Dot_charactercard2.gif" /> Watch “Dot” video︎Watch “Trevor” video︎ Watch “Ben” video︎ <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/ab646f2d5d8883d33a99b8e156e5d6da27a1d2575f6d8f0d7f8ae0a286571a9a/JobInterview_Gif.gif" data-mid="15253347" border="0" src="https://freight.cargo.site/w/1000/i/ab646f2d5d8883d33a99b8e156e5d6da27a1d2575f6d8f0d7f8ae0a286571a9a/JobInterview_Gif.gif" />Watch “Landing the Job” video︎ Watch “Going Above &amp; Beyond” video︎Watch “Knowing Your Client” video︎ <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/a20ccf5508a17df052c1ec99ae39154568dc1a41502ba8c042ac815408be8923/Elsa_book.jpg" data-mid="15253957" border="0" src="https://freight.cargo.site/w/1000/i/a20ccf5508a17df052c1ec99ae39154568dc1a41502ba8c042ac815408be8923/Elsa_book.jpg" /> Watch “Elsa’s DMD Notebook” Video︎ <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/73c59d746529fa3a0ceaa966ff3d422ad6de9025106e3ae8564438b737408491/waffle2.gif" data-mid="15253865" border="0" src="https://freight.cargo.site/w/1000/i/73c59d746529fa3a0ceaa966ff3d422ad6de9025106e3ae8564438b737408491/waffle2.gif" /> View︎ <img width="800" height="800" width_o="800" height_o="800" data-src="https://freight.cargo.site/t/original/i/5398837c06e3dd615e26c3c77d6ed273c0920c8842a50801fb792114459bcf0f/bitestothejames_compressed.gif" data-mid="15254441" border="0" src="https://freight.cargo.site/w/800/i/5398837c06e3dd615e26c3c77d6ed273c0920c8842a50801fb792114459bcf0f/bitestothejames_compressed.gif" /> View︎ Accolade Cards <img width="1280" height="1280" width_o="1280" height_o="1280" data-src="https://freight.cargo.site/t/original/i/d809ec87d9d43630763f2b7121929c3e6199d7990904ef8681c663756d453a69/FoC_Accolades_TheGuardian_1280x1280.jpg" data-mid="15254016" border="0" src="https://freight.cargo.site/w/1000/i/d809ec87d9d43630763f2b7121929c3e6199d7990904ef8681c663756d453a69/FoC_Accolades_TheGuardian_1280x1280.jpg" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/0f005964edeed2d8e29965ffbc3d93c293f76554561a6c6c46fcbd6305bbb680/FoC_Accolades_1280x1280_R02_v3.jpg" data-mid="15254014" border="0" src="https://freight.cargo.site/w/1000/i/0f005964edeed2d8e29965ffbc3d93c293f76554561a6c6c46fcbd6305bbb680/FoC_Accolades_1280x1280_R02_v3.jpg" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/a79ef269523944a97e0bf72ba5e35864fe280619f7558be968dce4dda05893e8/FoC_Accolades_1280x1280_R02_v1.jpg" data-mid="15254012" border="0" src="https://freight.cargo.site/w/1000/i/a79ef269523944a97e0bf72ba5e35864fe280619f7558be968dce4dda05893e8/FoC_Accolades_1280x1280_R02_v1.jpg" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/2b8be4821ee812201b656d34e01d0fbb3335144ee033ab49f1c0148daf07151b/FoC_Accolades_1280x1280_R02_v5.jpg" data-mid="15254015" border="0" src="https://freight.cargo.site/w/1000/i/2b8be4821ee812201b656d34e01d0fbb3335144ee033ab49f1c0148daf07151b/FoC_Accolades_1280x1280_R02_v5.jpg" /> <img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/a918be75e0280af987de5ff5054917dde7bb53a5cf27ebfb1b19cbcbfb126b91/FoC_Accolades_1280x1280_R02_v2.jpg" data-mid="15254013" border="0" src="https://freight.cargo.site/w/1000/i/a918be75e0280af987de5ff5054917dde7bb53a5cf27ebfb1b19cbcbfb126b91/FoC_Accolades_1280x1280_R02_v2.jpg" /> ︎ Previous Next ︎ https://tanaskorn.cargo.site/Gifted Tue, 24 Apr 2018 03:08:30 +0000 tanaskorn https://tanaskorn.cargo.site/Gifted Gifted ⸺&nbsp;Fox Searchlight Roles: Design // Concept Agency: InSync Plus&nbsp;Gifted is a beautiful and heartwarming family drama film that revolves around a 7 year-old girl who is a math genius, but is still playful and innocent just like other kids her age. My role is to conceptualize and execute the design for social marketing pieces such as cinemagraphs, memes, countdown, quote and critical acclaim cards. Visit Facebook Page︎ <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/16730daba45faf9f513703fb8a7a67dbcf233d9ac61f77c58b34d0786b0245d1/Beach_Mary.gif" data-mid="15264765" border="0" src="https://freight.cargo.site/w/700/i/16730daba45faf9f513703fb8a7a67dbcf233d9ac61f77c58b34d0786b0245d1/Beach_Mary.gif" />Cinemagraph︎ <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/b90587404bef5e138e343f30277a726e1d46732b712a0d2121192ea16c8a0d8e/Sketches_02.jpg" data-mid="15264768" border="0" src="https://freight.cargo.site/w/700/i/b90587404bef5e138e343f30277a726e1d46732b712a0d2121192ea16c8a0d8e/Sketches_02.jpg" /> <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/c5c7038d680b1eb6f30819268447923ae3f36e87b5832c3334f74adff2e238ed/Sketches_01.jpg" data-mid="15264767" border="0" src="https://freight.cargo.site/w/700/i/c5c7038d680b1eb6f30819268447923ae3f36e87b5832c3334f74adff2e238ed/Sketches_01.jpg" /> Sketches <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/db0a3616cd2ea042a2983c0bc579459b4cf7b522f6e7d71367ed28620497b455/Countdown_OneWeek.jpg" data-mid="15265255" border="0" src="https://freight.cargo.site/w/700/i/db0a3616cd2ea042a2983c0bc579459b4cf7b522f6e7d71367ed28620497b455/Countdown_OneWeek.jpg" />Countdown Card <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/c3e6d57dfb8617a3569119b74040743cdace154d42acb576bbdcde227889f79a/ReviewCard_Roberta.jpg" data-mid="15265258" border="0" src="https://freight.cargo.site/w/700/i/c3e6d57dfb8617a3569119b74040743cdace154d42acb576bbdcde227889f79a/ReviewCard_Roberta.jpg" />Accolade Card <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/20cb315d319301f41ef0b00c0f46ec80e4b1fd827fbd755c302c86a13fdaccd7/RealMenSaveCats_01.jpg" data-mid="15265368" border="0" src="https://freight.cargo.site/w/700/i/20cb315d319301f41ef0b00c0f46ec80e4b1fd827fbd755c302c86a13fdaccd7/RealMenSaveCats_01.jpg" /> Fred The One-Eyed Cat Meme <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/2a5e9c3fd5824202ab11b004558a371483f324cb2eecd814e087d8d7eb5731e3/RealMenSaveCats_03.jpg" data-mid="15265370" border="0" src="https://freight.cargo.site/w/700/i/2a5e9c3fd5824202ab11b004558a371483f324cb2eecd814e087d8d7eb5731e3/RealMenSaveCats_03.jpg" />Fred The One-Eyed Cat Meme <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/f55be928b505e095f708133a86ab6bc49a2986c2e5560a84fd8f9135622495d4/Countdown_OneMonth.jpg" data-mid="15265254" border="0" src="https://freight.cargo.site/w/700/i/f55be928b505e095f708133a86ab6bc49a2986c2e5560a84fd8f9135622495d4/Countdown_OneMonth.jpg" />Countdown Card <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/1eae1b868961347aaf3d44c096af4bd2ffdaa1de1667f94adae2f8fed5d94d43/ReviewCard_Chris_Mary.jpg" data-mid="15265257" border="0" src="https://freight.cargo.site/w/700/i/1eae1b868961347aaf3d44c096af4bd2ffdaa1de1667f94adae2f8fed5d94d43/ReviewCard_Chris_Mary.jpg" />Accolade Card <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/3bcc06172a295c960e9ee7ea073b81a7a98233db56b27b13fc761bb91ee350af/QuoteCard_MaryGifted.jpg" data-mid="15265256" border="0" src="https://freight.cargo.site/w/700/i/3bcc06172a295c960e9ee7ea073b81a7a98233db56b27b13fc761bb91ee350af/QuoteCard_MaryGifted.jpg" />Quote Card <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/d6b5a509d0c784a747250ab460b90bbaa29667ca687bd1933f3c4b725dcf60f1/RealMenSaveCats_02.jpg" data-mid="15265369" border="0" src="https://freight.cargo.site/w/700/i/d6b5a509d0c784a747250ab460b90bbaa29667ca687bd1933f3c4b725dcf60f1/RealMenSaveCats_02.jpg" />Fred The One-Eyed Cat Meme <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/184e60caf85270747d7077996abbb9e6c2f479ca0f98016bee0dfa281181b8ed/RealMenSaveCats_04.jpg" data-mid="15265372" border="0" src="https://freight.cargo.site/w/700/i/184e60caf85270747d7077996abbb9e6c2f479ca0f98016bee0dfa281181b8ed/RealMenSaveCats_04.jpg" />Fred The One-Eyed Cat Meme <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/faf533e1d91afc18637e5ec8e21a0987ec8b7c9161dea99758ce12f1da4ab5c9/07.jpg" data-mid="15265367" border="0" src="https://freight.cargo.site/w/700/i/faf533e1d91afc18637e5ec8e21a0987ec8b7c9161dea99758ce12f1da4ab5c9/07.jpg" /> Fred The One-Eyed Cat ︎ Previous&nbsp; Next ︎ https://tanaskorn.cargo.site/Equals Tue, 24 Apr 2018 03:49:22 +0000 tanaskorn https://tanaskorn.cargo.site/Equals Equals ⸺ A24 Roles: Design // Concept Agency: InSync Plus&nbsp;Equals is a futuristic movie about two people who fall in love in an emotionless utopia. My role is to come up with concepts, look and feel, and execute the design to promote the movie across many social media channels. Visit Facebook Page︎ <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/9dfb878700e73b3d6906cba8f3072b7330fe41a06c763c68404588c4541d762f/02_Kristen.jpg" data-mid="15265689" border="0" src="https://freight.cargo.site/w/700/i/9dfb878700e73b3d6906cba8f3072b7330fe41a06c763c68404588c4541d762f/02_Kristen.jpg" /> <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/d1adfa2ae78549eca17f1cabd391a1742824a9ee3dcf062b127a03042034ea28/02_Nic.jpg" data-mid="15265690" border="0" src="https://freight.cargo.site/w/700/i/d1adfa2ae78549eca17f1cabd391a1742824a9ee3dcf062b127a03042034ea28/02_Nic.jpg" /> <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/1aac9ef3cc12323b0866c9870f2cf2c709be89aa757c4d7dd8a4640bbe9f2800/TK_03.jpg" data-mid="15265691" border="0" src="https://freight.cargo.site/w/700/i/1aac9ef3cc12323b0866c9870f2cf2c709be89aa757c4d7dd8a4640bbe9f2800/TK_03.jpg" /> <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/9411021aef9ead31248f8b8bfef1a9e19bec8249310d9d84ddb86a6b43177d54/TK_04.jpg" data-mid="15265692" border="0" src="https://freight.cargo.site/w/700/i/9411021aef9ead31248f8b8bfef1a9e19bec8249310d9d84ddb86a6b43177d54/TK_04.jpg" /> <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/b792a118322e451040825b530d48569e986fc60311ee851f764400c1cd534880/01_Desire.jpg" data-mid="15265686" border="0" src="https://freight.cargo.site/w/700/i/b792a118322e451040825b530d48569e986fc60311ee851f764400c1cd534880/01_Desire.jpg" /> <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/855014f83816505bd7864b6886cfeaa140708d9c3ae1a4769ecd778d7860cc34/01_Lust.jpg" data-mid="15265688" border="0" src="https://freight.cargo.site/w/700/i/855014f83816505bd7864b6886cfeaa140708d9c3ae1a4769ecd778d7860cc34/01_Lust.jpg" /> <img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/b68e5c8fa99a5357f5a7aa64b998028a9fd7aadd9c367370a40f2a447ebaaf89/01_love.jpg" data-mid="15265687" border="0" src="https://freight.cargo.site/w/700/i/b68e5c8fa99a5357f5a7aa64b998028a9fd7aadd9c367370a40f2a447ebaaf89/01_love.jpg" /> ︎Previous Next ︎