{"id":94483,"date":"2026-11-12T09:20:10","date_gmt":"2026-11-12T14:20:10","guid":{"rendered":"https:\/\/niixer.com\/?p=94483"},"modified":"2026-11-12T09:20:11","modified_gmt":"2026-11-12T14:20:11","slug":"chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/","title":{"rendered":"ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Categor\u00eda:<\/strong> Inteligencia Artificial \u00b7 Proyectos | <strong>Autores:<\/strong> Erika Tatiana Mart\u00ednez Bar\u00f3n y Juli\u00e1n Mateo V\u00e1squez Ria\u00f1o | <strong>Fecha:<\/strong> 11\/11\/2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ChocAndes es una marca ficticia de chocolates artesanales de Bogot\u00e1, Colombia, creada por un grupo de estudiantes como parte de un proyecto acad\u00e9mico enfocado en el uso de la inteligencia artificial generativa. La idea principal fue desarrollar una propuesta de negocio que permitiera explorar c\u00f3mo diferentes herramientas de IA pueden apoyar la creaci\u00f3n de una marca, desde su identidad visual y la presentaci\u00f3n de sus productos hasta el desarrollo de plataformas digitales para acercarse a posibles clientes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para llevar a cabo este proyecto, se utilizaron herramientas como ChatGPT, Claude, Google AI Studio y Google Vids, cada una con una funci\u00f3n espec\u00edfica dentro del proceso. Con su apoyo, se desarrollaron una p\u00e1gina web, una aplicaci\u00f3n m\u00f3vil y dos videos que permiten presentar la marca, conocer sus productos y simular la experiencia de realizar un pedido. Durante el desarrollo tambi\u00e9n fue necesario revisar los resultados, identificar errores y realizar diferentes ajustes para mejorar tanto el dise\u00f1o como el funcionamiento de las plataformas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A lo largo de este art\u00edculo se explica c\u00f3mo surgi\u00f3 ChocAndes, qu\u00e9 herramientas de inteligencia artificial se utilizaron, c\u00f3mo se desarroll\u00f3 cada uno de los componentes del proyecto y cu\u00e1les fueron los principales retos y aprendizajes. M\u00e1s all\u00e1 de mostrar los resultados finales, se busca dar a conocer c\u00f3mo la inteligencia artificial puede convertirse en una herramienta de apoyo para transformar una idea de negocio en una experiencia digital, siempre acompa\u00f1ada de la creatividad, las decisiones y la supervisi\u00f3n humana.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Eslogan:<\/strong> \u201cChocAndes, peque\u00f1os detalles, grandes momentos\u201d<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cm-color-5-color\"><strong>Ficha del proyecto<\/strong><\/mark><\/h3>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1. El problema de negocio<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-regular\" style=\"padding-top:0;padding-bottom:0\"><table class=\"has-fixed-layout\" style=\"border-width:8px\"><thead><tr><td><strong>Dato<\/strong><\/td><td><strong>Detalle<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Empresa<\/td><td>ChocAndes, chocolates artesanales de Bogot\u00e1 (ficticia)<\/td><\/tr><tr><td>P\u00fablico simulado<\/td><td>Personas de 18 a 35 a\u00f1os que buscan un regalo de chocolate o un detalle para una ocasi\u00f3n especial<\/td><\/tr><tr><td>Piezas<\/td><td>P\u00e1gina web, prototipo m\u00f3vil de 6 pantallas, 2 videos<\/td><\/tr><tr><td>IA usada<\/td><td>Claude (prompts), ChatGPT Pro (guion, storyboard y revisi\u00f3n de errores), Google AI Studio (app m\u00f3vil y p\u00e1gina web) y Google Vids (videos)<\/td><\/tr><tr><td>Estado<\/td><td>Prototipo acad\u00e9mico con datos simulados<\/td><\/tr><tr><td>Aviso fijo<\/td><td>\u201cDemostraci\u00f3n: no env\u00eda pedidos ni guarda datos\u201d<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Aunque ChocAndes es una empresa ficticia, el proyecto parte de una situaci\u00f3n que puede presentarse en muchos emprendimientos: la dificultad de dar a conocer sus productos, organizar la informaci\u00f3n y ofrecer a los clientes una experiencia sencilla al momento de elegir y realizar un pedido. En este caso, se plante\u00f3 que la marca necesitaba contar con diferentes canales digitales que permitieran presentar sus chocolates artesanales, explicar las caracter\u00edsticas de cada producto y facilitar la elecci\u00f3n de un regalo seg\u00fan las preferencias y el presupuesto de cada persona.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para responder a esta necesidad, se propuso desarrollar una p\u00e1gina web, una aplicaci\u00f3n m\u00f3vil y dos videos que estuvieran relacionados entre s\u00ed. La p\u00e1gina web permitir\u00eda conocer la marca, explorar su cat\u00e1logo y recibir recomendaciones mediante una gu\u00eda interactiva. Por su parte, la aplicaci\u00f3n m\u00f3vil ofrecer\u00eda una experiencia m\u00e1s directa, donde los usuarios podr\u00edan consultar los productos, seleccionar cantidades, elegir opciones de empaque y realizar una solicitud de pedido simulada. Los videos complementar\u00edan estas herramientas, uno promocionando la marca y sus productos, y otro mostrando el funcionamiento de la aplicaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El principal reto del proyecto consisti\u00f3 en lograr que todas estas herramientas mantuvieran una misma identidad visual, presentaran informaci\u00f3n coherente y fueran f\u00e1ciles de utilizar. Adem\u00e1s, se busc\u00f3 comprobar hasta qu\u00e9 punto la inteligencia artificial generativa pod\u00eda facilitar su desarrollo, identificando tanto sus ventajas como las dificultades que surgieron durante el proceso. Por esta raz\u00f3n, fue necesario revisar los resultados, corregir errores de dise\u00f1o y navegaci\u00f3n, y verificar que las funciones principales respondieran a lo que se hab\u00eda planteado inicialmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De esta manera, ChocAndes se convirti\u00f3 en un ejercicio pr\u00e1ctico para comprender c\u00f3mo diferentes herramientas de inteligencia artificial pueden trabajar de forma complementaria en la creaci\u00f3n de una propuesta de negocio digital, sin necesidad de desarrollar una empresa real ni implementar sistemas de pago o almacenamiento de informaci\u00f3n personal.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. El cat\u00e1logo de prueba (datos simulados)<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Producto<\/strong><\/td><td><strong>Descripci\u00f3n<\/strong><\/td><td><strong>Precio simulado<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Caja Sierra Nevada<\/td><td>Bombones de chocolate oscuro 70% con relleno de caf\u00e9<\/td><td>$38.000 COP<\/td><\/tr><tr><td>Barra P\u00e1ramo<\/td><td>Barra de chocolate con leche con sal marina<\/td><td>$18.000 COP<\/td><\/tr><tr><td>Trufas Andinas<\/td><td>Trufas rellenas de arequipe<\/td><td>$28.000 COP<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1199\" height=\"1312\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-artesanales-con-paisaje-andino.png\" alt=\"\" class=\"wp-image-94506 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-artesanales-con-paisaje-andino.png 1199w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-artesanales-con-paisaje-andino-274x300.png 274w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-artesanales-con-paisaje-andino-768x840.png 768w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-artesanales-con-paisaje-andino-936x1024.png 936w\" sizes=\"auto, (max-width: 1199px) 100vw, 1199px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Para el desarrollo de ChocAndes se cre\u00f3 un cat\u00e1logo de prueba compuesto por tres productos de chocolate artesanal, cada uno con caracter\u00edsticas, sabores y precios diferentes. La intenci\u00f3n fue ofrecer distintas alternativas para las personas que buscan un regalo, un detalle para una ocasi\u00f3n especial o simplemente disfrutar de un chocolate. Aunque los productos y sus precios son simulados, se busc\u00f3 que la propuesta fuera coherente con lo que podr\u00eda ofrecer una chocolater\u00eda artesanal en Bogot\u00e1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">El primer producto es la Caja Sierra Nevada, una presentaci\u00f3n de bombones elaborados con chocolate oscuro al 70 % de cacao y rellenos de caf\u00e9 colombiano, con un precio simulado de $38.000 COP. El segundo es la Barra P\u00e1ramo, que combina chocolate con leche y delicados cristales de sal marina, con un precio de $18.000 COP. Finalmente, se encuentran las Trufas Andinas, elaboradas con una cobertura suave de chocolate, espolvoreadas con cacao y rellenas de arequipe tradicional, con un precio de $28.000 COP. Estos tres productos permiten ofrecer diferentes opciones seg\u00fan los gustos y el presupuesto de cada persona.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s de definir los productos, se trabaj\u00f3 en la identidad visual de ChocAndes para que la marca transmitiera una imagen cercana, c\u00e1lida, juvenil y elegante. Para ello, se utilizaron principalmente tonos marrones inspirados en el cacao, colores crema y detalles dorados, buscando relacionar la presentaci\u00f3n de los chocolates con una experiencia de regalo especial. Esta identidad se mantuvo en el logotipo, las im\u00e1genes de los productos, la p\u00e1gina web, la aplicaci\u00f3n m\u00f3vil y los videos desarrollados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uno de los aspectos importantes fue mantener la misma informaci\u00f3n en las diferentes plataformas. Por esta raz\u00f3n, se establecieron nombres, descripciones y precios para cada producto, de manera que los usuarios pudieran reconocerlos f\u00e1cilmente al pasar de la p\u00e1gina web a la aplicaci\u00f3n m\u00f3vil. Asimismo, el cat\u00e1logo sirvi\u00f3 como base para desarrollar la gu\u00eda interactiva de recomendaciones, que permite sugerir un chocolate seg\u00fan la ocasi\u00f3n, el presupuesto y las preferencias de sabor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De esta forma, el cat\u00e1logo no se limit\u00f3 a presentar tres productos, sino que se convirti\u00f3 en un elemento central del proyecto, ya que permiti\u00f3 conectar la identidad de ChocAndes con las funciones de las plataformas digitales y ofrecer una experiencia de navegaci\u00f3n y selecci\u00f3n de productos m\u00e1s organizada.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3. El mapa del recorrido<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para el proyecto ChocAndes se dise\u00f1\u00f3 un recorrido que permite conectar el video promocional, la p\u00e1gina web y la aplicaci\u00f3n m\u00f3vil, con el objetivo de ofrecer una experiencia sencilla y organizada. La idea es que una persona pueda conocer la marca, explorar sus productos, recibir recomendaciones y realizar un pedido simulado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El recorrido comienza con el video promocional, donde se presenta ChocAndes y se invita a los espectadores a explorar su cat\u00e1logo. A partir de ah\u00ed, los usuarios pueden ingresar a la p\u00e1gina web para conocer la propuesta de la marca, consultar las caracter\u00edsticas de los tres chocolates y utilizar una gu\u00eda interactiva que recomienda un producto seg\u00fan la ocasi\u00f3n, el presupuesto y las preferencias de sabor. Despu\u00e9s, pueden seleccionar el chocolate, indicar la cantidad y completar un formulario que muestra el resumen y la confirmaci\u00f3n del pedido simulado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por otra parte, la aplicaci\u00f3n m\u00f3vil ofrece una experiencia similar, pero adaptada al celular. Desde la pantalla de inicio, el usuario puede acceder al cat\u00e1logo, utilizar la gu\u00eda &#8220;\u00bfCu\u00e1l elijo?&#8221;, consultar los detalles de cada producto y personalizar su pedido seleccionando la cantidad y el tipo de empaque. Finalmente, puede revisar el valor total, completar los datos obligatorios y obtener una confirmaci\u00f3n ficticia, con la posibilidad de regresar al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este recorrido permiti\u00f3 relacionar los diferentes componentes del proyecto y mantener una experiencia coherente entre las plataformas. Adem\u00e1s, se elabor\u00f3 un video tutorial que muestra paso a paso c\u00f3mo utilizar la aplicaci\u00f3n, facilitando la comprensi\u00f3n de sus funciones y del proceso de pedido simulado.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"620\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-18.png\" alt=\"\" class=\"wp-image-94493\" style=\"aspect-ratio:1.4987405541561714\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-18.png 930w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-18-300x200.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-18-768x512.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Mapa del recorrido de ChocAndes: ruta web, ruta del prototipo m\u00f3vil y Video 2. En la ruta m\u00f3vil, la gu\u00eda \u201c\u00bfCu\u00e1l elijo?\u201d se abre desde el cat\u00e1logo o el inicio y recomienda un producto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>4. Qu\u00e9 se construy\u00f3<\/strong><\/h2>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>P\u00e1gina web<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Para el desarrollo de ChocAndes se cre\u00f3 una p\u00e1gina web que funciona como el principal espacio de presentaci\u00f3n de la marca y sus productos. Su objetivo es permitir que los visitantes conozcan la propuesta de la chocolater\u00eda, exploren las diferentes opciones disponibles y puedan realizar una solicitud de pedido simulada de manera sencilla. La p\u00e1gina fue desarrollada con ayuda de Google AI Studio, utilizando HTML, CSS y JavaScript, y se dise\u00f1\u00f3 para funcionar tanto en computadores como en dispositivos m\u00f3viles, adaptando su contenido al tama\u00f1o de cada pantalla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La p\u00e1gina est\u00e1 organizada en cuatro secciones principales: inicio, cat\u00e1logo, gu\u00eda para elegir y solicitud de prueba. En la primera se presenta la identidad de ChocAndes, acompa\u00f1ada de una descripci\u00f3n de la marca y una imagen de sus productos. En el cat\u00e1logo se encuentran las tres opciones disponibles: Caja Sierra Nevada, Barra P\u00e1ramo y Trufas Andinas. Cada producto cuenta con su fotograf\u00eda, descripci\u00f3n, precio y una opci\u00f3n para consultar informaci\u00f3n m\u00e1s detallada. Adem\u00e1s, se incorporaron botones que permiten pasar directamente de la informaci\u00f3n del producto al formulario de solicitud, facilitando la navegaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una de las funciones m\u00e1s interesantes de la p\u00e1gina es la gu\u00eda interactiva para elegir un chocolate. Esta herramienta surgi\u00f3 con la intenci\u00f3n de ayudar a las personas que no saben qu\u00e9 producto regalar. Para utilizarla, el visitante responde tres preguntas relacionadas con la ocasi\u00f3n del regalo, el presupuesto disponible y las preferencias de sabor de la persona que lo recibir\u00e1. A partir de estas respuestas, el sistema recomienda uno de los productos del cat\u00e1logo y permite consultar sus caracter\u00edsticas. De esta manera, la p\u00e1gina no se limita a mostrar chocolates, sino que tambi\u00e9n ofrece una orientaci\u00f3n para tomar una decisi\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por otra parte, se desarroll\u00f3 un formulario de solicitud de prueba que permite simular el proceso de realizar un pedido. En este apartado, el usuario debe ingresar un nombre ficticio, seleccionar el producto y elegir una cantidad entre 1 y 10 unidades. El sistema verifica que los campos obligatorios est\u00e9n completos y que los valores ingresados sean v\u00e1lidos. Cuando la informaci\u00f3n es correcta, se genera un resumen con el producto seleccionado, la cantidad, el valor total y un n\u00famero de pedido ficticio, sin necesidad de recargar la p\u00e1gina. Es importante aclarar que esta funci\u00f3n es \u00fanicamente demostrativa, por lo que no se realizan compras reales ni se almacenan datos personales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Durante la elaboraci\u00f3n de la p\u00e1gina tambi\u00e9n se realizaron diferentes ajustes con ayuda de ChatGPT, principalmente para mejorar la presentaci\u00f3n de los productos, la organizaci\u00f3n de las secciones y la navegaci\u00f3n. Uno de los cambios fue reemplazar la imagen principal, que inicialmente mostraba \u00fanicamente la Caja Sierra Nevada, por una fotograf\u00eda donde aparecen los tres productos de ChocAndes. Tambi\u00e9n se trabaj\u00f3 en mantener una identidad visual uniforme, utilizando tonos marrones, crema y dorados, adem\u00e1s de revisar que los botones y las funciones de selecci\u00f3n estuvieran conectados correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, la p\u00e1gina web permiti\u00f3 integrar en un mismo espacio la presentaci\u00f3n de la empresa, el cat\u00e1logo y una experiencia de compra simulada. Su desarrollo tambi\u00e9n sirvi\u00f3 para comprender que, aunque la inteligencia artificial puede facilitar la creaci\u00f3n de una plataforma digital, es necesario revisar sus resultados, realizar pruebas y dar instrucciones claras para conseguir que el dise\u00f1o y las funcionalidades respondan a lo que se busca desarrollar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"466\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-1-1.png\" alt=\"\" class=\"wp-image-94494\" style=\"aspect-ratio:2.01006711409396\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-1-1.png 936w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-1-1-300x149.png 300w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-1-1-767x382.png 767w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Pantalla de inicio de la web ChocAndes<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Prototipo m\u00f3vil<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pantalla de inicio de la app ChocAndes<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"642\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-2-1.png\" alt=\"\" class=\"wp-image-94495 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-2-1.png 307w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-2-1-143x300.png 143w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Como parte del proyecto ChocAndes, se desarroll\u00f3 un prototipo de aplicaci\u00f3n m\u00f3vil utilizando Google AI Studio, con el objetivo de ofrecer una experiencia sencilla e interactiva para conocer los productos y realizar pedidos simulados. La aplicaci\u00f3n cuenta con seis pantallas conectadas entre s\u00ed y mantiene la identidad visual de la marca mediante colores marrones, crema y dorados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al ingresar, el usuario encuentra una presentaci\u00f3n de ChocAndes, su eslogan y una breve descripci\u00f3n de los chocolates artesanales. Tambi\u00e9n se destacan algunas caracter\u00edsticas de la marca y se incluye el bot\u00f3n &#8220;Explorar cat\u00e1logo&#8221;, que permite acceder directamente a los productos disponibles. En la parte inferior se encuentra un men\u00fa de navegaci\u00f3n que facilita el acceso a las diferentes funciones de la aplicaci\u00f3<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cat\u00e1logo de productos<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">En el cat\u00e1logo se presentan los tres productos de ChocAndes: Caja Sierra Nevada, Barra P\u00e1ramo y Trufas Andinas. Cada uno cuenta con una fotograf\u00eda, una descripci\u00f3n de sus caracter\u00edsticas, su precio simulado y opciones para consultar m\u00e1s informaci\u00f3n o seleccionarlo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s, se incorporaron filtros por ocasi\u00f3n, como regalos para pareja o agradecimientos, que permiten organizar los productos seg\u00fan el motivo de compra. Esta funci\u00f3n facilita la b\u00fasqueda y ayuda a que los usuarios encuentren una alternativa que se ajuste a sus necesidades. Desde esta pantalla tambi\u00e9n se puede acceder a la gu\u00eda de recomendaciones para quienes todav\u00eda no saben qu\u00e9 chocolate elegir.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"642\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-3-1.png\" alt=\"\" class=\"wp-image-94496 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-3-1.png 307w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-3-1-143x300.png 143w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Cat\u00e1logo de la app con filtro por ocasi\u00f3n y la tarjeta de la Caja Sierra Nevada a $38.000<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gu\u00eda interactiva de recomendaciones<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"642\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-4-1.png\" alt=\"\" class=\"wp-image-94497 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-4-1.png 307w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-4-1-143x300.png 143w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Una de las funciones m\u00e1s interesantes de la aplicaci\u00f3n es la gu\u00eda &#8220;\u00bfCu\u00e1l elijo?&#8221;, creada para orientar a las personas que tienen dudas sobre qu\u00e9 chocolate regalar. Esta herramienta funciona mediante un cuestionario de tres preguntas relacionadas con la ocasi\u00f3n del regalo, el presupuesto disponible y las preferencias de sabor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la primera pregunta, por ejemplo, el usuario puede seleccionar si busca un detalle para su pareja, un agradecimiento o un regalo de cumplea\u00f1os. A partir de las respuestas, la aplicaci\u00f3n recomienda uno de los productos del cat\u00e1logo, mostrando sus caracter\u00edsticas y precio. De esta manera, se ofrece una experiencia m\u00e1s personalizada y se facilita la elecci\u00f3n del chocolate.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Gu\u00eda \u00bfCu\u00e1l elijo? en la pregunta 1 de 3<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Detalle del producto y personalizaci\u00f3n<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <\/p>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Cuando el usuario selecciona un producto, puede acceder a una pantalla donde encuentra su descripci\u00f3n, precio unitario y las opciones disponibles para personalizar el pedido. Tambi\u00e9n se incluye un selector que permite aumentar o disminuir la cantidad de unidades que desea solicitar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una de las caracter\u00edsticas que se incorporaron fue la posibilidad de elegir entre dos tipos de presentaci\u00f3n. La primera es el Empaque Artesanal Est\u00e1ndar, incluido en el precio del producto. La segunda es la Presentaci\u00f3n Regalo Premium, que tiene un costo adicional simulado de $4.000 COP por unidad e incluye una presentaci\u00f3n m\u00e1s elaborada y una tarjeta para dedicatoria.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esta funci\u00f3n se dise\u00f1\u00f3 pensando en las personas que buscan un detalle para una ocasi\u00f3n especial, permiti\u00e9ndoles adaptar la presentaci\u00f3n del chocolate seg\u00fan sus preferencias.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"642\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-5-1.png\" alt=\"\" class=\"wp-image-94498 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-5-1.png 307w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-5-1-143x300.png 143w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Detalle de la Caja Sierra Nevada con selector de cantidad y opciones de presentaci\u00f3n<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Seleccl pedidoi\u00f3n y resumen del pedido<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"642\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-6-1.png\" alt=\"\" class=\"wp-image-94499 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-6-1.png 307w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-6-1-143x300.png 143w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Despu\u00e9s de seleccionar el producto, la cantidad y el tipo de presentaci\u00f3n, el usuario puede ingresar a la secci\u00f3n &#8220;Mi pedido&#8221;. All\u00ed debe escribir el nombre de quien realiza la solicitud y, si lo desea, agregar una dedicatoria personalizada de hasta 120 caracteres.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La aplicaci\u00f3n calcula autom\u00e1ticamente el valor total teniendo en cuenta el precio del producto, la cantidad seleccionada y el costo adicional del empaque. Por ejemplo, al seleccionar cuatro unidades de la Caja Sierra Nevada con Presentaci\u00f3n Regalo Premium, el sistema calcula $152.000 COP por los chocolates y $16.000 COP por los empaques, para un total simulado de $168.000 COP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de continuar, el usuario puede revisar toda la informaci\u00f3n y verificar que su selecci\u00f3n sea correcta.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Pantalla Mi pedido con nombre, dedicatoria y resumen del pedido simulado por $168.000<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Validaci\u00f3n de datos y mensajes de error<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Para mejorar el funcionamiento de la aplicaci\u00f3n, se incorporaron validaciones que permiten identificar cuando falta informaci\u00f3n necesaria para completar una solicitud. Una de ellas se presenta cuando el usuario intenta confirmar el pedido sin haber ingresado su nombre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este caso, el sistema resalta el campo en rojo y muestra un mensaje indicando que debe escribir un nombre real o ficticio para personalizar el pedido. Hasta que no se complete este campo, la aplicaci\u00f3n no permite continuar con la confirmaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esta funci\u00f3n es importante porque demuestra que el prototipo responde a las acciones del usuario y ayuda a evitar solicitudes incompletas, ofreciendo indicaciones claras para corregir los errores.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"682\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-7-1.png\" alt=\"\" class=\"wp-image-94500 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-7-1.png 307w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-7-1-135x300.png 135w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Pantalla Mi pedido con el aviso de error por nombre vac\u00edo, la dedicatoria y el resumen del pedido simulado por $64.000<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Confirmaci\u00f3n del pedido simulado<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"307\" height=\"682\" src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-8-1.png\" alt=\"\" class=\"wp-image-94501 size-full\" srcset=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-8-1.png 307w, https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/image-8-1-135x300.png 135w\" sizes=\"auto, (max-width: 307px) 100vw, 307px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Finalmente, cuando el usuario completa correctamente la informaci\u00f3n y confirma su solicitud, la aplicaci\u00f3n muestra una pantalla con el mensaje &#8220;\u00a1Pedido Simulado con \u00c9xito!&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En esta secci\u00f3n se genera un comprobante ficticio que incluye un c\u00f3digo de pedido, una fecha simulada, el producto seleccionado, la cantidad, el tipo de presentaci\u00f3n, la dedicatoria y el valor total. Tambi\u00e9n se muestra un aviso aclarando que no se realiz\u00f3 ninguna compra real ni se efectu\u00f3 un cobro, ya que todo el proceso corresponde a una demostraci\u00f3n acad\u00e9mica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para terminar, se incluye el bot\u00f3n &#8220;Volver al cat\u00e1logo&#8221;, que permite regresar a los productos y comenzar una nueva selecci\u00f3n. Con esta pantalla se completa el recorrido de la aplicaci\u00f3n, desde la exploraci\u00f3n inicial hasta la confirmaci\u00f3n de un pedido simulado.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Confirmaci\u00f3n del pedido simulado de dos Trufas Andinas con Presentaci\u00f3n Regalo Premium por $64.000<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Video 1: promoci\u00f3n<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Como parte del proyecto, se desarroll\u00f3 un video promocional con el objetivo de presentar ChocAndes de una manera atractiva y dar a conocer los productos que ofrece la marca. Para su elaboraci\u00f3n se utiliz\u00f3 Google Vids, una herramienta que permiti\u00f3 organizar las im\u00e1genes, los textos y las diferentes escenas a partir de un guion previamente elaborado con ayuda de ChatGPT.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El proceso comenz\u00f3 con la creaci\u00f3n y selecci\u00f3n de los recursos visuales que se utilizar\u00edan en el video, principalmente el logotipo de ChocAndes y las im\u00e1genes de sus tres productos: Caja Sierra Nevada, Barra P\u00e1ramo y Trufas Andinas. Posteriormente, estos elementos se cargaron en Google Vids, donde se organizaron las escenas siguiendo las indicaciones del guion, que establec\u00eda qu\u00e9 deb\u00eda aparecer en cada momento, los textos que acompa\u00f1ar\u00edan las im\u00e1genes y el orden de presentaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El video inicia mostrando una caja de regalo acompa\u00f1ada de la frase &#8220;Un detalle especial&#8221;, buscando transmitir la idea de que los chocolates pueden convertirse en un regalo para diferentes ocasiones. Despu\u00e9s, se presenta la identidad de ChocAndes y sus productos, destacando especialmente la Caja Sierra Nevada, elaborada con chocolate oscuro al 70 % y relleno de caf\u00e9 colombiano, con un precio simulado de $38.000 COP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para finalizar, aparece el eslogan &#8220;ChocAndes, peque\u00f1os detalles, grandes momentos&#8221;, acompa\u00f1ado del llamado &#8220;Explora el cat\u00e1logo&#8221;, con el prop\u00f3sito de invitar a los espectadores a conocer los productos a trav\u00e9s de la p\u00e1gina web y la aplicaci\u00f3n m\u00f3vil. Tambi\u00e9n se incluye el aviso &#8220;Demostraci\u00f3n: datos simulados&#8221;, aclarando que se trata de una propuesta desarrollada \u00fanicamente con fines acad\u00e9micos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El resultado fue un video de aproximadamente 35 segundos, en formato horizontal 16:9 y resoluci\u00f3n de 1920 \u00d7 1080 p\u00edxeles. Su elaboraci\u00f3n permiti\u00f3 complementar las plataformas digitales con una pieza audiovisual que mantiene la identidad visual de la marca mediante colores c\u00e1lidos, tonos marrones y detalles dorados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esta parte del proyecto permiti\u00f3 comprender c\u00f3mo las herramientas de inteligencia artificial pueden facilitar la producci\u00f3n de contenido publicitario, desde la planificaci\u00f3n de un guion hasta la organizaci\u00f3n de los elementos visuales. Sin embargo, tambi\u00e9n fue necesario revisar las escenas y realizar ajustes para conseguir que el mensaje fuera claro y que el video mantuviera una presentaci\u00f3n coherente con el resto de ChocAndes.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/VIDEO-CHOCANDES.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Video promocional ChocAndes<\/em><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Video 2: uso<\/strong><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Como parte del proyecto ChocAndes, tambi\u00e9n se realiz\u00f3 un video tutorial con el prop\u00f3sito de mostrar de manera pr\u00e1ctica el funcionamiento de la aplicaci\u00f3n m\u00f3vil y las diferentes opciones que ofrece a los usuarios. A diferencia del video promocional, que se enfoc\u00f3 en presentar la marca y sus productos, este segundo video busca explicar c\u00f3mo una persona puede navegar por la aplicaci\u00f3n, conocer los chocolates disponibles, recibir recomendaciones y realizar un pedido simulado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para su elaboraci\u00f3n, se realiz\u00f3 una grabaci\u00f3n de pantalla del prototipo m\u00f3vil en formato vertical, con una duraci\u00f3n de 1 minuto y 15 segundos. Previamente, se organiz\u00f3 un guion con ayuda de ChatGPT, en el que se estableci\u00f3 el recorrido que deb\u00eda mostrarse y los aspectos m\u00e1s importantes que se explicar\u00edan durante la demostraci\u00f3n. Esto permiti\u00f3 presentar las funciones de la aplicaci\u00f3n de manera ordenada, siguiendo los pasos que realizar\u00eda un usuario al utilizarla por primera vez.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El video comienza mostrando la pantalla de inicio de ChocAndes, donde se encuentra el nombre de la marca, su eslogan y una breve descripci\u00f3n de la propuesta de chocolates artesanales. Tambi\u00e9n se presentan algunas caracter\u00edsticas de los productos y el bot\u00f3n que permite ingresar al cat\u00e1logo. Desde este apartado, el usuario puede comenzar a explorar las diferentes opciones disponibles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Posteriormente, se muestra el cat\u00e1logo, donde aparecen los tres productos de la marca: Caja Sierra Nevada, Barra P\u00e1ramo y Trufas Andinas. Cada uno cuenta con su respectiva imagen, descripci\u00f3n y precio simulado. Adem\u00e1s, se presenta la gu\u00eda interactiva &#8220;\u00bfCu\u00e1l elijo?&#8221;, una herramienta que mediante tres preguntas relacionadas con la ocasi\u00f3n del regalo, el presupuesto y las preferencias de sabor permite recomendar un chocolate. Durante la demostraci\u00f3n, el cuestionario recomienda las Trufas Andinas, mostrando c\u00f3mo esta funci\u00f3n puede facilitar la elecci\u00f3n de un regalo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s de recibir la recomendaci\u00f3n, el video contin\u00faa con la selecci\u00f3n del producto. En esta parte se muestra c\u00f3mo consultar sus caracter\u00edsticas, revisar el precio y elegir la cantidad deseada. Tambi\u00e9n se explican las dos opciones de presentaci\u00f3n disponibles: el Empaque Artesanal Est\u00e1ndar, incluido en el precio, y la Presentaci\u00f3n Regalo Premium, que tiene un costo adicional simulado de $4.000 COP por unidad. Esta \u00faltima opci\u00f3n permite complementar el regalo con una presentaci\u00f3n m\u00e1s elaborada y una dedicatoria personalizada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, se presenta la secci\u00f3n &#8220;Mi pedido&#8221;, donde el usuario puede revisar los productos seleccionados, la cantidad, el tipo de empaque y el valor total calculado autom\u00e1ticamente. Tambi\u00e9n se muestra una de las validaciones incorporadas en la aplicaci\u00f3n: cuando se intenta confirmar el pedido sin ingresar el nombre de quien realiza la solicitud, el sistema genera un mensaje de error y solicita completar el campo obligatorio antes de continuar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, el tutorial permite comprender c\u00f3mo las diferentes pantallas est\u00e1n conectadas para ofrecer una experiencia de navegaci\u00f3n sencilla y organizada. La aplicaci\u00f3n tambi\u00e9n cuenta con una opci\u00f3n de sonido que acompa\u00f1a algunas interacciones del usuario, haciendo que la experiencia sea m\u00e1s din\u00e1mica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La realizaci\u00f3n de este video fue importante porque permiti\u00f3 mostrar el funcionamiento del prototipo m\u00e1s all\u00e1 de las im\u00e1genes y capturas de pantalla. Adem\u00e1s, sirvi\u00f3 para evidenciar c\u00f3mo las herramientas de inteligencia artificial contribuyeron al desarrollo de una aplicaci\u00f3n que integra informaci\u00f3n de productos, recomendaciones personalizadas y pedidos simulados, manteniendo una misma identidad visual con la p\u00e1gina web de ChocAndes.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Tutorial APP\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/FchMlws2T8E?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Video explicativo ChocAndes<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5. C\u00f3mo se us\u00f3 la IA: bit\u00e1cora de tres decisiones<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Durante el desarrollo de ChocAndes utilizamos cuatro herramientas de inteligencia artificial, cada una con una funci\u00f3n diferente. Claude nos ayud\u00f3 a elaborar los prompts iniciales, ChatGPT se utiliz\u00f3 para crear im\u00e1genes, desarrollar guiones y proponer correcciones, Google AI Studio permiti\u00f3 construir la p\u00e1gina web y la aplicaci\u00f3n m\u00f3vil, mientras que Google Vids se emple\u00f3 para elaborar el video promocional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aunque estas herramientas facilitaron gran parte del trabajo, fue necesario revisar los resultados y realizar ajustes para conseguir que los diferentes componentes mantuvieran una misma identidad visual y funcionaran correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En el siguiente video mostramos c\u00f3mo utilizamos cada una de estas herramientas durante el proceso de creaci\u00f3n de ChocAndes, desde la elaboraci\u00f3n de los prompts hasta el desarrollo de la p\u00e1gina web, la aplicaci\u00f3n m\u00f3vil y el video promocional.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Herramienta<\/strong><\/td><td><strong>Para qu\u00e9 se us\u00f3<\/strong><\/td><td><strong>Registro<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Claude<\/td><td>Redacci\u00f3n de los prompts del proyecto<\/td><td>Decisi\u00f3n 1<\/td><\/tr><tr><td>Google AI Studio<\/td><td>Construcci\u00f3n del prototipo m\u00f3vil y de la p\u00e1gina web<\/td><td>Decisi\u00f3n 2<\/td><\/tr><tr><td>ChatGPT Pro<\/td><td>Guion y storyboard del video, revisi\u00f3n de errores y prompts de revisi\u00f3n<\/td><td>Decisi\u00f3n 3 y secci\u00f3n 6<\/td><\/tr><tr><td>Google Vids<\/td><td>Generaci\u00f3n de las im\u00e1genes y clips del video<\/td><td>Decisi\u00f3n 3<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/video-explicativo.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Video explicativo de IA utilizada, como funciona google AI studio y Google Vids<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Decisi\u00f3n 1: texto y decisiones<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Campo<\/strong><\/td><td><strong>Registro<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Necesidad<\/td><td>Redactar los prompts de la web, la app y los videos<\/td><\/tr><tr><td>Herramienta<\/td><td>Claude<\/td><\/tr><tr><td>Prompt inicial<\/td><td>\u201cMira, tengo que hacer este trabajo en la materia de IA generativa, necesito hacer esa funci\u00f3n en una IA, yo escog\u00ed Google AI Studio, as\u00ed que necesito que me ayudes a darme un prompt para ponerlo en esa IA para que comience a dise\u00f1ar la aplicaci\u00f3n. Prompt completo.\u201d<\/td><\/tr><tr><td>Resultado<\/td><td>Cuatro prompts estructurados (app, web, guion del Video 1 y guion del Video 2), reunidos en el Anexo (Prompts 1 a 4).<\/td><\/tr><tr><td>Problema detectado<\/td><td>El prompt inicial era un mensaje general, sin cat\u00e1logo, sin p\u00fablico y sin reglas, por lo que hubo que reescribirlo con rol, productos, pantallas y l\u00edmites. Aun con esa versi\u00f3n estructurada, al probar los resultados aparecieron problemas que el prompt hab\u00eda dejado abiertos. No fijaba un eslogan, y salieron tres versiones distintas: una en la app, otra en el titular de la web y otra en el video. Prohib\u00eda inventar certificaciones y beneficios de salud, pero no datos de origen, as\u00ed que la IA a\u00f1adi\u00f3 frases como \u201c100% Cacao Origen Colombia\u201d y \u201ccaf\u00e9 de altura colombiano\u201d. Ped\u00eda una barra inferior con tres opciones, pero la app sali\u00f3 con una cuarta pesta\u00f1a, Sonido. Y aunque exig\u00eda im\u00e1genes con licencia verificada, no prohib\u00eda fotos con marcas ajenas, de modo que la portada de la app muestra cajas de otra marca.<\/td><\/tr><tr><td>Prompt mejorado<\/td><td>Se agreg\u00f3 al final de los Prompts 1 y 2, antes de la entrega, el siguiente bloque. Es una propuesta que deben ejecutar y documentar: Reglas de coherencia obligatorias: usa un \u00fanico eslogan exacto, y no crees otros esl\u00f3ganes ni titulares de marca. Usa \u00fanicamente las descripciones de producto de este prompt y no agregues origen, altitud, porcentajes de cacao total ni certificaciones que no aparezcan aqu\u00ed. La barra inferior tiene exactamente tres opciones: Inicio, Cat\u00e1logo y Mi pedido, sin otras. Las im\u00e1genes deben ser ilustraciones gen\u00e9ricas o generadas, sin logotipos de otras marcas ni personas reales.<\/td><\/tr><tr><td>Resultado elegido<\/td><td>Se conservaron los Prompts 1 a 4 del Anexo como base de trabajo y se incorpor\u00f3 el bloque de coherencia para las correcciones.<\/td><\/tr><tr><td>Cambio humano final<\/td><td>Se defini\u00f3 \u201cChocAndes, peque\u00f1os detalles, grandes momentos\u201d como eslogan \u00fanico y lo actualiz\u00f3 en la aplicaci\u00f3n, donde ya aparece en el Video 2.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Decisi\u00f3n 2: dise\u00f1o y construcci\u00f3n<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Campo<\/strong><\/td><td><strong>Registro<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Necesidad<\/td><td>Construir el prototipo m\u00f3vil navegable de seis pantallas y la web funcional<\/td><\/tr><tr><td>Herramienta<\/td><td>Google AI Studio (app y web)<\/td><\/tr><tr><td>Prompt inicial<\/td><td>App: \u201cAct\u00faa como dise\u00f1ador de producto y desarrollador front-end. Crea un prototipo navegable de aplicaci\u00f3n m\u00f3vil para ChocAndes, una empresa ficticia de chocolates artesanales de Bogot\u00e1\u2026\u201d (texto completo en el Anexo, Prompt 1). Web: \u201cAct\u00faa como dise\u00f1ador web y desarrollador front-end. Crea una p\u00e1gina web funcional de una sola p\u00e1gina para ChocAndes, una empresa ficticia de chocolates artesanales de Bogot\u00e1\u2026\u201d (texto completo en el Anexo, Prompt 2).<\/td><\/tr><tr><td>Resultado<\/td><td>Prototipo de seis pantallas conectadas, con filtro por ocasi\u00f3n, gu\u00eda de tres preguntas y resumen de pedido con total simulado (capturas en la secci\u00f3n 4)<\/td><\/tr><tr><td>Problema detectado<\/td><td>Los Prompts 1 y 2 produjeron un prototipo m\u00f3vil y una p\u00e1gina web funcionales, pero al revisarlos se encontraron aspectos por corregir. En la web, la portada mostraba \u00fanicamente la Caja Sierra Nevada, cuando la marca deb\u00eda presentar sus tres productos. En ambas piezas era necesario verificar la navegaci\u00f3n de todos los botones, reforzar los mensajes de error y el estado vac\u00edo, y asegurar que la gu\u00eda para elegir terminara en una recomendaci\u00f3n coherente con el presupuesto y los precios del cat\u00e1logo. En la app, adem\u00e1s, el resultado incluy\u00f3 una cuarta pesta\u00f1a (Sonido) que no estaba en el prompt, textos de origen que no figuraban en el brief, como \u201c100% Cacao Origen Colombia\u201d, y una imagen de portada con cajas de otra marca visibles. Como el trabajo ya funcionaba, las correcciones deb\u00edan hacerse sin reconstruir todo desde cero.<\/td><\/tr><tr><td>Prompt mejorado<\/td><td>Se redactaron dos prompts de correcci\u00f3n que trabajan sobre el proyecto existente y piden conservar el dise\u00f1o, los colores y las funciones que ya serv\u00edan. El Prompt 5 se aplic\u00f3 a la app y exige verificar las cinco pantallas obligatorias (la gu\u00eda \u201c\u00bfCu\u00e1l elijo?\u201d, que ya exist\u00eda, funciona como sexta pantalla) y el recorrido completo, de la bienvenida al regreso al cat\u00e1logo. Tambi\u00e9n pide un estado vac\u00edo con bot\u00f3n para explorar el cat\u00e1logo, mensajes de error para pedido vac\u00edo y cantidad inv\u00e1lida, una confirmaci\u00f3n simulada con n\u00famero de pedido ficticio y el aviso de demostraci\u00f3n, y una revisi\u00f3n final de todos los botones. El Prompt 6 se aplic\u00f3 a la web y pide reemplazar la portada por la fotograf\u00eda adjunta con los tres productos, mejorar las tarjetas del cat\u00e1logo y verificar el men\u00fa. Adem\u00e1s, solicita que la gu\u00eda muestre una recomendaci\u00f3n con su bot\u00f3n, que el formulario valide los campos, calcule el total y muestre un resumen antes de confirmar, que haya un pie de p\u00e1gina y que el proyecto funcione de forma local, sin servicios externos.<\/td><\/tr><tr><td>Resultado elegido<\/td><td>En la app se conserv\u00f3 la versi\u00f3n que completa el recorrido de pedido: la pantalla de pedido marca en rojo el nombre vac\u00edo y muestra el mensaje de error, y la confirmaci\u00f3n presenta el mensaje \u201c\u00a1Pedido Simulado con \u00c9xito!\u201d, un c\u00f3digo ficticio, la fecha simulada, el producto, la presentaci\u00f3n, el mensaje de la tarjeta, el total y el aviso de que no se realiz\u00f3 ninguna compra real. La gu\u00eda \u201c\u00bfCu\u00e1l elijo?\u201d qued\u00f3 accesible desde el cat\u00e1logo y desde la pantalla de inicio.<\/td><\/tr><tr><td>Cambio humano final<\/td><td>Se revisaron los resultados de la web y la app para comprobar cada funci\u00f3n y se decidi\u00f3 qu\u00e9 versi\u00f3n conservar.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Decisi\u00f3n 3: video y audio<\/strong><\/h5>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Campo<\/strong><\/td><td><strong>Registro<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Necesidad<\/td><td>Video promocional de 20 a 30 segundos que presente la marca y la Caja Sierra Nevada y lleve al cat\u00e1logo<\/td><\/tr><tr><td>Herramienta<\/td><td>Guion y storyboard: ChatGPT Pro Video: Google Vids<\/td><\/tr><tr><td>Prompt inicial<\/td><td>Video 1: \u201cAct\u00faa como director creativo y guionista de video corto. Necesito el guion y el storyboard de un video promocional de 20 a 30 segundos para ChocAndes\u2026\u201d m\u00e1s un prompt por escena (texto completo en el Anexo, Prompt 3). Video 2: \u201cAct\u00faa como guionista de tutoriales en video. Necesito el guion y el plan de grabaci\u00f3n de un video de 30 a 45 segundos\u2026\u201d (texto completo en el Anexo, Prompt 4). Para generar el Video 1 se us\u00f3 el Prompt 7 del Anexo (27 segundos, vertical 9:16).<\/td><\/tr><tr><td>Resultado<\/td><td>Video de 35,7 segundos, horizontal, con las escenas descritas arriba<\/td><\/tr><tr><td>Problema detectado<\/td><td>El video no respet\u00f3 lo pedido: el Prompt 7 indicaba 27 segundos en formato vertical 9:16 y el resultado es horizontal y dura 35 segundos, por encima del m\u00e1ximo de 30. Adem\u00e1s, las pantallas de web y app del cierre eran ilustraciones generadas, con productos y precios que no coincid\u00edan con el cat\u00e1logo.<\/td><\/tr><tr><td>Prompt mejorado<\/td><td>El Prompt 3 se convirti\u00f3 en el Prompt 7, que describe el video escena por escena, con el tiempo, la descripci\u00f3n visual, el texto en pantalla y la narraci\u00f3n de cada una. Tambi\u00e9n fija el estilo (marr\u00f3n cacao, crema y dorado), una duraci\u00f3n exacta de 27 segundos y la regla de no agregar productos ni inventar informaci\u00f3n. Para el Video 2 se us\u00f3 el Prompt 4, que pide un guion de hasta 100 palabras y un plan de grabaci\u00f3n con los nombres, precios y botones exactos de la app.<\/td><\/tr><tr><td>Resultado elegido<\/td><td>Para el Video 1 se conserv\u00f3 la versi\u00f3n generada en Google Vids, en formato horizontal 16:9, porque respeta la secuencia de escenas, los textos en pantalla, el llamado \u201cExplora el cat\u00e1logo\u201d y el aviso de datos simulados. Todav\u00eda excede la duraci\u00f3n permitida y debe ajustarse. El Video 2 se resolvi\u00f3 como una grabaci\u00f3n de pantalla del prototipo m\u00f3vil, con el eslogan unificado.<\/td><\/tr><tr><td>Cambio humano final<\/td><td>Se revis\u00f3 la video escena por escena frente al guion y a las reglas del proyecto, y as\u00ed se detectaron los problemas de duraci\u00f3n, de pantallas del cierre y de eslogan. Se unific\u00f3 el eslogan en \u201cChocAndes, peque\u00f1os detalles, grandes momentos\u201d, que ahora aparece igual en el video y en la app. No se ajust\u00f3 la duraci\u00f3n del Video 1, que se mantiene en 35 segundos, por encima del m\u00e1ximo de 30.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>La estructura de los prompts<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Para utilizar las herramientas de inteligencia artificial, elaboramos prompts con instrucciones claras sobre los objetivos del proyecto, las caracter\u00edsticas de ChocAndes, sus productos y las funciones que deb\u00eda tener cada plataforma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sin embargo, los primeros resultados no siempre cumpl\u00edan con lo que necesit\u00e1bamos, por lo que fue necesario mejorar las instrucciones. Por ejemplo, en la p\u00e1gina web solicitamos cambiar la imagen principal para mostrar los tres productos en lugar de uno solo, mientras que en la aplicaci\u00f3n m\u00f3vil pedimos mejorar la navegaci\u00f3n, la selecci\u00f3n de productos y la validaci\u00f3n de los pedidos simulados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De esta manera, fuimos haciendo los prompts m\u00e1s espec\u00edficos, explicando qu\u00e9 deb\u00eda corregirse y qu\u00e9 elementos deb\u00edan conservarse. Esto nos permiti\u00f3 obtener resultados m\u00e1s cercanos a lo que busc\u00e1bamos y comprender la importancia de dar instrucciones precisas a la inteligencia artificial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>6. Las pruebas<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>#<\/strong><\/td><td><strong>Pieza<\/strong><\/td><td><strong>Prueba<\/strong><\/td><td><strong>Resultado<\/strong><\/td><td><strong>Problema y correcci\u00f3n<\/strong><\/td><\/tr><\/thead><tbody><tr><td>1<\/td><td>Web<\/td><td>Todos los enlaces y botones llevan a su destino<\/td><td>Correcto: los 5 botones del men\u00fa, \u201cVer detalle\u201d, \u201cElegir este producto\u201d y los botones de la gu\u00eda llevan a su secci\u00f3n<\/td><td>Al llenar la encuesta de recomendaci\u00f3n no enviaba al resultado generado<\/td><\/tr><tr><td>2<\/td><td>Web<\/td><td>Formulario con campo vac\u00edo muestra error<\/td><td>Correcto: aparece un mensaje debajo de cada campo vac\u00edo y no avanza<\/td><td>Complementos de a\u00f1adir mensaje debajo del nombre<\/td><\/tr><tr><td>3<\/td><td>Web<\/td><td>Env\u00edo v\u00e1lido muestra resumen y n\u00famero ficticio<\/td><td>Correcto: muestra producto, cantidad, total simulado y n\u00famero de pedido ficticio<\/td><td>Sin necesidad de correcciones<\/td><\/tr><tr><td>4<\/td><td>Web<\/td><td>Vista m\u00f3vil de 360 px sin desbordes<\/td><td>Correcto: no hay desplazamiento horizontal<\/td><td>Sin necesidad de correcciones<\/td><\/tr><tr><td>5<\/td><td>App<\/td><td>Recorrido de las seis pantallas, regreso al cat\u00e1logo y estado vac\u00edo<\/td><td>Se complet\u00f3 el recorrido hasta la confirmaci\u00f3n simulada (capturas de la secci\u00f3n 4). Regreso al cat\u00e1logo y estado vac\u00edo: Correcto<\/td><td>Sin necesidad de correcciones<\/td><\/tr><tr><td>6<\/td><td>Video 1<\/td><td>Duraci\u00f3n dentro de 20 a 30 s y precios iguales al cat\u00e1logo<\/td><td>No cumple: dura 35 s (el m\u00e1ximo es 30 s). El precio de $38.000 COP coincide con el cat\u00e1logo.<\/td><td>Sin necesidad de correcciones<\/td><\/tr><tr><td>7<\/td><td>Completa<\/td><td>Una persona del equipo pasa del video al producto y completa la solicitud<\/td><td>Correcto: Tatiana complet\u00f3 el recorrido video \u2192 web o app \u2192 confirmaci\u00f3n en 5 minutos<\/td><td>Sin necesidad de correcciones<\/td><\/tr><tr><td>8<\/td><td>App<\/td><td>Nombre vac\u00edo en el pedido muestra un mensaje de error<\/td><td>Correcto: el campo se marca en rojo y aparece el mensaje \u201cIngresa tu nombre o un nombre ficticio para personalizar el pedido\u201d (captura de la secci\u00f3n 4).<\/td><td>Ninguno<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Revisi\u00f3n de errores con IA:<\/strong> el equipo us\u00f3 ChatGPT Pro con prompts de revisi\u00f3n para buscar fallos antes de la entrega. COMPLETAR: qu\u00e9 detect\u00f3 la IA, qu\u00e9 confirm\u00f3 el equipo al probarlo y qu\u00e9 corrigi\u00f3.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>7. L\u00edmites, fuentes y licencias<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Todo el proyecto usa datos ficticios, sin pagos, cuentas ni servidor. No se inventaron certificaciones, premios, beneficios de salud ni rese\u00f1as, y no se clonaron voces ni rostros reales. Ning\u00fan resultado de IA se asumi\u00f3 libre de derechos.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Recurso<\/strong><\/td><td><strong>Herramienta o fuente<\/strong><\/td><td><strong>Licencia o permiso<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Video 1 (imagen y clips)<\/td><td>Google Vids<\/td><td>Google Plus<\/td><\/tr><tr><td>Voz \/ m\u00fasica del video<\/td><td>Google Vids<\/td><td>Google Plus<\/td><\/tr><tr><td>Im\u00e1genes de productos (web y app)<\/td><td>Chat Gpt<\/td><td>Pro<\/td><\/tr><tr><td>Logo<\/td><td>Chat Gpt<\/td><td>Plro<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>8. Qui\u00e9n hizo qu\u00e9<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Integrante<\/strong><\/td><td><strong>Aporte<\/strong><\/td><\/tr><\/thead><tbody><tr><td>Erika Tatiana Mart\u00ednez Bar\u00f3n<\/td><td>Elaboraci\u00f3n del video tutorial y redacci\u00f3n del art\u00edculo<\/td><\/tr><tr><td>Juli\u00e1n Mateo V\u00e1squez Ria\u00f1o<\/td><td>Desarrollo de la aplicaci\u00f3n m\u00f3vil, la p\u00e1gina web y el video promocional.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>9. Conclusiones<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El desarrollo de ChocAndes nos permiti\u00f3 comprender c\u00f3mo la inteligencia artificial generativa puede facilitar la creaci\u00f3n de un proyecto digital, desde la idea inicial hasta la elaboraci\u00f3n de una p\u00e1gina web, una aplicaci\u00f3n m\u00f3vil y contenido audiovisual. Mediante herramientas como ChatGPT, Claude, Google AI Studio y Google Vids, logramos desarrollar una propuesta que integra diferentes funciones y mantiene una identidad visual relacionada con la marca.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uno de los aprendizajes m\u00e1s importantes fue entender que la calidad de los resultados depende en gran parte de las instrucciones que le damos a la inteligencia artificial. Inicialmente, utilizamos Claude para elaborar los prompts con los que desarrollamos la p\u00e1gina web y la aplicaci\u00f3n m\u00f3vil en Google AI Studio. Sin embargo, al revisar los primeros resultados, encontramos aspectos que necesitaban mejoras. Por esta raz\u00f3n, recurrimos a ChatGPT para crear nuevos prompts de correcci\u00f3n, en los que explic\u00e1bamos de manera m\u00e1s detallada qu\u00e9 quer\u00edamos cambiar, c\u00f3mo deb\u00eda funcionar cada elemento y qu\u00e9 caracter\u00edsticas del dise\u00f1o original deb\u00edan conservarse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo, en la p\u00e1gina web identificamos que la imagen principal mostraba \u00fanicamente uno de los chocolates, por lo que modificamos las instrucciones para incluir una fotograf\u00eda con los tres productos. Tambi\u00e9n solicitamos mejorar la navegaci\u00f3n, los botones y el formulario de pedidos simulados. En la aplicaci\u00f3n m\u00f3vil, los nuevos prompts se enfocaron en conectar correctamente las pantallas, mejorar la selecci\u00f3n de productos, incorporar opciones de presentaci\u00f3n y verificar los mensajes de error y confirmaci\u00f3n. De esta manera, pasamos de utilizar instrucciones generales a prompts m\u00e1s espec\u00edficos, que permitieron realizar ajustes sin tener que desarrollar nuevamente todo el proyecto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, comprendimos que trabajar con inteligencia artificial requiere un proceso constante de revisi\u00f3n, prueba y correcci\u00f3n. No se trata \u00fanicamente de pedirle a una herramienta que genere un resultado, sino de identificar qu\u00e9 funciona, qu\u00e9 necesita mejorar y c\u00f3mo comunicar esos cambios de manera clara. Esta experiencia nos demostr\u00f3 que la inteligencia artificial puede ahorrar tiempo y facilitar tareas t\u00e9cnicas, pero que la creatividad, la planificaci\u00f3n y las decisiones humanas siguen siendo fundamentales para transformar una idea en una propuesta digital m\u00e1s completa y funcional.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Anexo: prompts utilizados<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Estos son los siete prompts completos que se usaron en el proyecto.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Prompt 1: prototipo m\u00f3vil (Google AI Studio)<\/summary>\n<p class=\"wp-block-paragraph\">Act\u00faa como dise\u00f1ador de producto y desarrollador front-end. Crea un PROTOTIPO NAVEGABLE de aplicaci\u00f3n m\u00f3vil para \u201cChocAndes\u201d, una empresa FICTICIA de chocolates artesanales de Bogot\u00e1, Colombia. Es un proyecto acad\u00e9mico: todo es simulado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P\u00daBLICO:<\/strong> personas de 18 a 35 a\u00f1os que buscan un regalo de chocolate o un detalle para una ocasi\u00f3n especial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>TONO Y MARCA:<\/strong> cercano, c\u00e1lido, juvenil y elegante. Paleta inspirada en cacao (marrones oscuros, crema, un acento dorado o terracota). Tipograf\u00eda legible, botones grandes, dise\u00f1o mobile-first (ancho ~390px), centrado en pantalla como si fuera un tel\u00e9fono cuando se vea en escritorio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CAT\u00c1LOGO (3 productos ficticios, datos simulados):<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. \u201cCaja Sierra Nevada\u201d \u2013 bombones de chocolate oscuro 70% con relleno de caf\u00e9. Ingredientes de ejemplo: cacao, az\u00facar, caf\u00e9, mantequilla de cacao. Precio simulado: $38.000 COP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. \u201cBarra P\u00e1ramo\u201d \u2013 barra de chocolate con leche con sal marina. Ingredientes de ejemplo: cacao, leche en polvo, az\u00facar, sal marina. Precio simulado: $18.000 COP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. \u201cTrufas Andinas\u201d \u2013 trufas rellenas de arequipe. Ingredientes de ejemplo: cacao, crema, arequipe, cacao en polvo. Precio simulado: $28.000 COP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada producto tiene: nombre, descripci\u00f3n corta (2 frases), ingredientes, precio, una imagen (usa im\u00e1genes placeholder o ilustraciones generadas, con un comentario en el c\u00f3digo indicando que deben reemplazarse por im\u00e1genes con licencia verificada) y una etiqueta de \u201cideal para\u201d (ej. cumplea\u00f1os, agradecimiento, pareja).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>PANTALLAS (m\u00ednimo 5, todas conectadas):<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Bienvenida: logo, eslogan, breve propuesta de valor y bot\u00f3n \u201cExplorar cat\u00e1logo\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Cat\u00e1logo: tarjetas de los 3 productos con imagen, nombre, precio y bot\u00f3n \u201cVer detalle\u201d. Incluye un acceso a una mini gu\u00eda \u201c\u00bfCu\u00e1l elijo?\u201d (3 preguntas r\u00e1pidas sobre ocasi\u00f3n, presupuesto y gusto que recomiendan uno de los 3 productos).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Detalle de producto: imagen grande, descripci\u00f3n, ingredientes, precio y bot\u00f3n \u201cElegir este producto\u201d. Bot\u00f3n de volver.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Selecci\u00f3n \/ pedido de prueba: selector de cantidad (1 a 10), opci\u00f3n de presentaci\u00f3n (ej. empaque regalo o empaque normal), campo de nombre ficticio y un mensaje de dedicatoria opcional. Debe VALIDAR: si el nombre est\u00e1 vac\u00edo o la cantidad es 0, mostrar un mensaje de error claro y no avanzar. Muestra un resumen del pedido (producto, opci\u00f3n, cantidad, total simulado) antes de confirmar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Confirmaci\u00f3n: mensaje de \u00e9xito simulado con el resumen y un n\u00famero de pedido ficticio. Bot\u00f3n \u201cVolver al cat\u00e1logo\u201d que reinicia el pedido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ESTADO VAC\u00cdO \/ ERROR:<\/strong> incluye un carrito o \u201cMi pedido\u201d con estado vac\u00edo (\u201cA\u00fan no has elegido ning\u00fan producto\u201d) y el mensaje de error de validaci\u00f3n descrito arriba.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>RECORRIDO COMPLETO que debe funcionar sin fallos:<\/strong> Bienvenida \u2192 Cat\u00e1logo \u2192 Detalle \u2192 Elegir opci\u00f3n \u2192 Resumen \u2192 Confirmar \u2192 Volver al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>REGLAS IMPORTANTES:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Muestra en las pantallas de pedido y confirmaci\u00f3n este aviso visible: \u201cDemostraci\u00f3n: no env\u00eda pedidos ni guarda datos\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sin pagos reales, sin backend, sin base de datos, sin cuentas ni login. Maneja todo el estado en memoria con React (useState), sin localStorage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">NO inventes certificaciones, beneficios de salud, premios ni rese\u00f1as de clientes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los datos son ficticios y deben verse como simulados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No uses ni pidas API keys.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los botones deben tener una acci\u00f3n real; nada decorativo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Barra de navegaci\u00f3n inferior con: Inicio, Cat\u00e1logo, Mi pedido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ENTREGA:<\/strong> c\u00f3digo limpio y comentado en espa\u00f1ol, con los datos de los productos en un solo arreglo f\u00e1cil de editar. Al final, expl\u00edcame brevemente qu\u00e9 simulaste y c\u00f3mo probar el recorrido.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Prompt 2: p\u00e1gina web (Google AI Studio)<\/summary>\n<p class=\"wp-block-paragraph\">Act\u00faa como dise\u00f1ador web y desarrollador front-end. Crea una P\u00c1GINA WEB FUNCIONAL de una sola p\u00e1gina para \u201cChocAndes\u201d, una empresa FICTICIA de chocolates artesanales de Bogot\u00e1, Colombia. Es un proyecto acad\u00e9mico: todo es simulado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>FORMATO DE ENTREGA:<\/strong> un \u00fanico archivo index.html con HTML, CSS y JavaScript puro (sin frameworks, sin npm, sin dependencias externas ni CDN), que funcione abri\u00e9ndolo directamente en el navegador. C\u00f3digo limpio y comentado en espa\u00f1ol.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P\u00daBLICO:<\/strong> personas de 18 a 35 a\u00f1os que buscan un regalo de chocolate o un detalle para una ocasi\u00f3n especial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>MARCA (debe coincidir con la app m\u00f3vil):<\/strong> tono cercano, c\u00e1lido, juvenil y elegante. Paleta de cacao (marrones oscuros, crema, acento dorado o terracota). Tipograf\u00eda legible. Dise\u00f1o adaptable (responsive) a celular y computador, sin desbordes horizontales en pantallas de 360px.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CAT\u00c1LOGO (datos simulados, en un solo arreglo de JavaScript f\u00e1cil de editar):<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. \u201cCaja Sierra Nevada\u201d \u2013 bombones de chocolate oscuro 70% con relleno de caf\u00e9. Ingredientes de ejemplo: cacao, az\u00facar, caf\u00e9, mantequilla de cacao. $38.000 COP (simulado). Ideal para: pareja, agradecimiento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. \u201cBarra P\u00e1ramo\u201d \u2013 barra de chocolate con leche con sal marina. Ingredientes de ejemplo: cacao, leche en polvo, az\u00facar, sal marina. $18.000 COP (simulado). Ideal para: detalle peque\u00f1o, cumplea\u00f1os.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. \u201cTrufas Andinas\u201d \u2013 trufas rellenas de arequipe. Ingredientes de ejemplo: cacao, crema, arequipe, cacao en polvo. $28.000 COP (simulado). Ideal para: cumplea\u00f1os, celebraci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada producto con imagen (placeholder o ilustraci\u00f3n, con un comentario en el c\u00f3digo indicando que debe reemplazarse por una imagen con licencia verificada).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CUATRO SECCIONES con navegaci\u00f3n real (men\u00fa fijo con enlaces a anclas y desplazamiento suave; men\u00fa tipo hamburguesa en celular):<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Inicio \/ propuesta de valor: t\u00edtulo, eslogan, explicaci\u00f3n breve de qu\u00e9 hace diferente a ChocAndes (sin inventar certificaciones, premios ni beneficios de salud) y bot\u00f3n \u201cVer cat\u00e1logo\u201d que lleva a la secci\u00f3n 2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Cat\u00e1logo: tarjetas de los 3 productos con imagen, nombre, descripci\u00f3n, precio y bot\u00f3n \u201cVer detalle\u201d. Cada bot\u00f3n abre el detalle del producto (modal o panel) con ingredientes y un bot\u00f3n \u201cElegir este producto\u201d que lleva al formulario con ese producto ya seleccionado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Gu\u00eda para elegir: cuestionario de 3 preguntas (ocasi\u00f3n, presupuesto, gusto) que recomienda uno de los 3 productos con una explicaci\u00f3n breve y un bot\u00f3n para elegirlo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Solicitud de prueba (formulario): campos nombre ficticio, producto (lista desplegable) y cantidad (1 a 10). Validaci\u00f3n con JavaScript: si alg\u00fan campo est\u00e1 vac\u00edo o la cantidad no es v\u00e1lida, mostrar mensajes de error claros junto a cada campo y no avanzar. Si es v\u00e1lido, mostrar en pantalla un resumen\/confirmaci\u00f3n local (producto, cantidad, total simulado, n\u00famero de pedido ficticio) sin recargar la p\u00e1gina. Mostrar siempre, visible y cerca del formulario, el aviso: \u201cDemostraci\u00f3n: no env\u00eda pedidos ni guarda datos\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>REGLAS IMPORTANTES:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ning\u00fan bot\u00f3n decorativo: todos deben tener una acci\u00f3n real.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sin pagos, sin correos autom\u00e1ticos, sin backend, sin base de datos, sin localStorage, sin API keys.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No inventes rese\u00f1as, certificaciones, premios ni beneficios de salud.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los datos deben verse como ficticios\/simulados. Incluye un pie de p\u00e1gina que diga que es un proyecto acad\u00e9mico con datos simulados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Accesibilidad b\u00e1sica: contraste suficiente, texto alternativo en im\u00e1genes, etiquetas en los campos del formulario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ENTREGA:<\/strong> el archivo completo y, al final, una explicaci\u00f3n breve de qu\u00e9 simulaste y c\u00f3mo probar cada funci\u00f3n (navegaci\u00f3n, detalle, gu\u00eda, validaci\u00f3n y confirmaci\u00f3n).<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Prompt 3: guion y storyboard del Video 1<\/summary>\n<p class=\"wp-block-paragraph\">Act\u00faa como director creativo y guionista de video corto. Necesito el GUION y el STORYBOARD de un video promocional de 20 a 30 segundos para \u201cChocAndes\u201d, una empresa FICTICIA de chocolates artesanales de Bogot\u00e1, Colombia. Es un proyecto acad\u00e9mico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>P\u00daBLICO:<\/strong> personas de 18 a 35 a\u00f1os que buscan un regalo de chocolate o un detalle para una ocasi\u00f3n especial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>TONO:<\/strong> cercano, c\u00e1lido, juvenil y elegante. Formato vertical 9:16.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>PRODUCTO DESTACADO:<\/strong> \u201cCaja Sierra Nevada\u201d \u2013 bombones de chocolate oscuro 70% con relleno de caf\u00e9, $38.000 COP (precio simulado).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Otros productos de la marca (solo menci\u00f3n opcional): \u201cBarra P\u00e1ramo\u201d y \u201cTrufas Andinas\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>OBJETIVO:<\/strong> presentar la empresa y un producto, y terminar con el llamado a explorar el cat\u00e1logo en la web y la app (prototipo).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ENTREGA:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Un guion de locuci\u00f3n de m\u00e1ximo 60 palabras (para que quepa en 30 segundos).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Un storyboard en tabla con 5 a 6 escenas: n\u00famero, duraci\u00f3n en segundos, descripci\u00f3n visual, texto en pantalla (subt\u00edtulo) y audio\/locuci\u00f3n. La suma de duraciones debe estar entre 20 y 30 segundos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Para cada escena, un prompt en espa\u00f1ol listo para pegar en un generador de im\u00e1genes o video, con estilo visual consistente (paleta de cacao: marrones oscuros, crema, acento dorado).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Un cierre con el eslogan y el llamado: \u201cExplora el cat\u00e1logo\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>REGLAS:<\/strong> no inventes certificaciones, premios, rese\u00f1as ni beneficios de salud. No uses personas reales ni famosas. No menciones marcas ni m\u00fasica con derechos de autor. Incluye en el cierre el texto \u201cDemostraci\u00f3n: datos simulados\u201d.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Prompt 4: guion y plan de grabaci\u00f3n del Video 2<\/summary>\n<p class=\"wp-block-paragraph\">Act\u00faa como guionista de tutoriales en video. Necesito el GUION y el PLAN DE GRABACI\u00d3N de un video de 30 a 45 segundos que ense\u00f1e c\u00f3mo usar la experiencia digital de \u201cChocAndes\u201d (empresa FICTICIA de chocolates artesanales de Bogot\u00e1; proyecto acad\u00e9mico).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>RECORRIDO A MOSTRAR (grabaci\u00f3n de pantalla del prototipo m\u00f3vil o de la web):<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bienvenida \u2192 Cat\u00e1logo \u2192 Detalle de \u201cCaja Sierra Nevada\u201d \u2192 Elegir cantidad y opci\u00f3n de presentaci\u00f3n \u2192 Resumen del pedido \u2192 Confirmaci\u00f3n simulada \u2192 Volver al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Incluye un momento corto donde se vea el mensaje de error al dejar el nombre vac\u00edo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>TONO:<\/strong> claro, amable y directo. Formato horizontal 16:9 o vertical 9:16 si grabo el m\u00f3vil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ENTREGA:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Guion de locuci\u00f3n de m\u00e1ximo 100 palabras.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Tabla de escenas: n\u00famero, duraci\u00f3n, qu\u00e9 muestra la pantalla, texto en pantalla (subt\u00edtulo) y locuci\u00f3n. La suma debe estar entre 30 y 45 segundos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Lista de textos de subt\u00edtulos listos para copiar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Un recordatorio visible al final: \u201cDemostraci\u00f3n: no env\u00eda pedidos ni guarda datos\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>REGLAS:<\/strong> usa exactamente los nombres de productos, precios simulados y textos de botones de la app. No inventes funciones que el prototipo no tiene.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Prompt 5: correcciones de aplicaci\u00f3n m\u00f3vil<\/summary>\n<p class=\"wp-block-paragraph\">Necesito que revises y mejores mi aplicaci\u00f3n m\u00f3vil ChocAndes, una marca ficticia de chocolates artesanales de Bogot\u00e1, Colombia, desarrollada como proyecto acad\u00e9mico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">IMPORTANTE: No quiero que crees una aplicaci\u00f3n nueva desde cero. Trabaja sobre la aplicaci\u00f3n que ya est\u00e1 desarrollada, conserva su dise\u00f1o, colores, logotipo, im\u00e1genes, productos y funcionalidades existentes. Implementa \u00fanicamente las mejoras necesarias para cumplir los siguientes requisitos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">OBJETIVO PRINCIPAL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Garantizar que la aplicaci\u00f3n sea un prototipo m\u00f3vil completamente navegable y funcional, donde un usuario pueda explorar productos, seleccionar uno, realizar un pedido simulado, revisar el resumen, confirmar el pedido y regresar al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. PANTALLAS OBLIGATORIAS<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verifica que existan y funcionen correctamente estas cinco pantallas:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Bienvenida: mostrar la presentaci\u00f3n de ChocAndes, su identidad visual y el bot\u00f3n para explorar el cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Cat\u00e1logo: mostrar los tres productos de ChocAndes con im\u00e1genes, nombres, descripciones breves y botones para consultar sus detalles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Detalle del producto: mostrar la imagen, nombre, descripci\u00f3n, precio y opciones disponibles para seleccionar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Selecci\u00f3n y pedido: permitir elegir la cantidad de productos, revisar los productos seleccionados y visualizar el valor total del pedido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Confirmaci\u00f3n: mostrar un mensaje de pedido simulado exitoso, un n\u00famero de pedido ficticio, el resumen de la compra y un bot\u00f3n para regresar al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. PRODUCTOS DEL CAT\u00c1LOGO<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n los siguientes productos:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Caja Sierra Nevada: bombones de chocolate oscuro 70 % con relleno cremoso de caf\u00e9 de altura colombiano. Precio simulado: $38.000 COP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Barra P\u00e1ramo: barra de chocolate con leche y delicados cristales de sal marina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trufas Andinas: trufas espolvoreadas con cacao y rellenas de arequipe artesanal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conserva los precios que ya est\u00e9n configurados en la aplicaci\u00f3n. No inventes precios nuevos sin indicarlo claramente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. RECORRIDO INTERACTIVO<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El usuario debe poder realizar el siguiente recorrido:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inicio \u2192 Cat\u00e1logo \u2192 Detalle del producto \u2192 Seleccionar cantidad u opci\u00f3n \u2192 Agregar al pedido \u2192 Revisar resumen \u2192 Confirmar pedido simulado \u2192 Regresar al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los botones deben funcionar y estar conectados correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El usuario tambi\u00e9n debe poder regresar a las pantallas anteriores sin perder innecesariamente la informaci\u00f3n seleccionada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. ESTADOS VAC\u00cdOS Y MENSAJES DE ERROR<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Implementa los siguientes comportamientos:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Si el pedido est\u00e1 vac\u00edo, mostrar: &#8220;Tu pedido est\u00e1 vac\u00edo. Explora nuestro cat\u00e1logo y encuentra tu chocolate favorito&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Incluir un bot\u00f3n &#8220;Explorar cat\u00e1logo&#8221; que lleve al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Si el usuario intenta confirmar un pedido sin productos, mostrar un mensaje indicando que primero debe seleccionar al menos uno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Si la cantidad seleccionada es inv\u00e1lida, mostrar un mensaje claro y permitir corregirla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Cuando se agregue un producto, mostrar una confirmaci\u00f3n visual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. CONFIRMACI\u00d3N SIMULADA<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando el usuario confirme su pedido:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Mostrar un mensaje de confirmaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Generar un n\u00famero de pedido ficticio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Mostrar los productos seleccionados, sus cantidades y el valor total.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Indicar claramente que es una demostraci\u00f3n acad\u00e9mica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Incluir un bot\u00f3n &#8220;Volver al cat\u00e1logo&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Permitir iniciar un nuevo pedido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No implementar pasarelas de pago reales, cobros, registros obligatorios ni conexiones con servicios externos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6. DISE\u00d1O Y EXPERIENCIA M\u00d3VIL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n el dise\u00f1o actual de ChocAndes, con colores marr\u00f3n cacao, crema y dorado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La aplicaci\u00f3n debe adaptarse correctamente a una pantalla m\u00f3vil, con botones f\u00e1ciles de pulsar, textos legibles y navegaci\u00f3n intuitiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conserva la barra de navegaci\u00f3n inferior con Inicio, Cat\u00e1logo y Mi pedido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No elimines la funci\u00f3n de mini gu\u00eda de productos que ya existe. Verifica que funcione correctamente y que permita regresar al cat\u00e1logo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7. INFORMACI\u00d3N DE DEMOSTRACI\u00d3N<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n visible en la aplicaci\u00f3n el siguiente aviso:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Entorno de demostraci\u00f3n acad\u00e9mica: precios, productos y pedidos son simulados&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la pantalla de confirmaci\u00f3n tambi\u00e9n debe indicarse que no se ha realizado ninguna compra real.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">8. ENTREGA DEL PROYECTO<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el proyecto siga siendo editable en Google AI Studio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Indica c\u00f3mo abrirlo, ejecutarlo y probarlo en una vista m\u00f3vil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No es necesario publicarlo en tiendas, instalarlo en un tel\u00e9fono, crear cuentas reales ni utilizar un servidor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">9. VERIFICACI\u00d3N FINAL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Revisa todos los botones, enlaces, pantallas y estados de la aplicaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comprueba que se pueda completar el recorrido de pedido simulado de principio a fin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Corrige cualquier error de navegaci\u00f3n o funcionalidad que encuentres.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No modifiques elementos que ya funcionen correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al finalizar, ind\u00edcame qu\u00e9 funcionalidades ya exist\u00edan, cu\u00e1les agregaste y c\u00f3mo puedo probar cada requisito de la actividad acad\u00e9mica.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Prompt 6: mejoras de p\u00e1gina web<\/summary>\n<p class=\"wp-block-paragraph\">Necesito que revises y mejores mi p\u00e1gina web actual de ChocAndes, una empresa ficticia de chocolates artesanales de Bogot\u00e1, Colombia, para cumplir los requisitos de un proyecto acad\u00e9mico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">IMPORTANTE: No crees una p\u00e1gina nueva. Trabaja sobre el proyecto existente, conserva su dise\u00f1o, identidad visual, logotipo, colores marr\u00f3n cacao, crema y dorado, tipograf\u00edas y funcionalidades que ya funcionan correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Realiza las siguientes mejoras:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. CAMBIAR LA IMAGEN PRINCIPAL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Actualmente, en la portada aparece \u00fanicamente la Caja Sierra Nevada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quiero reemplazar esa imagen por la nueva fotograf\u00eda que estoy adjuntando, donde aparecen juntos los tres productos de ChocAndes: Caja Sierra Nevada, Barra P\u00e1ramo y Trufas Andinas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La imagen debe verse completa, n\u00edtida y proporcionada, sin cortar los productos ni los textos que contiene.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adapta su tama\u00f1o para que funcione correctamente en computadores y celulares. Si es necesario, ajusta la distribuci\u00f3n de la portada para darle mayor protagonismo a la fotograf\u00eda, sin afectar la legibilidad del t\u00edtulo y la descripci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No generes una imagen diferente ni utilices im\u00e1genes externas. Utiliza exactamente la imagen adjunta y gu\u00e1rdala como recurso del proyecto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. MEJORAR EL CAT\u00c1LOGO<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que el cat\u00e1logo muestre los tres productos en tarjetas individuales:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Caja Sierra Nevada: bombones de chocolate oscuro 70 % con relleno cremoso de caf\u00e9 de altura colombiano.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Barra P\u00e1ramo: chocolate con leche y delicados cristales de sal marina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Trufas Andinas: trufas espolvoreadas con cacao y rellenas de arequipe artesanal fundente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada tarjeta debe incluir fotograf\u00eda, nombre, descripci\u00f3n breve, precio simulado y bot\u00f3n &#8220;Ver producto&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El bot\u00f3n debe abrir una vista de detalle del producto seleccionado, mostrando su imagen, descripci\u00f3n completa, precio y un bot\u00f3n para seleccionarlo en la solicitud de prueba.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n los precios que ya est\u00e9n configurados en la p\u00e1gina. La Caja Sierra Nevada tiene un precio simulado de $38.000 COP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En computadores, presenta las tres tarjetas en una misma fila cuando haya espacio suficiente. En celulares, organ\u00edzalas verticalmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. VERIFICAR LA NAVEGACI\u00d3N<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comprueba que funcionen correctamente los botones del men\u00fa:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Inicio<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Cat\u00e1logo<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Gu\u00eda para elegir<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Solicitud de prueba<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Pedir muestra<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todos deben llevar a la secci\u00f3n correspondiente, sin botones decorativos o enlaces que no funcionen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n el men\u00fa visible durante el desplazamiento y evita que tape los t\u00edtulos de las secciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. MEJORAR LA GU\u00cdA PARA ELEGIR<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conserva las tres preguntas actuales sobre ocasi\u00f3n, presupuesto y preferencias de sabor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando el usuario termine de responder, debe aparecer una recomendaci\u00f3n de uno de los tres productos de ChocAndes, con su imagen, nombre, explicaci\u00f3n breve y precio simulado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Incluye un bot\u00f3n &#8220;Ver producto recomendado&#8221; que lleve al detalle de ese producto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La recomendaci\u00f3n debe considerar las respuestas y los precios reales configurados en el cat\u00e1logo simulado. Si ning\u00fan producto corresponde al presupuesto seleccionado, informa al usuario en lugar de recomendar una opci\u00f3n fuera de presupuesto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Incluye tambi\u00e9n un bot\u00f3n para repetir la gu\u00eda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. MEJORAR LA SOLICITUD DE PRUEBA<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conserva el formulario actual, pero verifica que tenga estos campos:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Nombre ficticio del contacto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Producto seleccionado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Cantidad solicitada, entre 1 y 10.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los campos deben validarse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si un campo obligatorio est\u00e1 vac\u00edo, debe mostrarse un mensaje claro debajo de \u00e9l.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si la cantidad es inv\u00e1lida, no debe permitirse continuar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al seleccionar un producto y una cantidad, calcula autom\u00e1ticamente el total en pesos colombianos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de confirmar, muestra un resumen con el nombre ficticio, producto, cantidad, precio unitario y valor total.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Incluye un bot\u00f3n &#8220;Confirmar solicitud simulada&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s de confirmar, muestra un mensaje de \u00e9xito y un comprobante ficticio con n\u00famero de solicitud generado localmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega un bot\u00f3n para regresar al cat\u00e1logo y otro para realizar una nueva solicitud.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No env\u00edes correos, no guardes datos personales, no realices pagos ni conectes bases de datos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n visible el aviso exacto:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Demostraci\u00f3n: no env\u00eda pedidos ni guarda datos&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">6. MEJORAR LA EXPERIENCIA VISUAL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mant\u00e9n la apariencia elegante y artesanal de ChocAndes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mejora los espacios entre secciones, la alineaci\u00f3n de las tarjetas y la legibilidad de los textos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agrega efectos suaves al pasar el cursor sobre botones y productos, sin utilizar animaciones exageradas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Evita que las im\u00e1genes se deformen, se recorten incorrectamente o se vean pixeladas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En celulares, verifica que no exista desplazamiento horizontal y que los botones sean c\u00f3modos de utilizar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">7. AGREGAR UN PIE DE P\u00c1GINA<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si todav\u00eda no existe, agrega un pie de p\u00e1gina sencillo con:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Logotipo y nombre ChocAndes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Texto: &#8220;Chocolates artesanales de Bogot\u00e1&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Enlaces internos a Inicio, Cat\u00e1logo, Gu\u00eda para elegir y Solicitud de prueba.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Aviso: &#8220;Proyecto acad\u00e9mico. Empresa, productos y pedidos simulados&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No inventes direcciones, tel\u00e9fonos, redes sociales ni informaci\u00f3n de contacto real.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">8. ENTREGA Y FUNCIONAMIENTO LOCAL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El proyecto debe continuar siendo editable en Google AI Studio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aseg\u00farate de que pueda ejecutarse localmente y que todos sus recursos, incluidas las im\u00e1genes, est\u00e9n incluidos en el proyecto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No debe depender de servicios de pago, bases de datos ni servidores externos para completar la demostraci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prepara instrucciones sencillas para descargar, abrir y ejecutar el proyecto localmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">9. VERIFICACI\u00d3N FINAL<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de terminar, comprueba:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que las cuatro secciones principales est\u00e9n presentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que la imagen de portada muestre los tres productos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que cada producto tenga una vista de detalle funcional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que todos los botones permitan navegar correctamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que la gu\u00eda genere recomendaciones coherentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que el formulario valide los datos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que el resumen calcule correctamente el total.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que se pueda confirmar una solicitud ficticia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que aparezca el aviso de demostraci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8211; Que la p\u00e1gina funcione en computadores y celulares.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Corrige los errores que encuentres sin eliminar funcionalidades existentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al finalizar, expl\u00edcame brevemente qu\u00e9 cambios realizaste y c\u00f3mo comprobar que la p\u00e1gina cumple cada  requisito del proyecto acad\u00e9mico.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Prompt 7: video promocional del Video 1 (Google Vids)<\/summary>\n<p class=\"wp-block-paragraph\">Crea un video promocional de 27 segundos para ChocAndes, una marca ficticia de chocolates artesanales de Bogot\u00e1, Colombia. El video debe tener un estilo elegante, c\u00e1lido y juvenil, con colores marr\u00f3n cacao, crema y dorado. Utiliza un formato vertical 9:16, transiciones suaves, m\u00fasica instrumental de fondo y una narraci\u00f3n en espa\u00f1ol latinoamericano con voz natural.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Escena 1 (0 a 4 segundos):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se muestra una caja de regalo sobre una mesa elegante, iluminada con luz c\u00e1lida. La c\u00e1mara se acerca lentamente a la caja, creando una sensaci\u00f3n de expectativa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Texto en pantalla: &#8220;Un detalle especial \u2728&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Narraci\u00f3n: &#8220;Hay detalles que hacen especial cualquier momento&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Escena 2 (4 a 9 segundos):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aparece el logotipo de ChocAndes acompa\u00f1ado de una selecci\u00f3n de chocolates artesanales. La c\u00e1mara realiza un movimiento suave mostrando los diferentes chocolates y sus detalles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Texto en pantalla: &#8220;ChocAndes \u00b7 Bogot\u00e1&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Narraci\u00f3n: &#8220;En ChocAndes, creamos chocolates artesanales en Bogot\u00e1, pensados para compartir y sorprender&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Escena 3 (9 a 14 segundos):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se muestra la Caja Sierra Nevada abri\u00e9ndose lentamente, revelando sus bombones de chocolate oscuro al 70 % con relleno de caf\u00e9 colombiano. La c\u00e1mara se acerca para destacar la presentaci\u00f3n del producto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Texto en pantalla: &#8220;Caja Sierra Nevada&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Narraci\u00f3n: &#8220;Descubre nuestra Caja Sierra Nevada: bombones de chocolate oscuro al 70 % con un delicioso relleno de caf\u00e9&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Escena 4 (14 a 18 segundos):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Primer plano de un bomb\u00f3n de chocolate partido por la mitad, mostrando su relleno cremoso de caf\u00e9. Se destacan las texturas del chocolate y el relleno mediante una iluminaci\u00f3n c\u00e1lida y un acercamiento cinematogr\u00e1fico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Texto en pantalla: &#8220;Chocolate 70 % + caf\u00e9&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Audio: M\u00fasica instrumental suave, sin narraci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Escena 5 (18 a 22 segundos):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se presenta la Caja Sierra Nevada completa sobre una superficie elegante, con detalles dorados y una iluminaci\u00f3n que resalta el producto. El precio aparece de manera destacada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Texto en pantalla: &#8220;$38.000 COP&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Narraci\u00f3n: &#8220;Un regalo especial por solo 38 mil pesos&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Escena 6 (22 a 27 segundos):<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aparece el logotipo de ChocAndes en el centro de la pantalla, acompa\u00f1ado de un tel\u00e9fono y un computador que muestran los prototipos del cat\u00e1logo digital de la marca. El fondo mantiene los colores marr\u00f3n cacao y dorado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Texto principal en pantalla: &#8220;Explora el cat\u00e1logo&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eslogan: &#8220;ChocAndes, peque\u00f1os detalles, grandes momentos&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Texto adicional: &#8220;Disponible en nuestra web y app&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En la parte inferior debe aparecer: &#8220;Demostraci\u00f3n: datos simulados&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Narraci\u00f3n: &#8220;ChocAndes, peque\u00f1os detalles, grandes momentos. \u00a1Explora el cat\u00e1logo en nuestra web y app!&#8221;.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Indicaciones generales:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El video debe parecer un comercial profesional de chocolates artesanales, con im\u00e1genes realistas, movimientos de c\u00e1mara suaves y transiciones elegantes. Mant\u00e9n la identidad visual de ChocAndes durante todas las escenas y utiliza el mismo dise\u00f1o de los productos y del logotipo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La narraci\u00f3n debe sincronizarse con las im\u00e1genes, sin sonar rob\u00f3tica. La m\u00fasica debe mantenerse a un volumen bajo para que se escuche claramente la voz.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No agregues productos diferentes a los mencionados ni inventes informaci\u00f3n de la empresa. El resultado debe durar exactamente 27 segundos y estar en formato vertical 9:16, ideal para redes sociales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>ChocAndes es una empresa ficticia. Todos los datos, precios y productos son simulados; no se realizan ventas ni env\u00edos. Proyecto desarrollado con IA generativa. Enlace al paquete del proyecto: COMPLETAR.<\/em><\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Categor\u00eda: Inteligencia Artificial \u00b7 Proyectos | Autores: Erika Tatiana Mart\u00ednez Bar\u00f3n y Juli\u00e1n Mateo V\u00e1squez Ria\u00f1o | Fecha: 11\/11\/2026 ChocAndes es una marca ficticia de chocolates artesanales de Bogot\u00e1, Colombia, creada por un grupo de estudiantes como parte de un proyecto acad\u00e9mico enfocado en el uso de la inteligencia artificialSeguir Leyendo<\/p>\n","protected":false},"author":2174,"featured_media":94484,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","video_url":"","footnotes":""},"categories":[4469,3941],"tags":[32,364,31],"class_list":["post-94483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-ia","tag-inteligencia-artificial","tag-paginas-web-2","tag-tecnologia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa &#8211; Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento<\/title>\n<meta name=\"description\" content=\"En Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento encuentra los mejores contenidos del mundo de la tecnolog\u00eda | ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa &#8211; Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento\" \/>\n<meta property=\"og:description\" content=\"En Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento encuentra los mejores contenidos del mundo de la tecnolog\u00eda | ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/\" \/>\n<meta property=\"og:site_name\" content=\"Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-11-12T14:20:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-12T14:20:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-ChocAndes-con-paisaje-andino-1-576x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"576\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Julian Mateo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Julian Mateo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"49 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa &#8211; Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento","description":"En Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento encuentra los mejores contenidos del mundo de la tecnolog\u00eda | ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/","og_locale":"es_ES","og_type":"article","og_title":"ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa &#8211; Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento","og_description":"En Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento encuentra los mejores contenidos del mundo de la tecnolog\u00eda | ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa","og_url":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/","og_site_name":"Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2026-11-12T14:20:10+00:00","article_modified_time":"2026-11-12T14:20:11+00:00","og_image":[{"width":576,"height":1024,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-ChocAndes-con-paisaje-andino-1-576x1024.png","type":"image\/png"}],"author":"Julian Mateo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Julian Mateo","Tiempo de lectura":"49 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/"},"author":{"name":"Julian Mateo","@id":"https:\/\/niixer.com\/#\/schema\/person\/c15c61d5a3533ce833e32bc4bc18ef75"},"headline":"ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa","datePublished":"2026-11-12T14:20:10+00:00","dateModified":"2026-11-12T14:20:11+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/"},"wordCount":10766,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-ChocAndes-con-paisaje-andino-1.png","keywords":["Inteligencia Artificial","Paginas web","tecnolog\u00eda"],"articleSection":["AI","IA"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/","url":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/","name":"ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa &#8211; Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-ChocAndes-con-paisaje-andino-1.png","datePublished":"2026-11-12T14:20:10+00:00","dateModified":"2026-11-12T14:20:11+00:00","description":"En Niixer | Carros, tecnolog\u00eda, ciencia y entretenimiento encuentra los mejores contenidos del mundo de la tecnolog\u00eda | ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-ChocAndes-con-paisaje-andino-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2026\/11\/Chocolates-ChocAndes-con-paisaje-andino-1.png","width":941,"height":1672},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2026\/11\/12\/chocandes-de-una-idea-a-una-experiencia-digital-mediante-inteligencia-artificial-generativa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"ChocAndes: de una idea a una experiencia digital mediante inteligencia artificial generativa"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Carros, tecnolog\u00eda, ciencia y entretenimiento","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/c15c61d5a3533ce833e32bc4bc18ef75","name":"Julian Mateo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/f32350bb5da29151f7246cc52aab1e6ebbc96993a07959c5038be9e9bbf786ad?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f32350bb5da29151f7246cc52aab1e6ebbc96993a07959c5038be9e9bbf786ad?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f32350bb5da29151f7246cc52aab1e6ebbc96993a07959c5038be9e9bbf786ad?s=96&d=mm&r=g","caption":"Julian Mateo"},"url":"https:\/\/niixer.com\/index.php\/author\/julian-mateo\/"}]}},"_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/94483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/2174"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=94483"}],"version-history":[{"count":1,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/94483\/revisions"}],"predecessor-version":[{"id":94508,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/94483\/revisions\/94508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/94484"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=94483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=94483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=94483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}