{"id":8652,"date":"2023-08-23T21:41:30","date_gmt":"2023-08-23T13:41:30","guid":{"rendered":"https:\/\/hllo.studio\/?post_type=portfolio&#038;p=8652"},"modified":"2023-08-25T03:11:16","modified_gmt":"2023-08-24T19:11:16","slug":"cominno","status":"publish","type":"portfolio","link":"https:\/\/hllo.studio\/index.php\/portfolio\/cominno\/","title":{"rendered":"COMINNO"},"content":{"rendered":"<div class=\"grid kcm\">\n<div class=\"grid__item one-whole portable--auto lap--auto palm--auto\"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p>About this project<\/p>\n<p><span class=\"type_second\" style=\"font-size: 18pt;\">COMINNO is a Beijing-based design studio that provides professional user research and design.<\/span><\/p>\n<\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1613px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:59.640421574706%\"><noscript><img class=\"aligncenter wp-image-8665 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-640.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8665 size-full lazyload ll\" alt=\"\" width=\"1613\" height=\"962\" data-sizes=\"(max-width: 1613px) 100vw, 1613px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640.png 1613w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-300x179.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1024x611.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-768x458.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1536x916.png 1536w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding \">\n<p><span class=\"type_second\" style=\"font-size: 24pt;\">Challenge<\/span><\/p>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding \">\n<p><span style=\"font-size: 14pt;\">At the very beginning of this work,&nbsp; all I thought about was making a unique visual effect, so I made a series of explorations on different forms of websites in my initial effect picture. I ignored the deep meaning of our studio brand.<\/span><\/p>\n<\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item one-whole portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding full-width \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1920px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:35.989583333333%\"><noscript><img class=\"alignnone wp-image-8670 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-353.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8670 size-full lazyload ll\" alt=\"\" width=\"1920\" height=\"691\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-353.jpg 1920w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-353-300x108.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-353-1024x369.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-353-768x276.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-353-1536x553.jpg 1536w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><span class=\"type_second\" style=\"font-size: 24pt;\">Concept<\/span><\/p>\n<p>Later I realized that every design I conceived could not combine with our studio brand.<br>\nSo I found the VI of our studio and extracted some elements from it.<\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-medium-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1290px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:46.976744186047%\"><noscript><img class=\"alignnone wp-image-8674 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-432.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8674 size-full lazyload ll\" alt=\"\" width=\"1290\" height=\"606\" data-sizes=\"(max-width: 1290px) 100vw, 1290px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-432.png 1290w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-432-300x141.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-432-1024x481.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-432-768x361.png 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1208px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:92.135761589404%\"><noscript><img class=\"alignnone wp-image-8673 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-385.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8673 size-full lazyload ll\" alt=\"\" width=\"1208\" height=\"1113\" data-sizes=\"(max-width: 1208px) 100vw, 1208px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-385.png 1208w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-385-300x276.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-385-1024x943.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-385-768x708.png 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><span class=\"type_second\" style=\"font-size: 24pt;\">Sketch<\/span><\/p>\n<p>I explored new ways to express the website visually and landed on three different concepts after a series of explorations.<br>\nHere are some proposals for each concept extracted from my sketches and studies.<\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item three-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p><span class=\"type_second\" style=\"font-size: 24pt;\">Choose direction and iterate<\/span><\/p>\n<p>I decided to move forward with the following iteration of Concept 2, which played with the idea of circle as the main visual point of the website.<\/p>\n<\/div>\n<div class=\"grid__item one-twelfth portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item four-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:844px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:65.63981042654%\"><noscript><img class=\"alignnone wp-image-8671 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-641.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8671 size-full lazyload ll\" alt=\"\" width=\"844\" height=\"554\" data-sizes=\"(max-width: 844px) 100vw, 844px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-641.png 844w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-641-300x197.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-641-768x504.png 768w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item one-whole portable--auto lap--auto palm--auto top-large-padding bottom-no-padding \">\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 36pt;\">Outcome<\/span><\/p>\n<\/div>\n<div class=\"grid__item nine-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2907px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:58.685930512556%\"><noscript><img class=\"wp-image-8693 size-full aligncenter lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-437.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8693 size-full aligncenter lazyload ll\" alt=\"\" width=\"2907\" height=\"1706\" data-sizes=\"(max-width: 2907px) 100vw, 2907px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437.png 2907w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-300x176.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-1024x601.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-768x451.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-1536x901.png 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-2048x1202.png 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item nine-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2000px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:49.35%\"><noscript><img class=\"wp-image-8702 size-full aligncenter lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-435.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8702 size-full aligncenter lazyload ll\" alt=\"\" width=\"2000\" height=\"987\" data-sizes=\"(max-width: 2000px) 100vw, 2000px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-435.png 2000w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-435-300x148.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-435-1024x505.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-435-768x379.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-435-1536x758.png 1536w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item seven-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-no-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1359px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:46.063281824871%\"><noscript><img class=\"aligncenter wp-image-8694 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-642.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8694 size-full lazyload ll\" alt=\"\" width=\"1359\" height=\"626\" data-sizes=\"(max-width: 1359px) 100vw, 1359px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-642.png 1359w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-642-300x138.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-642-1024x472.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-642-768x354.png 768w\"><\/figure><\/div><\/p>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Website design for cominno design studio<\/p>\n","protected":false},"author":1,"featured_media":8695,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8652"}],"collection":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/comments?post=8652"}],"version-history":[{"count":27,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8652\/revisions"}],"predecessor-version":[{"id":8704,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8652\/revisions\/8704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media\/8695"}],"wp:attachment":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media?parent=8652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}