(UX\/UI – Dise\u00f1o de Productos digitales<\/strong>– Starup)<\/p>\n\n\n\n

Menoroigual.com web responsive<\/em> y app<\/h2>\n\n\n\n

Contrato de 9 meses para dise\u00f1o de productos digitales, como: coherencia de dise\u00f1o en la app y web responsive<\/em>, clasificaci\u00f3n de productos, m\u00e9todos de pago, programas de fidelidad, servicios de cr\u00e9dito y dise\u00f1o del dashword, creador de las visuales de la web, redes sociales y materiales impresos.<\/p>\n<\/div>\n\n\n\n

\n

\n

\n

\n\n\n

Mi Rol<\/h5>\n\n\n\n

Dise\u00f1adora UX\/UI<\/p>\n\n\n\n

Dise\u00f1ador grafico senior<\/p>\n\n\n\n

Gu\u00eda y responsable de las decisiones en comunicaci\u00f3n visual de la empresa en general.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

\n\n\n

Objetivos expuestos<\/h5>\n\n\n\n

\n
• 4C como proyecto multiplataforma<\/li>\n\n\n\n
• Recorrido de usuario hasta su compra<\/li>\n\n\n\n
• Programa de fidelidad<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
  \n

  <\/div>\n\n\n\n

  <\/div>\n\n\n\n

  <\/div>\n<\/div>\n\n\n\n

  <\/figure>\n<\/div>\n\n\n\n

  \n

  4C: Estrategia de Dise\u00f1o Multiplataforma UX\/UI<\/h3>\n\n\n\n

  Este proyecto se centr\u00f3 en la creaci\u00f3n de un Sistema de Dise\u00f1o robusto<\/strong> para menoroigual.com<\/strong> que garantizara una experiencia de usuario fluida y coherente<\/strong> en todos sus puntos de contacto: Web, M\u00f3vil y Aplicaci\u00f3n Nativa. Apliqu\u00e9 los principios de las 4C del dise\u00f1o multiplataforma<\/strong> para asegurar la calidad y escalabilidad del producto.<\/p>\n\n\n\n

  El objetivo fue reforzar la identidad de marca, optimizando la presentaci\u00f3n y el orden de la informaci\u00f3n mediante un dise\u00f1o estrat\u00e9gico.<\/p>\n\n\n\n

  Implementaci\u00f3n de las 4C<\/h4>\n\n\n\n

  Desarroll\u00e9 soluciones espec\u00edficas para cada plataforma aprovechando sus ventajas inherentes, al tiempo que mantuve la conexi\u00f3n funcional entre ellas:<\/p>\n\n\n\n

  \n
  • 1. Consistencia (Consistency<\/em>):<\/strong>\n
    \n
    • Acci\u00f3n:<\/strong> Cre\u00e9 una biblioteca de componentes visuales (tipograf\u00eda, colores, botones)<\/strong> y patrones de interacci\u00f3n estandarizados, asegurando que la apariencia y el comportamiento de los elementos fueran id\u00e9nticos en la Web, el M\u00f3vil y la App.<\/li>\n\n\n\n
    • Impacto:<\/strong> Esto refuerza el reconocimiento de marca<\/strong> y reduce la curva de aprendizaje del usuario, ya que las acciones son predecibles sin importar la plataforma que utilice.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • 2. Continuidad (Continuity<\/em>):<\/strong>\n
      \n
      • Acci\u00f3n:<\/strong> Implement\u00e9 funcionalidades que permiten al usuario mantener su progreso<\/strong> al cambiar de dispositivo. Por ejemplo, la lista de deseos o el carrito de compras permanece sincronizado al pasar del navegador de escritorio a la aplicaci\u00f3n m\u00f3vil.<\/li>\n\n\n\n
      • Impacto:<\/strong> Elimina la frustraci\u00f3n y ofrece una experiencia sin fisuras<\/strong>, permitiendo al usuario retomar su tarea (ej. una compra) justo donde la dej\u00f3.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • 3. Contexto (Context<\/em>):<\/strong>\n
        \n
        • Acci\u00f3n:<\/strong> Dise\u00f1\u00e9 la interfaz adaptando los layouts<\/em> y las interacciones a las caracter\u00edsticas espec\u00edficas de cada dispositivo. <\/li>\n\n\n\n
        • Impacto:<\/strong> Se aprovechan las ventajas \u00fanicas de cada plataforma<\/strong> (t\u00e1ctil, mouse<\/em>, tama\u00f1o de pantalla), maximizando la usabilidad<\/strong> en cada entorno.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • 4. Complementariedad (Complementarity<\/em>):<\/strong>\n
          \n
          • Acci\u00f3n:<\/strong> Asign\u00e9 funcionalidades \u00fanicas o mejoradas<\/strong> a la App que complementan la experiencia principal de la Web. Por ejemplo, la App incluye notificaciones push<\/em> sobre ofertas personalizadas que no est\u00e1n en la Web, o acceso a un modo offline<\/em> limitado.<\/li>\n\n\n\n
          • Impacto:<\/strong> Se incentiva la descarga de la App, y el ecosistema completo de menoroigual.com<\/strong> ofrece un valor agregado<\/strong> y una utilidad superior al producto singular.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n

            <\/figure>\n\n\n\n

            \n

            \n

            \n

            <\/figure><\/div>\n<\/div>\n\n\n\n

            \n

            \n

            Dise\u00f1o y Optimizaci\u00f3n del Sistema de Pago (Checkout)<\/strong><\/h3>\n<\/div>\n\n\n\n

            \n

            \n

            Este proyecto se centr\u00f3 en la optimizaci\u00f3n del recorrido completo del usuario, desde el descubrimiento del producto hasta la conversi\u00f3n final. El objetivo principal fue reducir la fricci\u00f3n y aumentar la tasa de conversi\u00f3n a trav\u00e9s de un dise\u00f1o visual y funcional impecable.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

            \n

            \n

            Mi trabajo abarc\u00f3 todo el proceso de compra:<\/p>\n\n\n\n

            \n
            • Tarjetas de producto:<\/strong>\n
              \n
              • Dise\u00f1o de componentes visuales que priorizan la informaci\u00f3n clave<\/strong> (precio, disponibilidad, reviews<\/em>) para una toma de decisi\u00f3n r\u00e1pida y efectiva.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Clasificaci\u00f3n y filtrado de productos:<\/strong>\n
                \n
                • Desarrollo de un sistema de taxonom\u00eda<\/strong> y filtros intuitivos que mejoran la encontrabilidad <\/strong> de los art\u00edculos y minimizan la carga cognitiva.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                • P\u00e1gina de detalle de producto:<\/strong>\n
                  \n
                  • Dise\u00f1o de layouts<\/em> que facilitan la jerarqu\u00eda de la informaci\u00f3n<\/strong> (especificaciones t\u00e9cnicas, call-to-action<\/em> y galer\u00eda de im\u00e1genes), fomentando la confianza.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                  • Carrito de compras y checkout<\/em>:<\/strong>\n
                    \n
                    • Optimizaci\u00f3n del proceso de pago mediante un flujo simplificado y transparente<\/strong>. Me enfoqu\u00e9 en la claridad de los costos<\/strong>, la implementaci\u00f3n de m\u00faltiples opciones de pago, y la reducci\u00f3n de pasos para minimizar el abandono del carrito<\/strong>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • Sistema de pago:<\/strong>\n
                      \n
                      • Dise\u00f1o de interfaces de pago seguras y accesibles, priorizando la confianza del usuario<\/strong> y la facilidad de input<\/em><\/strong> para los datos de la tarjeta y env\u00edo.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

                        Enfoque de dise\u00f1o:<\/strong> El resultado fue un sistema de checkout<\/em> con consistencia visual<\/strong> y transparencia en la informaci\u00f3n<\/strong>, claves para generar una experiencia de compra satisfactoria y de alta conversi\u00f3n.<\/p>\n<\/div>\n\n\n\n

                        \n

                        \n

                        \n

                        <\/figure><\/div>\n<\/div>\n\n\n\n

                        \n

                        \n

                        Creaci\u00f3n de un Programa de Fidelidad<\/h3>\n<\/div>\n\n\n\n

                        \n

                        \n

                        Dise\u00f1o integral de un Programa de Fidelidad<\/strong> enfocado en la retenci\u00f3n de clientes<\/strong> y el aumento de la recurrencia de compra<\/strong> en menoroigual.com<\/strong>.<\/p>\n\n\n\n

                        El proyecto incluy\u00f3:<\/p>\n\n\n\n

                        La integraci\u00f3n estrat\u00e9gica del programa en todo el recorrido del usuario<\/p>\n\n\n\n

                        La definici\u00f3n del modelo de puntos y recompensas<\/strong> con elementos de gamificaci\u00f3n<\/em>.<\/p>\n\n\n\n

                        El dise\u00f1o de un panel de usuario<\/strong> claro para la visualizaci\u00f3n del progreso<\/strong> y el status<\/em> de la lealtad.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

                        ---

                        \n\n\n\n

                        \n

                        Conclusi\u00f3n<\/h5>\n\n\n\n

                        Este proyecto demuestra una visi\u00f3n integral del dise\u00f1o de producto<\/strong>, aplicando estrategias UX\/UI<\/strong> para resolver desaf\u00edos de negocio. Mi enfoque en la Consistencia Multiplataforma (4C)<\/strong>, la optimizaci\u00f3n del Sistema de Pago<\/strong> para reducir la fricci\u00f3n, y el dise\u00f1o estrat\u00e9gico del Programa de Fidelidad<\/strong> lograron un objetivo triple: aumentar la conversi\u00f3n, mejorar la retenci\u00f3n de usuarios y consolidar la lealtad de marca<\/strong> en todo el ecosistema de menoroigual.com<\/strong>. El resultado es una experiencia de usuario que genera valor medible para el negocio.
                        
                        <\/p>\n<\/div>\n<\/div>\n\n\n\n

                        <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

                        (UX\/UI – Dise\u00f1o de Productos digitales– Starup) Menoroigual.com web responsive y app Contrato de 9 meses para dise\u00f1o de productos digitales, como: coherencia de dise\u00f1o en la app y web responsive, clasificaci\u00f3n de productos, m\u00e9todos de pago, programas de fidelidad, servicios de cr\u00e9dito y dise\u00f1o del dashword, creador de las visuales de la web, redes […]<\/p>\n","protected":false},"author":1,"featured_media":110,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_swt_meta_header_display":false,"_swt_meta_footer_display":false,"_swt_meta_site_title_display":true,"_swt_meta_sticky_header":false,"_swt_meta_transparent_header":false,"footnotes":""},"categories":[4,6],"tags":[3,5,7],"class_list":["post-79","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui","category-ux","tag-sistema-de-diseno","tag-ui","tag-ux"],"_links":{"self":[{"href":"https:\/\/marianabel.com\/index.php?rest_route=\/wp\/v2\/posts\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marianabel.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marianabel.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marianabel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marianabel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":9,"href":"https:\/\/marianabel.com\/index.php?rest_route=\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/marianabel.com\/index.php?rest_route=\/wp\/v2\/posts\/79\/revisions\/239"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marianabel.com\/index.php?rest_route=\/wp\/v2\/media\/110"}],"wp:attachment":[{"href":"https:\/\/marianabel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marianabel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marianabel.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}