{"id":3567,"date":"2014-02-06T17:43:07","date_gmt":"2014-02-06T22:43:07","guid":{"rendered":"http:\/\/blog.cmiscm.com\/?p=3567"},"modified":"2023-01-14T13:29:48","modified_gmt":"2023-01-14T21:29:48","slug":"ddanga","status":"publish","type":"post","link":"http:\/\/blog.cmiscm.com\/?p=3567","title":{"rendered":"DDANGA"},"content":{"rendered":"<div class=\"cmpro\">\n<h3>RUNNING ON IPAD<\/h3>\n<div class=\"cmvideo\" style=\"padding-bottom: 56.3%;\"><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/D_BosEjhDFQ?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>SLIDE SWIPE PROTOTYPE<\/h3>\n<div class=\"cmvideo\" style=\"padding-bottom: 56.3%;\"><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/N0rT7IGg988?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>SLIDE ONLY ITEMS IN VISIBLE AREA<\/h3>\n<div class=\"cmvideo\" style=\"padding-bottom: 56.3%;\"><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/zltA7SiTgKI?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>ICON DESIGN<\/h3>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3871\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/iCON_noline_blog.jpg\" alt=\"iCON_noline_blog\" width=\"1000\" height=\"688\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/iCON_noline_blog.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/iCON_noline_blog-300x206.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>WEBSITE DESIGN<\/h3>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3872\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a1.jpg\" alt=\"a1\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a1.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a1-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3873\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a2.jpg\" alt=\"a2\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a2.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a2-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3874\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a3.jpg\" alt=\"a3\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a3.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a3-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3882\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a4.jpg\" alt=\"a4\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a4.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a4-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3875\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a5.jpg\" alt=\"a5\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a5.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a5-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3876\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a6.jpg\" alt=\"a6\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a6.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a6-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3883\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a7.jpg\" alt=\"a7\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a7.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a7-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3877\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a8.jpg\" alt=\"a8\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a8.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a8-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3878\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a9.jpg\" alt=\"a9\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a9.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a9-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3884\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a10.jpg\" alt=\"a10\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a10.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a10-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3879\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a11.jpg\" alt=\"a11\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a11.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a11-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3880\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a12.jpg\" alt=\"a12\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a12.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a12-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3885\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a13.jpg\" alt=\"a13\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a13.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a13-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3881\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a14.jpg\" alt=\"a14\" width=\"1000\" height=\"639\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a14.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/a14-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/div>\n<\/div>\n<div class=\"cmpro noshadow\">\n<h3>CMS<\/h3>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4136\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b1.png\" alt=\"b1\" width=\"958\" height=\"821\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b1.png 958w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b1-300x257.png 300w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4137\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b2.png\" alt=\"b2\" width=\"958\" height=\"821\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b2.png 958w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b2-300x257.png 300w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4138\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b3.png\" alt=\"b3\" width=\"958\" height=\"821\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b3.png 958w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b3-300x257.png 300w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4139\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b4.png\" alt=\"b4\" width=\"958\" height=\"821\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b4.png 958w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b4-300x257.png 300w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4140\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b5.png\" alt=\"b5\" width=\"958\" height=\"821\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b5.png 958w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b5-300x257.png 300w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4141\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b6.png\" alt=\"b6\" width=\"958\" height=\"821\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b6.png 958w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2014\/02\/b6-300x257.png 300w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>DESCRIPTION<\/h3>\n<div class=\"des\">\n<p>DDANGA is the portfolio website of Interactive\/Mobile\/UI Designer Sanghee Cho. The website is designed with a concept of a flowing gallery, and the interaction was implemented to reflect this concept.<\/p>\n<p>In keeping with the minimal design, I placed a significant emphasis on the movement to enhance visual detail. Additionally, I incorporated interactive elements such as a wave-shaped background fill and 3D rotation of round icons upon clicking on thumbnails, in order to seamlessly blend with the background colors. The backend of the website was built using PHP and includes a content management system to facilitate ease of updates.<\/p>\n<\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>Technologies &amp; Tools<\/h3>\n<ul class=\"techtool\">\n<li>JavaScript<\/li>\n<li>PHP<\/li>\n<li>CSS3<\/li>\n<li>HTML5<\/li>\n<li>Canvas<\/li>\n<li>Animation<\/li>\n<li>Interaction<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>RELATED PROJECTS<\/h3>\n<ul>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=3563\">+<\/a><\/i>Sticker.js<\/li>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=3546\">+<\/a><\/i>Heroes!<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>AWARDS<\/h3>\n<ul>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=4815\">+<\/a><\/i>19th Webby Awards, Official Honoree &#8211; April 2015<\/li>\n<li><i>\u2022<\/i>The FWA, Site of the Day &#8211; March 2014<\/li>\n<li><i>\u2022<\/i>The FWA, Mobile of the Day &#8211; March 2014<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>PRESS<\/h3>\n<ul>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=4054\">+<\/a><\/i>W.E.B Vol. 177 &#8211; September 2014<\/li>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=3684\">+<\/a><\/i>CA Korea &#8211; April 2014<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>URL<\/h3>\n<ul class=\"list\">\n<li><a href=\"http:\/\/ddanga.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/ddanga.com<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>ROLE<\/h3>\n<ul>\n<li><i>\u2022<\/i>Designer : Sanghee Cho<\/li>\n<li><i>\u2022<\/i>Developer : Jongmin Kim<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>RUNNING ON IPAD SLIDE SWIPE PROTOTYPE SLIDE ONLY ITEMS IN VISIBLE AREA ICON DESIGN WEBSITE DESIGN CMS DESCRIPTION DDANGA is the portfolio website of Interactive\/Mobile\/UI Designer Sanghee Cho. The website is designed with a concept of a flowing gallery, and the interaction was implemented to reflect this concept. In keeping with the minimal design, I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[7],"tags":[401,406,402],"class_list":["post-3567","post","type-post","status-publish","format-standard","hentry","category-1project","tag-ddanga","tag-ddanga-com","tag-sanghee-cho"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/3567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3567"}],"version-history":[{"count":0,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/3567\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3567"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}