UI ของแอป Visa ก่อนและหลัง

{ "type": "โมเดลเปรียบเทียบ UI ผลิตภัณฑ์แบบเคียงข้างกัน", "canvas": { "aspect_ratio": "จอกว้าง 16:9", "background": "สีดำสนิท", "style": "สไลด์โชว์นำเสนอ SaaS ที่กระชับ UI เวกเตอร์ที่ชัดเจน และภาพหน้าจอเว็บแอปพลิเคชันความละเอียดสูง" }, "layout": { "sections": [ { "title": "ก่อนการอัปเดต", "position": "ด้านซ้าย", "count": 1, "description": "หน้า Landing Page อัจฉริยะสีฟ้าอ่อนสำหรับวีซ่าท่องเที่ยวถูกวางไว้ภายในกรอบเบราว์เซอร์สีขาว โดยมีคำว่า "ก่อนการออกแบบใหม่" แสดงอย่างเด่นชัดด้วยตัวอักษรสีขาวขนาดใหญ่ด้านบน" }, { "title": "หลังการออกแบบใหม่", "position": "ด้านขวา", "count": 1, "description": "แดชบอร์ดแผนที่เสรีภาพวีซ่าที่ออกแบบใหม่ถูกวางไว้ภายในกรอบเบราว์เซอร์สีขาว โดยมีคำว่า "ออกแบบใหม่" แสดงอย่างเด่นชัดด้วยตัวอักษรสีขาวขนาดใหญ่ด้านบน" } ] ... } ], "comparison_count": 2 }, "left_before_screen": { "brand": "Diplomatic Sentinel", "navigation_count": 4, "navigation_labels": [ "explore", "Visa View", "Require", "My vault" ], "main_badge": "Visa Smart Engine", "headline": "{argument name=\"before headline text\" default=\"Globally recognized, striving for excellence."}", "search_bar": { "placeholder": "Where do you want to go?", "button": "search" }, "recent_inquiries_count": 3, "recent_inquiries": [ "Japan", "France", "Thailand" ], "popular_destinations_count": 3, "popular_destinations": [ "UK", "USA", "ออสเตรเลีย" ], "feature_card": { "title": "คู่มือวีซ่าดิจิทัลโนแมดปี 2024", "button": "รายงานการอ่าน", "visual": "ลายน้ำรูปโล่แบบมินิมอลและการ์ดแก้ไขสีฟ้าอ่อน" }, "visual_style": "เงาอ่อนๆ มุมการ์ดโค้งมน พื้นหลังสีฟ้าอ่อน ตัวอักษรสีน้ำเงินเข้มและสีฟ้าคราม ภาพขนาดย่อของสถานที่ท่องเที่ยว" }, "right_after_screen": { "brand": "VisaConcierge", "navigation_count": 3, "navigation_labels": [ "search", "destination", "World map" ], "main_badge": "Global Liquidity Index", "headline": "{argument name=\"after headline text\" default=\"Visa Freedom Map\"}", "subheading": "เห็นภาพศักยภาพการเดินทางของคุณในกว่า 195 ประเทศอธิปไตยตามสัญชาติปัจจุบันของคุณ", "map_panel": { "description": "แผนที่โลกแบบอินเทอร์แอคทีฟขนาดใหญ่ตรงกลางแดชบอร์ดใช้สีฟ้าอ่อน สีน้ำตาล สีเทา และสีแดงเพื่อจัดหมวดหมู่ประเทศ", "legend_count": 4, "legend_labels": [ "Home country", "Visa-free", "e-visa/Visa on arrival", "Visa required" ], "map_controls_count": 3, "map_controls": [ "ขยาย", "ย่อ", "ตำแหน่งเป้าหมาย" ] }, "right_sidebar": { "cards_count": 2, "cards": [ { "title": "ประเทศบ้านเกิด", "selected_value": "{argument name=\"home country\" default=\"USA\"}" }, { "title": "ระดับความเป็นอิสระของภูมิภาค", "regions_count": 4, "regions": [ "ยุโรป (เขตเชงเก้น) — ไม่ต้องขอวีซ่า", "เอเชียตะวันออกเฉียงใต้ - ไม่ต้องขอวีซ่า", "อเมริกาใต้ — ไม่ต้องขอวีซ่า", "ตะวันออกกลาง — มีข้อจำกัด" ], "button": "ดูรายงานโดยละเอียด" } ] }, "visual_style": "แดชบอร์ดวิเคราะห์สมัยใหม่ การ์ดสีขาวขอบมน พื้นหลังสีเทาอ่อน เงาจางๆ และแบบอักษร sans-serif ขนาดกะทัดรัด" }, "overall_direction": "สร้างสไลด์โชว์ที่ดึงดูดสายตาเพื่อเปรียบเทียบผลิตภัณฑ์เว็บขอวีซ่าท่องเที่ยวที่ได้รับการออกแบบใหม่ก่อนและหลังการปรับปรุง หน้าจอด้านซ้ายควรแสดงหน้า Landing Page สำหรับค้นหาจุดหมายปลายทางทั่วไป ในขณะที่หน้าจอด้านขวาควรดูใช้งานง่ายและมีข้อมูลมากขึ้น โดยเน้นแผนที่แสดงการอนุญาตขอวีซ่าทั่วโลกแบบโต้ตอบและข้อมูลเชิงลึกในแถบด้านข้าง" }