{"id":125101,"date":"2018-10-03T08:00:12","date_gmt":"2018-10-03T06:00:12","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-and-the-changing-face-of-ecommerce-in-the-dominican-republic\/"},"modified":"2025-02-07T16:56:36","modified_gmt":"2025-02-07T15:56:36","slug":"prototyping-and-the-changing-face-of-ecommerce-in-the-dominican-republic","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/blog\/ecommerce-republica-dominicana\/","title":{"rendered":"La creaci\u00f3n de prototipos y el rostro cambiante del comercio electr\u00f3nico en la Rep\u00fablica Dominicana"},"content":{"rendered":"<h2><span style=\"font-weight: 400;\">As\u00ed es como un dise\u00f1ador utiliz\u00f3 Justinmind para cambiar la experiencia del usuario del primer supermercado en l\u00ednea de la Rep\u00fablica Dominicana<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">La dise\u00f1adora UX y gestora de proyectos Reymi Castellanos es la fundadora del Grupo Interactivo, una agencia de marketing digital con sede en la Rep\u00fablica Dominicana.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dirige proyectos de dise\u00f1o UX desde la base y recientemente ha participado en el tratamiento UX del primer supermercado online del pa\u00eds.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">En este post, nos ponemos al d\u00eda con Reymi y descubrimos c\u00f3mo utiliza Justinmind para crear wireframes, interfaces de usuario y prototipos de alta fidelidad para todo tipo de <a href=\"https:\/\/www.justinmind.com\/es\/clientes\" target=\"_blank\" rel=\"noopener noreferrer\">clientes<\/a>.<\/span><\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">Construye y crea prototipos de tu propio sitio de comercio electr\u00f3nico. Descargar Justinmind. <\/span><\/h2>\n<p style=\"text-align: center;\"><a style=\"color:#FFFFFF; background-color:#000000;\" data-category=\"cta-download-web-{{user-agent}}\" data-label=\"banner1-post\" data-action=\"es\/wp-json\/wp\/v2\/tc_content_pillar\/125101\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzEzWldJdGUzdDFjMlZ5TFdGblpXNTBmWDBpTENKc1lXSmxiQ0k2SW1KaGJtNWxjakV0Y0c5emRDSXNJbUZqZEdsdmJpSTZJbVZ6WEM5M2NDMXFjMjl1WEM5M2NGd3ZkakpjTDNSalgyTnZiblJsYm5SZmNHbHNiR0Z5WEM4eE1qVXhNREVpZlE9PSIsInNpZ25hdHVyZSI6IjA2NGVmZmFhYTllMGMzODRhZjhlNTdkYzIzMTZhY2VkYWQzNTk5OTcwNGFhYTVmZjExNjBjZThmMzlhZWE2ODkifQ==\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzEzWldJdGUzdDFjMlZ5TFdGblpXNTBmWDBpTENKc1lXSmxiQ0k2SW1KaGJtNWxjakV0Y0c5emRDSXNJbUZqZEdsdmJpSTZJbVZ6WEM5M2NDMXFjMjl1WEM5M2NGd3ZkakpjTDNSalgyTnZiblJsYm5SZmNHbHNiR0Z5WEM4eE1qVXhNREVpZlE9PSIsInNpZ25hdHVyZSI6IjA2NGVmZmFhYTllMGMzODRhZjhlNTdkYzIzMTZhY2VkYWQzNTk5OTcwNGFhYTVmZjExNjBjZThmMzlhZWE2ODkifQ==\" class=\"action-tracking-button mks_button mks_button_large squared\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\" target=\"_blank\">Descargar gratis<\/a><\/p>\n<hr>\n<\/div>\n<h3><span style=\"font-weight: 400;\">Herramientas del oficio<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Todo gran dise\u00f1o nuevo empieza con algo sencillo: un prototipo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para Reymi Castellanos, la creaci\u00f3n de prototipos es lo que da vida a sus ideas y consigue que las partes interesadas se suban al carro.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abLa creaci\u00f3n de prototipos es el paso m\u00e1s importante del proceso de dise\u00f1o. Ahorra tiempo y nos permite centrarnos en producir los elementos m\u00e1s relevantes para el proyecto.\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pero antes de que Reymi pudiera resolver problemas de dise\u00f1o con prototipos, necesitaba una herramienta de dise\u00f1o fiable a la que pudiera recurrir cuando quisiera probar una idea.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abProbamos otras herramientas antes de elegir Justinmind. Algunas ofrec\u00edan funciones de gran valor, como animaciones y transiciones impresionantes, pero lo que faltaba eran <strong>escenarios y simulaci\u00f3n en el dispositivo.<\/strong>\u00bb <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fue entonces cuando Reymi se decidi\u00f3 por Justinmind. Como gestor de proyectos de UX, Reymi entiende que sin el conjunto adecuado de herramientas, crear un buen trabajo de dise\u00f1o es dif\u00edcil. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abEs una herramienta profesional que combina un dise\u00f1o de alta fidelidad y una interacci\u00f3n avanzada con tablas de datos, variables y escenarios de programaci\u00f3n. Rechazamos otras herramientas porque s\u00f3lo funcionaban en l\u00ednea y ten\u00edan capacidades limitadas para nuestro proyecto.\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00bfPrototipos de alta fidelidad y sin conexi\u00f3n? Reymi fue vendido. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Barrido de supermercado<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Ahora, con una s\u00f3lida herramienta de dise\u00f1o a su disposici\u00f3n, Reymi se dispuso a resolver el problema de dise\u00f1o que ten\u00eda entre manos. \u00c9l y su equipo participaron en el redise\u00f1o del sitio web y la aplicaci\u00f3n del primer supermercado online de la Rep\u00fablica Dominicana. No era poca cosa.  <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23838 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface.png\" alt=\"Prototipos y comercio electr\u00f3nico en la Rep\u00fablica Dominicana - alsuper-interface\" width=\"810\" height=\"481\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface.png 810w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface-300x178.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuper-interface-768x456.png 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">\u00abAlSuper.do es el primer supermercado online de la Rep\u00fablica Dominicana, pero se cre\u00f3 hace muchos, muchos a\u00f1os. Para crear una interfaz impactante y usable, tuvimos que hacer un redise\u00f1o del sitio web y de la aplicaci\u00f3n m\u00f3vil desde cero.\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Los grandes proyectos como \u00e9ste suelen correr el riesgo de fracasar. La mala comunicaci\u00f3n, la falta de pruebas y la nula investigaci\u00f3n son algunas de las formas en que los buenos proyectos se convierten en malos. \u00bfC\u00f3mo empez\u00f3 Reymi?  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abEl dise\u00f1o de la UI de un supermercado online es una gran empresa. Ten\u00edamos que crear una nueva experiencia de compra \u00fanica\u00bb.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esto implic\u00f3 investigar a los usuarios nuevos y existentes, realizar un an\u00e1lisis experto y proponer varias soluciones para el cliente.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esto significaba que Reymi necesitaba<\/span><\/p>\n<ul>\n<li> <span style=\"font-weight: 400;\"> Crea <\/span><a href=\"https:\/\/www.justinmind.com\/es\/ui-diseno\/sketching\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">sketching<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400;\">  Wireframes de dise\u00f1o<\/span><\/li>\n<li> <span style=\"font-weight: 400;\"> Define el <\/span><a href=\"https:\/\/www.justinmind.com\/es\/blog\/herramientas-flujo-usuario\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">flujo de usuarios<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400;\">  Crear una nueva identidad visual<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00bfY lo mejor? Todo esto es posible desde la herramienta de dise\u00f1o de Reymi, Justinmind. <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Por qu\u00e9 Justinmind era la herramienta adecuada para el trabajo<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u00abUtilizamos las condiciones de Justinmind para simular el acceso mediante un login. Aparecer\u00eda un error si el usuario introduc\u00eda datos incorrectos. Tambi\u00e9n pod\u00edamos cambiar el aspecto de los elementos, como el icono de la tarjeta de la compra, en funci\u00f3n de si se hab\u00edan a\u00f1adido art\u00edculos o no.\u00bb<\/span><\/p>\n<p><a href=\"https:\/\/www.justinmind.com\/es\/features-new\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Condiciones<\/span><\/a><span style=\"font-weight: 400;\">  fueron un elemento poderoso en el dise\u00f1o del supermercado online de Reymi. Aportaban el realismo que buscaba. En poco tiempo, se enganch\u00f3 al uso de las condiciones.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abLas condiciones de programaci\u00f3n simulan interacciones de eventos reales. Las utilizamos en casi todas las pantallas del proyecto para definir cu\u00e1ndo y c\u00f3mo el contenido o los elementos de navegaci\u00f3n aparecen ante el usuario, desde simular una tarjeta de compra hasta crear un comportamiento de inicio de sesi\u00f3n.\u00bb<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.justinmind.com\/es\/blog\/7-login-forms-how-to-prototype-them-with-justinmind\" target=\"_blank\" rel=\"noopener noreferrer\">Los formularios de inicio de sesi\u00f3n<\/a> son relativamente sencillos de dise\u00f1ar, pero presentan una gran oportunidad de UX. Puedes utilizar texto de marcador de posici\u00f3n, microcopy \u00fatil e interacciones intuitivas para que iniciar sesi\u00f3n sea un sue\u00f1o. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abEl comportamiento del inicio de sesi\u00f3n fue la parte m\u00e1s f\u00e1cil de crear porque la definici\u00f3n de condiciones es muy intuitiva en Justinmind.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Definimos varios usuarios y contrase\u00f1as para realizar las pruebas de uso, as\u00ed como las condiciones respectivas. Luego pudimos dar acceso a la siguiente pantalla en cuesti\u00f3n de minutos, una vez que tuvimos todos los elementos de la UI en su sitio.\u00bb <\/span><\/p>\n<h3><span style=\"font-weight: 400;\">A\u00f1adir interacci\u00f3n para un mayor deleite<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Justinmind permiti\u00f3 a Reymi recrear importantes <a href=\"https:\/\/www.justinmind.com\/es\/ui-diseno\/patrones\" target=\"_blank\" rel=\"noopener noreferrer\">patrones de dise\u00f1o<\/a> para la UI del supermercado.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abEn Justinmind, pod\u00edamos crear paneles cambiantes en una pantalla con su respectivo men\u00fa de pesta\u00f1as. Pod\u00eda crear un   <\/span><a href=\"https:\/\/www.justinmind.com\/es\/ui-diseno\/slide-menu\"><span style=\"font-weight: 400;\">men\u00fa lateral deslizante<\/span><\/a><span style=\"font-weight: 400;\"> y utilizar condiciones l\u00f3gicas para mostrar y ocultar botones cuando sea necesario\u00bb.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23845 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet.png\" alt=\"Prototipos y comercio electr\u00f3nico en la Rep\u00fablica Dominicana - alsuperdo en una tableta\" width=\"810\" height=\"481\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet.png 810w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet-300x178.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/10\/alsuperdo-on-a-tablet-768x456.png 768w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Pero, \u00bfqu\u00e9 ventajas ten\u00eda esto? Significaba que Reymi pod\u00eda mostrar interacciones fluidas y realistas. Una cosa es mostrar capturas de pantalla de tu dise\u00f1o y otra es tener una aplicaci\u00f3n que funcione como la de verdad. Este tipo de cosas son las que hacen felices a las partes interesadas. \u00bfC\u00f3mo mostraron su trabajo?    <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abPresentamos este proyecto de dos formas. Inicialmente como gr\u00e1ficos (simples JPG) que mostraban el estilo de pantalla principal que propon\u00edamos. Una vez aprobado, todas las presentaciones y revisiones se hicieron dentro de Justinmind, pulsando el bot\u00f3n    <\/span><a href=\"https:\/\/www.justinmind.com\/es\/soporte\/colaboracion-con-revisores\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Bot\u00f3n Compartir<\/span><\/a><span style=\"font-weight: 400;\">.\u00bb<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Un prototipo a tiempo salva a nueve<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Reymi no s\u00f3lo pod\u00eda compartir sus prototipos con facilidad, sino tambi\u00e9n con condiciones \u00fatiles, <\/span><a href=\"https:\/\/www.justinmind.com\/es\/soporte\/plantillas-y-maestros\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">plantillas<\/span><\/a><span style=\"font-weight: 400;\"> y widgets de arrastrar y soltar, consigui\u00f3 ganar algo que a todos los dise\u00f1adores les falta: tiempo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abAhorr\u00e9 tiempo al dise\u00f1ar. Ahorr\u00e9 tiempo en el proceso de evaluaci\u00f3n al presentar escenarios a los clientes. Ahorr\u00e9 tiempo al desarrollador al tener documentaci\u00f3n detallada exportada directamente desde dentro de Justinmind\u00bb.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para Reymi, la creaci\u00f3n de prototipos viables y de alta fidelidad que funcionan correctamente, junto con el enorme ahorro de tiempo, se traduce en partes interesadas satisfechas y un proceso de dise\u00f1o m\u00e1s fluido.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Conclusi\u00f3n<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Reymi puede dar vida a un proyecto con \u00e9xito gracias a su herramienta de creaci\u00f3n de prototipos. Al elegir algo intuitivo y f\u00e1cil de entender, no necesita pasar horas aprendiendo. Puede emplear mejor su tiempo: mejorando la UX de las aplicaciones m\u00f3viles y los sitios web.  <\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00abAl principio necesitar\u00e1s una peque\u00f1a introducci\u00f3n a Justinmind. Es l\u00f3gico: hay muchas funciones \u00fatiles a tu disposici\u00f3n. Pero merece 100% la pena por el resultado que conseguir\u00e1s\u00bb.<\/span><\/p>\n<p><a class=\"jim-ending-post\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13263 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\" alt=\"Descargar gratis\" width=\"1399\" height=\"302\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png 1399w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-300x65.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-768x166.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-1024x221.png 1024w\" sizes=\"(max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As\u00ed es como un dise\u00f1ador utiliz\u00f3 Justinmind para cambiar la experiencia del usuario del primer supermercado en l\u00ednea de la Rep\u00fablica Dominicana<\/p>\n","protected":false},"author":13,"featured_media":96680,"parent":0,"menu_order":0,"template":"","tags":[8413],"content_category":[],"class_list":["post-125101","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-legacy-es"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125101"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/13"}],"version-history":[{"count":5,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125101\/revisions"}],"predecessor-version":[{"id":126948,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125101\/revisions\/126948"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media\/96680"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=125101"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=125101"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/content_category?post=125101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}