Interfaz de usuario de la aplicación Visa antes y después

{ "type": "Modelo de comparación de interfaz de usuario de productos lado a lado", "canvas": { "aspect_ratio": "Pantalla panorámica 16:9", "background": "negro puro", "style": "Una presentación concisa de SaaS, una interfaz de usuario vectorial clara y capturas de pantalla de aplicaciones web de alta fidelidad." }, "layout": { "sections": [ { "title": "Antes de la actualización", "position": "Lado izquierdo", "count": 1, "description": "Una página de inicio inteligente azul claro para visas de viaje se coloca dentro de un marco de navegador blanco, con las palabras "Antes del rediseño" que se muestran prominentemente en texto blanco grande encima." }, { "title": "Después del rediseño", "position": "Lado derecho", "count": 1, "description": "Un panel de control del mapa de libertad de visa rediseñado se coloca dentro de un marco de navegador blanco, con las palabras "Rediseñado" que se muestran prominentemente en letras blancas grandes encima." } ], "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 recognition, striving for excellence.\"}", "search_bar": { "placeholder": "¿Adónde quieres ir?", "button": "search" }, "recent_inquiries_count": 3, "recent_inquiries": [ "Japan", "France", "Thailand" ], "popular_destinations_count": 3, "popular_destinations": [ "UK", "USA", "Australia" ], "feature_card": { "title": "Guía de visas para nómadas digitales 2024", "button": "Leer informe", "visual": "Marca de agua minimalista con escudo y tarjeta de edición azul claro" }, "visual_style": "Sombras suaves, esquinas de tarjeta redondeadas, fondo azul claro, tipografía azul marino y cian, miniaturas de fotos de destinos de viaje." }, "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": "Visualice su potencial de viaje en más de 195 países soberanos según su nacionalidad actual.", "map_panel": { "description": "El gran mapa interactivo del mundo en el centro del panel utiliza cian suave, tostado, gris y rojo para categorizar los países.", "legend_count": 4, "legend_labels": [ "Home country", "Visa-free", "e-visa/Visa on arrival", "Visa required" ], "map_controls_count": 3, "map_controls": [ "enlarge", "Shrink", "Posicionamiento del objetivo" ] }, "barra_lateral_derecha": { "número_de_tarjetas": 2, "tarjetas": [ { "título": "País de origen", "valor_seleccionado": "{argumento nombre=\"país de origen\" valor_predeterminado=\"EE. UU."\"}" }, { "título": "Grados de libertad regionales", "número_de_regiones": 4, "regiones": [ "Europa (Zona Schengen) — Sin visado", "Sudeste asiático - Sin visado", "América del Sur — Sin visado", "Oriente Medio — Restringido" ], "botón": "Ver informe detallado" } ] }, "estilo_visual": "Panel de análisis moderno, tarjetas blancas redondeadas, fondo gris suave, sombras sutiles y fuente sans-serif compacta." }, "overall_direction": "Genera una presentación visualmente atractiva que compare el producto web de visas de viaje rediseñado antes y después. La pantalla izquierda debe presentar una página de inicio genérica de búsqueda de destinos, mientras que la pantalla derecha debe parecer más fácil de usar y rica en datos, destacando el mapa interactivo de libertad de visa global y las perspectivas de la barra lateral." }