{"id":15704,"date":"2025-08-06T04:11:49","date_gmt":"2025-08-06T04:11:49","guid":{"rendered":"https:\/\/www.airsang.com\/?p=15704"},"modified":"2026-10-17T16:19:50","modified_gmt":"2026-10-17T16:19:50","slug":"amazonmoffy-diaper-series-primary-and-secondary-product-images-design-case-vietnamese-series-differentiation-and-material-display","status":"publish","type":"post","link":"https:\/\/www.airsang.com\/vi\/amazonmoffy-diaper-series-primary-and-secondary-product-images-design-case-vietnamese-series-differentiation-and-material-display\/","title":{"rendered":"AmazonMOFFY diaper series primary and secondary product images design case: Vietnamese series differentiation and material display"},"content":{"rendered":"<p class=\"wp-block-paragraph\"> Focusing on the MOFFY diaper series, we organized the Vietnamese series classification and material display into a set of Vietnamese product pictures. The entire set of works adopts the visual language of sky blue and white, pink and orange partitions, and rounded corner cards. Through the division of labor in different pictures, the product appearance, local information and usage scenarios are gradually presented. <\/p><figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th style=\"text-align:left\"> D\u1ecbch v\u1ee5 <\/th><th style=\"text-align:left\"> Industry <\/th><th style=\"text-align:left\"> N\u1ec1n t\u1ea3ng <\/th><\/tr><tr><td> Amazon primary and secondary product images design <\/td><td> Maternity and baby products <\/td><td>Amazon<\/td><\/tr><tr><th style=\"text-align:left\"> Project requirements <\/th><th style=\"text-align:left\"> target market <\/th><th style=\"text-align:left\"> design style <\/th><\/tr><tr><td> Vietnamese series distinction and material display <\/td><td> Vietnamese content display <\/td><td> Sky blue and white, pink and orange partitions, rounded corner cards <\/td><\/tr><tr><th style=\"text-align:left\"> Project quotation <\/th><th style=\"text-align:left\"> Delivery content <\/th><th style=\"text-align:left\"> Delivery time <\/th><\/tr><tr><td>\uffe5600<\/td><td> 8 product primary and secondary product images <\/td><td> 4 days <\/td><\/tr><\/tbody><\/table><\/figure><h2 class=\"wp-block-heading\"> Design Challenge: Let different information have its place <\/h2><p class=\"wp-block-paragraph\"> Diaper series have different packaging colors and specifications. If they are all put into the same list, the selection information will be easily confused. We use blue and orange partitions to organize the series, and then expand the packaging, surface details and character scenes separately. <\/p><h2 class=\"wp-block-heading\"> Our design strategy <\/h2><p class=\"wp-block-paragraph\"> Use sky blue and white to establish a common background, and use orange to distinguish another series. <\/p><p class=\"wp-block-paragraph\"> The cards in the series are kept uniformly sized and spaced, and the packaging and detail drawings are separated by reading task. <\/p><h2 class=\"wp-block-heading\"> Brand Overview: Packaging and diapers are in the spotlight together <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/c6bcf09251b4bd64fcb0ca5d.webp\" alt=\"Product picture of MOFFY diaper series: Brand overview: packaging and diapers are in the same shot\" class=\"\" width=\"1920\" height=\"1626\"\/><\/figure><p class=\"wp-block-paragraph\"> We established the brand entrance with large MOFFY characters, and the packaging and diapers are mainly distributed in the foreground. The blue and white background and soft decoration retain a sense of lightness, and there is a clear white space between the text and the actual object. <\/p><h2 class=\"wp-block-heading\"> Character\u2019s main vision: Clouds and building blocks undertake packaging <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/b383358ce1fc2b046e2085cf.webp\" alt=\"Product picture of MOFFY diaper series: Key visual of characters: Clouds and building blocks undertake packaging\" class=\"\" width=\"1824\" height=\"2400\"\/><\/figure><p class=\"wp-block-paragraph\"> We placed the baby and the packaging against the background of sky and clouds, with the building block graphics stabilizing the composition below. Characters, products and titles are divided to avoid soft backgrounds that make the subject lose its boundaries. <\/p><h2 class=\"wp-block-heading\"> Blue series: storage specifications with ten grids of cards <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/3890855dbd5bce6cb872abef.webp\" alt=\"Product picture of MOFFY diaper series: Blue series: Storage specifications with ten-grid cards\" class=\"\" width=\"1920\" height=\"1433\"\/><\/figure><p class=\"wp-block-paragraph\"> We arrange the blue packaging series into ten grids, and the specifications and quantity information are kept inside the respective cards. Unified margins, title positions, and font size levels allow multiple packages to be searched cell by cell. <\/p><h2 class=\"wp-block-heading\"> Orange series: follow the same selection framework <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/01eb9c900e4ded762c26dd09.webp\" alt=\"Product picture of MOFFY diaper series: Orange series: using the same selection framework\" class=\"\" width=\"1920\" height=\"1433\"\/><\/figure><p class=\"wp-block-paragraph\"> We retain the ten-frame grid and information position, and switch the main color of the packaging to orange. The two series pages have the same structure, and the colors are used to distinguish them. There is no need to readjust to another set of layouts when selecting styles. <\/p><h2 class=\"wp-block-heading\"> Series comparison: Two cards form a clear border <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/2e9ba486b6a0c02d36be0c95.webp\" alt=\"Product picture of MOFFY diaper series: Series comparison: Two cards form a clear border\" class=\"\" width=\"1920\" height=\"1200\"\/><\/figure><p class=\"wp-block-paragraph\"> We use two blue and orange cards to display the series theme side by side, and the numbering and packaging position echo each other. Leave spacing between cards so readers can clearly distinguish between the two sets of information. <\/p><h2 class=\"wp-block-heading\"> Product details: front and back views combined with surface enlargement <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/0142e8af6bdb5138ec8cfa6d.webp\" alt=\"MOFFY diaper series product pictures: product details: front and back views combined with surface enlargement\" class=\"\" width=\"1920\" height=\"1200\"\/><\/figure><p class=\"wp-block-paragraph\"> We put the front and back of the diaper with a close-up of the partial fabric in a pastel color block. Pictures of different scales have their own areas, and short descriptions are close to the corresponding parts to avoid mixing detailed themes and packaging specifications. <\/p><h2 class=\"wp-block-heading\"> Combination display: let packaging become the main line of identification <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/cfe49c79cac8364bcedf5b8b.webp\" alt=\"MOFFY diaper series product pictures: combination display: let packaging become the main line of identification\" class=\"\" width=\"1920\" height=\"1751\"\/><\/figure><p class=\"wp-block-paragraph\"> We place the packaging in pairs, connecting the product information with larger thematic typefaces. The light-colored base and rounded graphics are consistent with the entire set of works, and the packaging color is still the most direct clue to the series. <\/p><h2 class=\"wp-block-heading\"> Combine information: Separate text with note-style cards <\/h2><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-posts\/435e7f4bf74a498e5b28b829.webp\" alt=\"MOFFY diaper series product image: Combination information: Use note-style cards to separate text\" class=\"\" width=\"1920\" height=\"1370\"\/><\/figure><p class=\"wp-block-paragraph\"> We placed two sets of home decoration combinations in different areas, and the note glyph blocks and plant decorations formed layers. Products, descriptions, and background decorations are kept at different scales, making the image rich but clearly defined. <\/p><h2 class=\"wp-block-heading\"> Deliver and design value <\/h2><p class=\"wp-block-paragraph\"> This set of works contains a total of 8 product pictures. We were responsible for arranging different pictures around the Vietnamese series distinction and material display, and maintained the visual consistency of the entire set with sky blue and white, pink and orange partitions, and rounded corner cards. From overall identification to partial explanation, the pictures complement each other, allowing readers to find information based on their own concerns. <\/p><h2 class=\"wp-block-heading\"> Develop a clear visual expression for your products <\/h2><p class=\"wp-block-paragraph\"> You can provide us with existing product information, physical photos and key points to be displayed. We will combine the product structure, style differences and usage scenarios to plan image content and layout suitable for Amazon product display. <\/p><div class=\"wp-block-buttons airsang-case-bottom-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button airsang-case-booking-trigger\" href=\"#airsang-case-booking\" data-platform=\"Amazon\"> Consult Amazon Design <\/a><\/div><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.airsang.com\/vi\/dich-vu\/\"> Learn about Amazon Design Services <\/a><\/div><\/div><style>.airsang-case-client-buttons{display:flex;justify-content:center;margin:20px 0 32px}\n.airsang-case-bottom-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 32px}\n.airsang-case-client-buttons .wp-block-button__link,.airsang-case-bottom-buttons .wp-block-button__link{background:#30363a!important;color:#fff!important;border:1px solid #30363a;border-radius:999px;padding:14px 24px;line-height:1.5;text-decoration:none;display:inline-block;box-sizing:border-box;font-size:16px;text-align:center}\n.airsang-case-client-buttons a:hover,.airsang-case-bottom-buttons a:hover{background:#161b1e!important}\n.airsang-case-client-buttons a:focus-visible,.airsang-case-bottom-buttons a:focus-visible{outline:3px solid #f59e10;outline-offset:4px}\n#airsang-case-booking{box-sizing:border-box;width:min(680px,calc(100% - 32px));max-width:680px;max-height:90dvh;padding:0;border:0;border-radius:20px;background:#fff;color:#171717;box-shadow:0 24px 80px #0005;overflow:auto}\n#airsang-case-booking:not([open]){display:none}\n#airsang-case-booking::backdrop{background:rgba(0,0,0,.58)}\n#airsang-case-booking .aswb-panel{padding:28px}\n#airsang-case-booking .aswb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}\n#airsang-case-booking .aswb-eyebrow{color:#986000;font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 8px}\n#airsang-case-booking h2{font-size:26px;line-height:1.35;margin:0;font-weight:700}\n#airsang-case-booking .aswb-close{flex:0 0 40px;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;color:#171717;background:#fff;font-size:26px;line-height:1;padding:0;cursor:pointer}\n#airsang-case-booking .aswb-intro{font-size:14px;color:#646464;line-height:1.7;margin:0 0 20px}\n#airsang-case-booking .aswb-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n#airsang-case-booking .aswb-row>p{display:contents}\n#airsang-case-booking .airsang-web-booking-form br,#airsang-case-booking .airsang-business-form br{display:none}\n#airsang-case-booking label{display:block;font-size:14px;line-height:1.6;margin-bottom:14px;font-weight:500}\n#airsang-case-booking label>span:first-child{display:block;margin-bottom:6px}\n#airsang-case-booking label .wpcf7-form-control-wrap{display:block}\n#airsang-case-booking input:not([type=hidden]):not([type=submit]),#airsang-case-booking select,#airsang-case-booking textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:44px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#171717;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;box-shadow:none}\n#airsang-case-booking textarea{min-height:94px;resize:vertical}\n#airsang-case-booking input:focus,#airsang-case-booking textarea:focus,#airsang-case-booking select:focus{outline:2px solid #f59e10;outline-offset:1px}\n#airsang-case-booking .aswb-notice{font-size:12px;line-height:1.7;color:#777;margin:4px 0 16px}\n#airsang-case-booking input[type=submit]{min-height:48px;width:100%;border:0;border-radius:999px;background:#f59e10;color:#161616;font-weight:700;font-size:16px;cursor:pointer;padding:12px 20px}\n#airsang-case-booking .wpcf7-form p{margin:0}\n#airsang-case-booking .wpcf7-response-output{font-size:14px;margin:16px 0 0}\n#airsang-case-booking .wpcf7-not-valid-tip{font-size:12px}\n@media(max-width:600px){#airsang-case-booking .aswb-panel{padding:22px 18px}#airsang-case-booking h2{font-size:23px}#airsang-case-booking .aswb-row{grid-template-columns:1fr;gap:0}.airsang-case-bottom-buttons .wp-block-button{width:100%}.airsang-case-bottom-buttons a{width:100%}}\n\n<\/style><dialog id=\"airsang-case-booking\" aria-labelledby=\"airsang-booking-title\"><div class=\"aswb-panel\"><div class=\"aswb-header\"><div><p class=\"aswb-eyebrow\">AIRSANG<\/p><h2 id=\"airsang-booking-title\" data-booking-heading> Consult Amazon Design <\/h2><\/div><button type=\"button\" class=\"aswb-close\" data-booking-close aria-label=\"Close appointment consultation\">\u00d7<\/button><\/div><p class=\"aswb-intro\"> Tell us your products, existing materials and design needs, and work together to sort out primary and secondary product images, A+ or store visual solutions. <\/p> \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f225-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"225\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/vi\/wp-json\/wp\/v2\/posts\/15704#wpcf7-f225-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/vi\/wp-json\/wp\/v2\/posts\/15704#wpcf7-f225-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"225\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f225-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label> T\u00ean c\u1ee7a b\u1ea1n<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nh\u1eadp t\u00ean \u0111\u1ea7y \u0111\u1ee7 c\u1ee7a b\u1ea1n\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> \u0110\u1ecba ch\u1ec9 email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nh\u1eadp \u0111\u1ecba ch\u1ec9 email c\u1ee7a b\u1ea1n\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> \u0110i\u1ec7n tho\u1ea1i \/ WhatsApp<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nh\u1eadp s\u1ed1 \u0111i\u1ec7n tho\u1ea1i ho\u1eb7c WhatsApp c\u1ee7a b\u1ea1n.\" value=\"\" type=\"text\" name=\"your-phone\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Vi\u1ebft tin nh\u1eafn<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"4\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"H\u00e3y vi\u1ebft c\u00e2u h\u1ecfi c\u1ee7a b\u1ea1n \u1edf \u0111\u00e2y...\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"G\u1eedi tin nh\u1eafn\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"vi\"\/><\/form>\n<\/div>\n <\/div><\/dialog><script>(()=>{\n  const dialog=document.getElementById('airsang-case-booking');\n  if(!dialog||dialog.dataset.ready==='true')return;\n  dialog.dataset.ready='true';\n  let opener=null,previousOverflow='';\n  document.querySelectorAll('.airsang-case-booking-trigger').forEach(trigger=>{\n    trigger.setAttribute('aria-haspopup','dialog');\n    trigger.setAttribute('aria-controls',dialog.id);\n    trigger.addEventListener('click',event=>{\n      event.preventDefault();opener=trigger;\n      const platform=trigger.dataset.platform||'SHOPLINE';\n      dialog.querySelector('[data-booking-heading]').textContent='\u54a8\u8be2 '+platform+' \u8bbe\u8ba1';\n      const fields={source_url:location.href.split('#')[0],source_title:document.title,service_name:'Amazon \u4e9a\u9a6c\u900a\u8bbe\u8ba1'};\n      for(const [name,value] of Object.entries(fields)){\n        const field=dialog.querySelector('[name=\"'+name+'\"]');\n        if(field)field.value=value;\n      }\n      previousOverflow=document.documentElement.style.overflow;\n      dialog.showModal();document.documentElement.style.overflow='hidden';\n      dialog.querySelector('[name=\"contact_name\"]')?.focus({preventScroll:true});\n    });\n  });\n  dialog.querySelector('[data-booking-close]').addEventListener('click',()=>dialog.close());\n  dialog.addEventListener('click',event=>{if(event.target===dialog)dialog.close();});\n  dialog.addEventListener('close',()=>{document.documentElement.style.overflow=previousOverflow;opener?.focus({preventScroll:true});});\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p> We used the visual language of sky blue and white, pink and orange partitions, and rounded corner cards to sort out the Vietnamese series divisions and material display for the MOFFY diaper series, and present the products, details, and usage scenarios through 8 product pictures. <\/p>","protected":false},"author":1,"featured_media":15193,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[73,85,95],"class_list":["post-15704","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-studies","tag-amazon","tag-baby-kids","tag-product-image-design"],"_links":{"self":[{"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/posts\/15704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/comments?post=15704"}],"version-history":[{"count":1,"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/posts\/15704\/revisions"}],"predecessor-version":[{"id":15774,"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/posts\/15704\/revisions\/15774"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/media\/15193"}],"wp:attachment":[{"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/media?parent=15704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/categories?post=15704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.airsang.com\/vi\/wp-json\/wp\/v2\/tags?post=15704"}],"curies":[{"name":"trang web","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}