{"id":42,"date":"2017-12-28T00:00:44","date_gmt":"2017-12-27T15:00:44","guid":{"rendered":"http:\/\/clapat.ro\/themes\/satelite-wordpress\/?post_type=satelite_portfolio&#038;p=42"},"modified":"2025-11-26T11:10:16","modified_gmt":"2025-11-26T02:10:16","slug":"2017-cj-o-shopping","status":"publish","type":"satelite_portfolio","link":"http:\/\/xenuity.com\/v3\/portfolio\/2017-cj-o-shopping\/","title":{"rendered":"CJ O SHOPPING GLOBAL SHOP"},"content":{"rendered":"\n<div class=\"wp-block-satelite-gutenberg-container row_padding_top row_padding_bottom text-align-center small\" style=\"background-color:transparent;text-align:center\">\n<h2 class=\"has-text-align-center has-animation has-parallax\">CJ O SHOPPING GLOBAL SHOP GUIDE<\/h2>\n\n\n\n<p class=\"has-text-align-center has-animation has-parallax\">CJ Grand Shopping Renewal Project. To customize accordingly with a manager with a systematic system<br>\nModularized sections for flexible layout, tailored to the shopping environment of each country<br>\nIt is designed as a shopping mall considering its function to highlight its strengths.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-container-5 wp-block-columns has-4-columns has-animation has-parallax\">\n<div class=\"wp-container-1 wp-block-column\">\n<p class=\"portfolio_option\" style=\"font-size:12px\"><strong>W O R K<\/strong><\/p>\n\n\n\n<p>UI\/UX Design<\/p>\n<\/div>\n\n\n\n<div class=\"wp-container-2 wp-block-column\">\n<p class=\"portfolio_option\" style=\"font-size:12px\"><strong>D E V I C E<\/strong><\/p>\n\n\n\n<p>Web \/ Mobile<\/p>\n<\/div>\n\n\n\n<div class=\"wp-container-3 wp-block-column\">\n<p class=\"portfolio_option\" style=\"font-size:12px\"><strong>C L I E N T<\/strong><\/p>\n\n\n\n<p>CJ O Shopping<\/p>\n<\/div>\n\n\n\n<div class=\"wp-container-4 wp-block-column\">\n<p class=\"portfolio_option\" style=\"font-size:12px\"><strong>P A R T N E R<\/strong><\/p>\n\n\n\n<p>Regular Bold<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"button-box has-animation\" data-delay=\"100\"><div class=\"clapat-button-wrap parallax-wrap hide-ball\"><a class=\"clapat-button parallax-element\" href=\"https:\/\/oshopping.com.ph\/\" target=\"_blank\"><div class=\"button-border parallax-element-second outline rounded\"><span data-hover=\"More\">Go to Project<\/span><\/div><\/a><\/div><\/div>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-satelite-gutenberg-container row_padding_bottom\" style=\"background-color:transparent;text-align:center\">\n<h2 class=\"has-text-align-center has-animation has-parallax\">DESIGN<\/h2>\n\n\n\n<p class=\"has-text-align-center has-animation has-parallax\">The main screen has been designed to combine content modules according to their purpose for configuration. <br>\nLayouts remain the same size so that administrators can customize them on the system and easily change the <br>\norder according to the nature of the content.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/00472e96735935.5ebd17dfcb0a6.png\" alt=\"\"\/><\/figure><\/div>\n\n\n<div class=\"wp-block-satelite-gutenberg-slider slider has-animation\">\n<div class=\"slide\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/d9d3ab96735935.5eb4ec2a8b8cd.png\" alt=\"\" \/><\/div>\n<div class=\"slide\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/e556e096735935.5eb50c629e7d4.png\" alt=\"\" \/><\/div>\n<div class=\"slide\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/9b75b096735935.5eb50c629f19c.png\" alt=\"\" \/><\/div>\n<div class=\"slide\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/a821fa96735935.5eb50c629df8e.png\" alt=\"\" \/><\/div>\n<\/div>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/41d0ed96735935.5eb4ec2a8ad0e.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/41d0ed96735935.5eb4ec2a8ad0e.png\" alt=\"popup image\" \/><\/a>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/ea721396735935.5eb4ec2a8b371.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/ea721396735935.5eb4ec2a8b371.png\" alt=\"popup image\" \/><\/a>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/79776396735935.5eb4ec2a88955.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/79776396735935.5eb4ec2a88955.png\" alt=\"popup image\" \/><\/a>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/08663596735935.5eb4ec2a89cf0.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/08663596735935.5eb4ec2a89cf0.png\" alt=\"popup image\" \/><\/a>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/f52f8d96735935.5eb4ec2a88284.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/f52f8d96735935.5eb4ec2a88284.png\" alt=\"popup image\" \/><\/a>\n\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/fbc2c196735935.5eb4ec2a8915a.png\" alt=\"\"\/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-satelite-gutenberg-container row_padding_bottom\" style=\"background-color:transparent;text-align:center\">\n<h2 class=\"has-text-align-center has-animation has-parallax\">SUB<\/h2>\n\n\n\n<p class=\"has-text-align-center has-animation has-parallax\">Design elements were added to the simple-looking modular content to increase the attention of each product, and<br>consistent rules were created and designed to ensure that the various elements were not disturbed.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image has-animation\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/1ae53996735935.5eb4f9241313e.png\" alt=\"\"\/><\/figure>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/de30c096735935.5eb4f92411b3f.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/de30c096735935.5eb4f92411b3f.png\" alt=\"popup image\" \/><\/a>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/3d6ece96735935.5eb4f924112d8.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/3d6ece96735935.5eb4f924112d8.png\" alt=\"popup image\" \/><\/a>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/652d2996735935.5eb4f92412311.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/652d2996735935.5eb4f92412311.png\" alt=\"popup image\" \/><\/a>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/33c25696735935.5eb4f924128f4.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/33c25696735935.5eb4f924128f4.png\" alt=\"popup image\" \/><\/a>\n\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/fbc2c196735935.5eb4ec2a8915a.png\" alt=\"\"\/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-satelite-gutenberg-container row_padding_bottom\" style=\"background-color:transparent;text-align:center\">\n<h5 class=\"has-text-align-center has-animation has-parallax\">M O D U L E<\/h5>\n\n\n\n<h2 class=\"has-text-align-center has-animation has-parallax\">AUTOMATIC BANNER<\/h2>\n\n\n\n<p class=\"has-text-align-center has-animation has-parallax\">Banners that modularize the grid system as a guide are listed in a banner design in a given size.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/5f301a96735935.5eb509c208825.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/5f301a96735935.5eb509c208825.png\" alt=\"popup image\" \/><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-satelite-gutenberg-container row_padding_bottom\" style=\"background-color:transparent;text-align:center\">\n<h5 class=\"has-text-align-center has-animation has-parallax\">M O D U L E<\/h5>\n\n\n\n<h2 class=\"has-text-align-center has-animation has-parallax\">DESIGN BANNER<\/h2>\n\n\n\n<p class=\"has-text-align-center has-animation has-parallax\">Banners that modularize the grid system as a guide are laid out and listed in a banner design in a given size.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/50e8b496735935.5eb509c20825c.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/50e8b496735935.5eb509c20825c.png\" alt=\"popup image\" \/><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-satelite-gutenberg-container row_padding_bottom\" style=\"background-color:transparent;text-align:center\">\n<h5 class=\"has-text-align-center has-animation has-parallax\">M O D U L E<\/h5>\n\n\n\n<h2 class=\"has-text-align-center has-animation has-parallax\">PRODUCT LIST<\/h2>\n\n\n\n<p class=\"has-text-align-center has-animation has-parallax\">The product list is designed to facilitate location and size adjustment according to the arrangement, and has the<br>same width as the banner module so that the banner can be combined in the middle of the list.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<a class=\"image-link has-animation\" href=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/22621296735935.5eb5107f1f8ce.png\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/2800_opt_1\/22621296735935.5eb5107f1f8ce.png\" alt=\"popup image\" \/><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-satelite-gutenberg-container row_padding_bottom\" style=\"background-color:transparent;text-align:center\">\n<h2 class=\"has-text-align-center has-animation has-parallax\">MOBILE WEB<\/h2>\n\n\n\n<p class=\"has-text-align-center has-animation has-parallax\">We arranged the desktop version design to match the mobile resolution.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-container-9 wp-block-columns alignwide has-3-columns\">\n<div class=\"wp-container-6 wp-block-column\"><div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/d2ef4d96735935.5eb527dabc685.png\" alt=\"\"\/><\/figure><\/div>\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/ebffa896735935.5eb527dabbb90.png\" alt=\"\"\/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-container-7 wp-block-column\"><div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/c6225096735935.5eb527dab9e7a.png\" alt=\"\"\/><\/figure><\/div>\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/f3f35396735935.5eb527dabaef5.png\" alt=\"\"\/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-container-8 wp-block-column\"><div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/b64cf096735935.5eb527daba3ac.png\" alt=\"\"\/><\/figure><\/div>\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/37ea7a96735935.5eb527dabb7bf.png\" alt=\"\"\/><\/figure><\/div>\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/e4b38596735935.5eb527daba79e.png\" alt=\"\"\/><\/figure><\/div>\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/d0901e96735935.5eb527dabbf36.png\" alt=\"\"\/><\/figure><\/div>\n\n<div class=\"wp-block-image has-animation\">\n<figure class=\"aligncenter\"><img src=\"https:\/\/mir-s3-cdn-cf.behance.net\/project_modules\/max_1200\/d8fb0096735935.5eb527dabb3c6.png\" alt=\"\"\/><\/figure><\/div><\/div>\n<\/div>\n<\/div>\n","protected":false},"template":"","portfolio_category":[21,20,19],"_links":{"self":[{"href":"http:\/\/xenuity.com\/v3\/wp-json\/wp\/v2\/satelite_portfolio\/42"}],"collection":[{"href":"http:\/\/xenuity.com\/v3\/wp-json\/wp\/v2\/satelite_portfolio"}],"about":[{"href":"http:\/\/xenuity.com\/v3\/wp-json\/wp\/v2\/types\/satelite_portfolio"}],"wp:attachment":[{"href":"http:\/\/xenuity.com\/v3\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"http:\/\/xenuity.com\/v3\/wp-json\/wp\/v2\/portfolio_category?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}