{"id":8795,"date":"2023-08-24T18:29:07","date_gmt":"2023-08-24T10:29:07","guid":{"rendered":"https:\/\/hllo.studio\/?post_type=portfolio&#038;p=8795"},"modified":"2023-08-25T03:11:01","modified_gmt":"2023-08-24T19:11:01","slug":"guangtai-website","status":"publish","type":"portfolio","link":"https:\/\/hllo.studio\/index.php\/portfolio\/guangtai-website\/","title":{"rendered":"Guangtai Website"},"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 nine-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-medium-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2857px; margin: auto\"><figure class=\"lazyload-container\" style=\"padding-top:59.362968148407%\"><noscript><img class=\"wp-image-8803 size-full aligncenter lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-640-1.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8803 size-full aligncenter lazyload ll\" alt=\"\" width=\"2857\" height=\"1696\" data-sizes=\"(max-width: 2857px) 100vw, 2857px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1.png 2857w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1-300x178.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1-1024x608.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1-768x456.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1-1536x912.png 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-640-1-2048x1216.png 2048w\"><\/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 five-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-medium-padding \">\n<p><span class=\"type_second\" style=\"font-size: 18pt;\">Ideation<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">One-page design with horizontal scrolling is used to reflect the unique texture.<\/span><br>\n<span style=\"font-size: 14pt;\">The website did not use too many VI elements but instead tried to display information and images in a simple monochrome way like a magazine. This allows users to immerse for longer without feeling oversaturated.<\/span><\/p>\n<\/div>\n<div class=\"grid__item five-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-no-padding bottom-large-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2302px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:43.57080799305%\"><noscript><img class=\"alignnone wp-image-8813 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-436-1.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8813 size-full lazyload ll\" alt=\"\" width=\"2302\" height=\"1003\" data-sizes=\"(max-width: 2302px) 100vw, 2302px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-436-1.png 2302w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-436-1-300x131.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-436-1-1024x446.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-436-1-768x335.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-436-1-1536x669.png 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-436-1-2048x892.png 2048w\"><\/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 four-twelfths portable--auto lap--auto palm--auto top-medium-padding bottom-medium-padding \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1086px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:92.449355432781%\"><noscript><img class=\"alignnone wp-image-8802 size-full lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E7%BB%84-437-2.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8802 size-full lazyload ll\" alt=\"\" width=\"1086\" height=\"1004\" data-sizes=\"(max-width: 1086px) 100vw, 1086px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-2.png 1086w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-2-300x277.png 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-2-1024x947.png 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#32452;-437-2-768x710.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-medium-padding \">\n<p><span class=\"type_second\" style=\"font-size: 18pt;\">Animation<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">I created a good visual effect by using a lot of fade animations and setting delay.<\/span><\/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-medium-padding center \">\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Wirefram<\/span><\/p>\n<\/div>\n<div class=\"grid__item eight-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-large-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:2603px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:111.14099116404%\"><noscript><img class=\"alignnone size-full wp-image-8822 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/3124sda.png\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8822 lazyload ll\" alt=\"\" width=\"2603\" height=\"2893\" data-sizes=\"(max-width: 2603px) 100vw, 2603px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/3124sda.png 2603w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/3124sda-270x300.png 270w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/3124sda-921x1024.png 921w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/3124sda-768x854.png 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/3124sda-1382x1536.png 1382w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/3124sda-1843x2048.png 1843w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-medium-padding center \">\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Outcome<\/span><\/p>\n<\/div>\n<div class=\"grid__item six-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1920px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:56.25%\"><noscript><img class=\"alignnone size-full wp-image-8827 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E5%AE%98%E7%BD%91%E6%96%B9%E6%A1%882-DESKTOP-FQGD0JP%E9%A6%96%E9%A1%B5.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8827 lazyload ll\" alt=\"\" width=\"1920\" height=\"1080\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#39318;&#39029;.jpg 1920w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#39318;&#39029;-300x169.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#39318;&#39029;-1024x576.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#39318;&#39029;-768x432.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#39318;&#39029;-1536x864.jpg 1536w\"><\/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 five-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1920px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:56.25%\"><noscript><img class=\"alignnone size-full wp-image-8828 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E5%AE%98%E7%BD%91%E6%96%B9%E6%A1%882-DESKTOP-FQGD0JP%E4%BA%A7%E5%93%81.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8828 lazyload ll\" alt=\"\" width=\"1920\" height=\"1080\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#20135;&#21697;.jpg 1920w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#20135;&#21697;-300x169.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#20135;&#21697;-1024x576.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#20135;&#21697;-768x432.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#20135;&#21697;-1536x864.jpg 1536w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item five-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:1920px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:56.25%\"><noscript><img class=\"alignnone size-full wp-image-8826 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E5%AE%98%E7%BD%91%E6%96%B9%E6%A1%882-DESKTOP-FQGD0JP%E5%AD%90%E5%85%AC%E5%8F%B8.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8826 lazyload ll\" alt=\"\" width=\"1920\" height=\"1080\" data-sizes=\"(max-width: 1920px) 100vw, 1920px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#23376;&#20844;&#21496;.jpg 1920w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#23376;&#20844;&#21496;-300x169.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#23376;&#20844;&#21496;-1024x576.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#23376;&#20844;&#21496;-768x432.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23448;&#32593;&#26041;&#26696;2-DESKTOP-FQGD0JP&#23376;&#20844;&#21496;-1536x864.jpg 1536w\"><\/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 nine-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2560px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:28.203125%\"><noscript><img class=\"alignnone size-full wp-image-8832 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E5%85%B3%E4%BA%8E2-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8832 lazyload ll\" alt=\"\" width=\"2560\" height=\"722\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#20851;&#20110;2-scaled.jpg 2560w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#20851;&#20110;2-300x85.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#20851;&#20110;2-1024x289.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#20851;&#20110;2-768x217.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#20851;&#20110;2-1536x433.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#20851;&#20110;2-2048x578.jpg 2048w\"><\/figure><\/div><\/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 three-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding \"><\/div>\n<div class=\"grid__item nine-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-medium-padding \">\n<p><div class=\"lazyload-container ratio-enabled\" style=\"max-width:2560px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:22.9296875%\"><noscript><img class=\"alignnone size-full wp-image-8831 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E6%96%B0%E9%97%BB%E8%AF%A6%E6%83%85%E9%A1%B523-scaled.jpg\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8831 lazyload ll\" alt=\"\" width=\"2560\" height=\"587\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" data-srcset=\"https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#26032;&#38395;&#35814;&#24773;&#39029;23-scaled.jpg 2560w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#26032;&#38395;&#35814;&#24773;&#39029;23-300x69.jpg 300w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#26032;&#38395;&#35814;&#24773;&#39029;23-1024x235.jpg 1024w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#26032;&#38395;&#35814;&#24773;&#39029;23-768x176.jpg 768w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#26032;&#38395;&#35814;&#24773;&#39029;23-1536x352.jpg 1536w, https:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#26032;&#38395;&#35814;&#24773;&#39029;23-2048x469.jpg 2048w\"><\/figure><\/div><\/p>\n<\/div>\n<div class=\"grid__item two-twelfths portable--auto lap--auto palm--auto top-large-padding bottom-medium-padding center \">\n<p style=\"text-align: center;\"><span class=\"type_second\" style=\"font-size: 18pt;\">Demo<\/span><\/p>\n<\/div>\n<div class=\"grid__item nine-twelfths portable--auto lap--auto palm--auto top-no-padding bottom-no-padding center \">\n<p><div class=\"lazyload-container ratio-enabled no-background\" style=\"max-width:1280px\"><figure class=\"lazyload-container\" data-align=\"none\" style=\"padding-top:56.25%\"><noscript><img class=\"alignnone size-full wp-image-8800 lazyload ll\" alt=\"\" src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/%E5%B1%95%E7%A4%BA%E8%A7%86%E9%A2%91.gif\"><\/noscript><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8800 lazyload ll\" alt=\"\" width=\"1280\" height=\"720\" data-src=\"http:\/\/hllo.studio\/wp-content\/uploads\/2023\/08\/&#23637;&#31034;&#35270;&#39057;.gif\"><\/figure><\/div><\/p>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Unique Horizontal Scrolling Website Incorporating Bamboo Scroll Concept<\/p>\n","protected":false},"author":1,"featured_media":8796,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8795"}],"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=8795"}],"version-history":[{"count":23,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8795\/revisions"}],"predecessor-version":[{"id":8840,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/portfolio\/8795\/revisions\/8840"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media\/8796"}],"wp:attachment":[{"href":"https:\/\/hllo.studio\/index.php\/wp-json\/wp\/v2\/media?parent=8795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}