{
    "id": 243,
    "date": "2026-04-21T23:29:38",
    "date_gmt": "2026-04-21T14:29:38",
    "guid": {
        "rendered": "https:\/\/kotono.website\/home\/?post_type=portfolio&p=243"
    },
    "modified": "2026-04-21T23:42:55",
    "modified_gmt": "2026-04-21T14:42:55",
    "slug": "amazon-checkout-optimization-high-conversion-ui-ux-audit",
    "status": "publish",
    "type": "portfolio",
    "link": "https:\/\/kotono.website\/ja\/?portfolio=amazon-checkout-optimization-high-conversion-ui-ux-audit",
    "title": {
        "rendered": "[UI\u6539\u5584] Amazon\u8cfc\u5165\u753b\u9762\u306e\u6700\u9069\u5316"
    },
    "content": {
        "rendered": "<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Project Goal<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Amazon\u306e\u60c5\u5831\u91cf\u304c\u591a\u3059\u304e\u308b\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8\u753b\u9762\u3092\u3001\u30e6\u30fc\u30b6\u30fc\u4e2d\u5fc3\u3067\u6d17\u7df4\u3055\u308c\u305f\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3078\u3068\u5909\u9769\u3059\u308b\u3002\u672c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u76ee\u7684\u306f\u3001\u8996\u899a\u7684\u306a\u30ce\u30a4\u30ba\u3084\u8a8d\u77e5\u7684\u8ca0\u62c5\u3092\u6392\u9664\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u304b\u3064\u660e\u78ba\u306b\u3001\u305d\u3057\u3066\u5b89\u5fc3\u3057\u3066\u8cfc\u5165\u3092\u5b8c\u4e86\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u6700\u7d42\u7684\u306b\u30e2\u30d0\u30a4\u30eb\u30e6\u30fc\u30b6\u30fc\u306e\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u203b\u514d\u8cac\u4e8b\u9805\uff1a<\/strong> \u672c\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u6559\u80b2\u304a\u3088\u3073\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u76ee\u7684\u3067\u5236\u4f5c\u3055\u308c\u305f\u30b3\u30f3\u30bb\u30d7\u30c8\u3067\u3059\u3002Amazon.com, Inc.\u3068\u306f\u4e00\u5207\u95a2\u4fc2\u304c\u306a\u304f\u3001\u307e\u305f\u627f\u8a8d\u3082\u53d7\u3051\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">UX Solutions &amp; Key Features<\/h2>\n\n\n\n<div style=\"height:20px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-40af6500 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">1) \u60c5\u5831\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u6574\u7406\u3068\u8a8d\u77e5\u8ca0\u8377\u306e\u8efd\u6e1b<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u5f93\u6765\u306e\u753b\u9762\u3067\u306f\u3001\u6cd5\u7684\u306a\u6ce8\u610f\u66f8\u304d\u3084\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3\uff08Prime Video\uff09\u3001\u8cfc\u5165\u306b\u5fc5\u8981\u306a\u60c5\u5831\u304c\u6df7\u5728\u3057\u3001\u60c5\u5831\u904e\u591a\u306e\u72b6\u614b\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002\n\u305d\u3053\u3067\u3001\u300c\u652f\u6255\u3044\u300d\u300c\u914d\u9001\u5148\u300d\u300c\u5230\u7740\u4e88\u5b9a\u300d\u3068\u3044\u3063\u305f\u610f\u5473\u3054\u3068\u306b\u60c5\u5831\u3092\u6574\u7406\u3057\u3001\u8996\u8a8d\u6027\u306e\u9ad8\u3044\u30bb\u30af\u30b7\u30e7\u30f3\u69cb\u6210\u306b\u518d\u8a2d\u8a08\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u77ed\u6642\u9593\u3067\u5185\u5bb9\u3092\u628a\u63e1\u3057\u3001\u30b9\u30e0\u30fc\u30ba\u306b\u6b21\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3078\u9032\u3081\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">2) \u30d3\u30b8\u30e5\u30a2\u30eb\u968e\u5c64\u3068\u30b3\u30f3\u30d0\u30fc\u30b8\u30e7\u30f3\u6700\u9069\u5316<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In the redesign, I prioritized the &#8220;Order Total&#8221; and the &#8220;Place Your Order&#8221; CTA by moving them to the top-of-the-fold. By using a high-visibility yellow and clearing the surrounding visual noise, I created a clear path to purchase. This ensures that the user&#8217;s primary intent\u2014buying the product\u2014is never overshadowed by secondary information like advertisements.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-40af6500 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">3) \u30bf\u30c3\u30c1\u64cd\u4f5c\u3068\u30e2\u30d0\u30a4\u30eb\u6700\u9069\u5316<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d5\u30a3\u30c3\u30c4\u306e\u6cd5\u5247\u306b\u57fa\u3065\u304d\u3001\u30dc\u30bf\u30f3\u3084\u9078\u629e\u9805\u76ee\u306e\u30bf\u30c3\u30d7\u9818\u57df\u3092\u62e1\u5927\u3057\u3001\u8981\u7d20\u9593\u306e\u4f59\u767d\u3082\u5341\u5206\u306b\u78ba\u4fdd\u3057\u307e\u3057\u305f\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u7247\u624b\u64cd\u4f5c\u3067\u3082\u30b9\u30c8\u30ec\u30b9\u306a\u304f\u5229\u7528\u3067\u304d\u307e\u3059\u3002\n\u307e\u305f\u3001\u914d\u9001\u65e5\u9078\u629e\u306e\u8aa4\u30bf\u30c3\u30d7\u3068\u3044\u3063\u305f\u64cd\u4f5c\u30df\u30b9\u3092\u9632\u304e\u3001\u5916\u51fa\u5148\u3067\u3082\u5feb\u9069\u306b\u4f7f\u3048\u308b\u4f53\u9a13\u3092\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">4) \u30de\u30a4\u30af\u30ed\u30b3\u30d4\u30fc\u3068\u4fe1\u983c\u6027\u306e\u5411\u4e0a<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Enhanced Trust Signals through Content Clarity<br>\u753b\u9762\u4e0a\u90e8\u306b\u3042\u3063\u305f\u9577\u304f\u5206\u304b\u308a\u3065\u3089\u3044\u8aac\u660e\u6587\u3092\u3001\u30b7\u30f3\u30d7\u30eb\u3067\u8981\u70b9\u304c\u4f1d\u308f\u308b\u5185\u5bb9\u306b\u6574\u7406\u3057\u307e\u3057\u305f\u3002\u52a0\u3048\u3066\u3001\u5546\u54c1\u30b5\u30e0\u30cd\u30a4\u30eb\u3092\u898b\u3084\u3059\u304f\u914d\u7f6e\u3059\u308b\u3053\u3068\u3067\u3001\u300c\u4f55\u3092\u8cfc\u5165\u3059\u308b\u306e\u304b\u300d\u3092\u4e00\u76ee\u3067\u78ba\u8a8d\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002\n\u3055\u3089\u306b\u3001\u7372\u5f97\u30dd\u30a4\u30f3\u30c8\u3084\u9001\u6599\u5272\u5f15\u306a\u3069\u306e\u60c5\u5831\u3092\u5206\u304b\u308a\u3084\u3059\u304f\u63d0\u793a\u3059\u308b\u3053\u3068\u3067\u3001\u8cfc\u5165\u76f4\u524d\u306e\u5b89\u5fc3\u611f\u3068\u7d0d\u5f97\u611f\u3092\u9ad8\u3081\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">5. \u30c7\u30b6\u30a4\u30f3\u30b7\u30b9\u30c6\u30e0\u3068\u62e1\u5f35\u6027\uff08\u30a8\u30f3\u30b8\u30cb\u30a2\u8996\u70b9\uff09<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u672c\u30c7\u30b6\u30a4\u30f3\u306f\u898b\u305f\u76ee\u306e\u6539\u5584\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30d9\u30fc\u30b9\u3067\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5404\u8981\u7d20\u3092\u518d\u5229\u7528\u53ef\u80fd\u306a\u5358\u4f4d\u3068\u3057\u3066\u8a2d\u8a08\u3059\u308b\u3053\u3068\u3067\u3001\u4e00\u8cab\u6027\u306e\u3042\u308bUI\u3092\u7dad\u6301\u3057\u3064\u3064\u3001\u5b9f\u88c5\u306e\u3057\u3084\u3059\u3055\u3082\u8003\u616e\u3057\u3066\u3044\u307e\u3059\u3002\n\u305d\u306e\u7d50\u679c\u3001\u958b\u767a\u6642\u306e\u8ca0\u62c5\u3092\u6291\u3048\u306a\u304c\u3089\u3001\u5c06\u6765\u7684\u306a\u62e1\u5f35\u306b\u3082\u67d4\u8edf\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u8a2d\u8a08\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div style=\"height:20px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-69b49fe7 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-831b2db5 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\">Before<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"2239\" src=\"https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-4.png\" alt=\"\" class=\"wp-image-251\" srcset=\"https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-4.png 404w, https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-4-54x300.png 54w, https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-4-185x1024.png 185w, https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-4-277x1536.png 277w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-831b2db5 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\">After<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"402\" height=\"2437\" src=\"https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-3-1.png\" alt=\"\" class=\"wp-image-246\" srcset=\"https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-3-1.png 402w, https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-3-1-169x1024.png 169w, https:\/\/kotono.website\/wp-content\/uploads\/2026\/04\/\u7121\u984c-3-1-338x2048.png 338w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><\/figure>\n<\/div>\n<\/div>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Project Goal To transform Amazon\u2019s data-heavy checkout screen into a user-centric, streamlined interface. The objective was to eliminate visual clutter and cognitive friction, ensuring that users can finalize their purchases with speed, clarity, and confidence, ultimately driving higher conversion rates for mobile shoppers. Disclaimer: This is a concept project created for educational and portfolio purposes. I am not affiliated with, or endorsed by, Amazon.com, Inc. UX Solutions &amp; Key Features 1) Information Architecture (IA) &amp; Cognitive Load The original screen suffered from information overload, mixing legal disclaimers, promotional banners (Prime Video), and essential checkout data. I restructured the layout into logical, high-contrast sections\u2014Payment, Delivering to, and Arriving. This grouping allows [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 158,
    "menu_order": 0,
    "comment_status": "open",
    "ping_status": "closed",
    "template": "",
    "format": "standard",
    "meta": {
        "_vp_format_video_url": "",
        "_vp_image_focal_point": [],
        "footnotes": ""
    },
    "portfolio_category": [],
    "portfolio_tag": [],
    "class_list": [
        "post-243",
        "portfolio",
        "type-portfolio",
        "status-publish",
        "format-standard",
        "has-post-thumbnail",
        "hentry"
    ],
    "_links": {
        "self": [
            {
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=\/wp\/v2\/portfolio\/243",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=\/wp\/v2\/portfolio"
            }
        ],
        "about": [
            {
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=\/wp\/v2\/types\/portfolio"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=243"
            }
        ],
        "version-history": [
            {
                "count": 7,
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=\/wp\/v2\/portfolio\/243\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 254,
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=\/wp\/v2\/portfolio\/243\/revisions\/254"
            }
        ],
        "wp:featuredmedia": [
            {
                "embeddable": true,
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=\/wp\/v2\/media\/158"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=243"
            }
        ],
        "wp:term": [
            {
                "taxonomy": "portfolio_category",
                "embeddable": true,
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_category&post=243"
            },
            {
                "taxonomy": "portfolio_tag",
                "embeddable": true,
                "href": "https:\/\/kotono.website\/ja\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_tag&post=243"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}