{"id":2838,"date":"2026-08-16T23:59:34","date_gmt":"2026-08-16T21:59:34","guid":{"rendered":"https:\/\/koredesign.studio\/?page_id=2838"},"modified":"2026-08-17T02:02:34","modified_gmt":"2026-08-17T00:02:34","slug":"roger-borras-joies-ecommerce-integration","status":"publish","type":"page","link":"https:\/\/koredesign.studio\/es\/roger-borras-joies-ecommerce-integration\/","title":{"rendered":"Roger Borr\u00e0s Joies – Ecommerce Integration"},"content":{"rendered":"
\n\t\t\t\t
\n \n \t\t\t

Desarrollo Web<\/p>\n\t\t\n<\/a>\n

\n\t\t\t\t\t
\n\t\t\t\t\t

Roger Borr\u00e0s Joies - Integraci\u00f3n del E-Commerce<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n
\n \t\t\t

Descripci\u00f3n General<\/h2>\n\t\t\t\t\t

Durante mis pr\u00e1cticas universitarias en la agencia creativa Canana.studio<\/strong>, en la Universitat de Lleida, lider\u00e9 de forma independiente \u2014con el apoyo del desarrollador inform\u00e1tico interno de la agencia\u2014 la expansi\u00f3n del comercio electr\u00f3nico de Roger Borr\u00e0s Joies<\/strong>, una marca de joyer\u00eda artesanal. Financiado por el programa de subvenciones Kit Digital<\/strong> de Espa\u00f1a, el proyecto ten\u00eda como objetivo integrar una tienda online totalmente funcional en la web existente de la marca. El alcance abarc\u00f3 la ejecuci\u00f3n integral: desde el dise\u00f1o de la interfaz en Figma y la creaci\u00f3n de recursos editoriales en Adobe InDesign, hasta la implementaci\u00f3n t\u00e9cnica en WordPress\/WooCommerce y la incorporaci\u00f3n completa del cliente mediante reuniones presenciales y videotutoriales personalizados.<\/p>\n\t\t\t\t\t

El Desaf\u00edo<\/h2>\n\t\t\t\t\t

La digitalizaci\u00f3n de una marca tradicional de joyer\u00eda artesanal present\u00f3 desaf\u00edos operativos y de experiencia de usuario clave:
     - Conectar el Producto F\u00edsico con la Experiencia Digital:<\/strong> Replicar la experiencia de consulta en tienda online, eliminando la indecisi\u00f3n en la compra, especialmente en lo referente a la elecci\u00f3n de la talla de los anillos.

     - Definir Dise\u00f1os y Flujos Web Estructurados:<\/strong> Mapear las jerarqu\u00edas de las p\u00e1ginas y los recorridos del usuario mediante wireframes claros antes del desarrollo para optimizar la coordinaci\u00f3n con el desarrollador t\u00e9cnico.

     - Garantizar la Autonom\u00eda del Cliente Tras la Transferencia:<\/strong> Empoderar al equipo no t\u00e9cnico de Roger Borr\u00e0s Joies para gestionar de forma independiente los cat\u00e1logos de productos, el inventario y el procesamiento de pedidos tras el lanzamiento.<\/p>\n\t\t\t\t\t

Nuestro Enfoque<\/h2>\n\t\t\t\t\t

Para garantizar una entrega exitosa y una adopci\u00f3n sin problemas por parte del cliente, implementamos una metodolog\u00eda estructurada de cuatro etapas:
     - Prototipado UX en Figma:<\/strong> Dise\u00f1amos wireframes completos para definir la estructura de la p\u00e1gina, la jerarqu\u00eda del contenido y los flujos de navegaci\u00f3n para todas las vistas clave de comercio electr\u00f3nico antes de la codificaci\u00f3n.

     - Desarrollo en WordPress y WooCommerce:<\/strong> Trabajamos junto con el desarrollador de la agencia para configurar WooCommerce, estableciendo categor\u00edas de productos, pasarelas de pago y la funcionalidad del carrito de compras dentro de la configuraci\u00f3n existente de WordPress.

     - Dise\u00f1o de Material Promocional en Adobe InDesign:<\/strong> Dise\u00f1amos y formateamos una gu\u00eda interactiva descargable de tallas de anillos para integrarla en las p\u00e1ginas de productos, proporcionando a los clientes una herramienta visual sencilla para medir su talla con precisi\u00f3n.

     - Comunicaci\u00f3n con el Cliente, Videotutoriales e Incorporaci\u00f3n:<\/strong> Mantuve una comunicaci\u00f3n directa con los clientes por correo electr\u00f3nico y realic\u00e9 reuniones de revisi\u00f3n para presentar el progreso. Cre\u00e9 videotutoriales personalizados paso a paso e impart\u00ed sesiones de capacitaci\u00f3n para garantizar una transici\u00f3n operativa sin contratiempos.<\/p>\n\t\t\t\t\t

Galer\u00eda de Proyectos<\/h2>\n\t\t
\n
\n \t\t\t\"\"\/\t\t\n \t\t\t

Visita la Web<\/p>\n\t\t\n<\/a>\n\n<\/div>\n

\n \t\t\t\"\"\/\t\t\n \t\t\t

Visita Figma<\/p>\n\t\t\n<\/a>\n\n<\/div>\n

\n \t\t\t\"\"\/\t\t\n \t\t\t

Visita la Guia de Tallas<\/p>\n\t\t\n<\/a>\n\n<\/div>\n\n<\/div>\n\t\t\t

Resultados<\/h2>\n\t\t\t\t\t

   <\/strong>  - Plataforma de E-Commerce Totalmente Funcional:<\/strong> Lanzamiento exitoso de la tienda online en WordPress y WooCommerce, cumpliendo con todos los criterios de la iniciativa Kit Digital y preservando la identidad de la marca.

     - Experiencia de Compra Online Optimizada:<\/strong> Se redujo la fricci\u00f3n en el proceso de compra y las consultas sobre tallas mediante flujos de usuario estructurados y una gu\u00eda de tallas de anillos personalizada.

     - Autonom\u00eda Total del Cliente:<\/strong> Se logr\u00f3 una autonom\u00eda completa para el cliente en las operaciones diarias de la tienda, la actualizaci\u00f3n del inventario y el procesamiento de pedidos gracias a documentaci\u00f3n en v\u00eddeo personalizada y formaci\u00f3n interactiva.<\/p>\n\t\t\n<\/div>\n

\n
\n
\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

A\u00d1O<\/p>\n\t\t\n<\/div>\n\t\t\t

2024<\/p>\n\t\t\n<\/div>\n

\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

SERVICIOS<\/p>\n\t\t\n<\/div>\n\t\t\t

Desarrollo Web para E-Commerce
Prototipado UX\/UI
Incorporaci\u00f3n y Formaci\u00f3n de Clientes<\/p>\n\t\t\t\t\t

HERRAMIENTAS Y TECNOLOG\u00cdA<\/p>\n\t\t

\n
\n \t\t\t

WordPress<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

WooCommerce<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Figma<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Adobe InDesign<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Adobe Premiere Pro<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Mail<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t

ETIQUETAS<\/p>\n\t\t

\n
\n \t\t\t

WordPress<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

WooCommerce<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

E-Commerce<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Dise\u00f1o UX\/UI<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Figma Wireframing<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Adobe InDesign<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Kit Digital<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Incorporaci\u00f3n de Clientes<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Canana.studio<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n

\n \t\t\t

\u00bfTe interesa un proyecto similar?<\/p>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tPonte en contacto<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Web Development Roger Borr\u00e0s Joies – E-Commerce Integration Overview During my university internship from Universitat de Lleida at the creative agency Canana.studio, I independently led\u2014supported by the agency\u2019s in-house IT developer\u2014the e-commerce expansion for Roger Borr\u00e0s Joies, an artisan jewelry brand. Funded under Spain’s Kit Digital grant program, the project aimed to integrate a fully […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2838","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/2838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/comments?post=2838"}],"version-history":[{"count":31,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/2838\/revisions"}],"predecessor-version":[{"id":2898,"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/pages\/2838\/revisions\/2898"}],"wp:attachment":[{"href":"https:\/\/koredesign.studio\/es\/wp-json\/wp\/v2\/media?parent=2838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}