{"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\/en\/roger-borras-joies-ecommerce-integration\/","title":{"rendered":"Roger Borr\u00e0s Joies – Ecommerce Integration"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \n \t\t\t

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

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

Roger Borr\u00e0s Joies - E-Commerce Integration<\/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

Overview<\/h2>\n\t\t\t\t\t

During my university internship from Universitat de Lleida at the creative agency Canana.studio<\/strong>, I independently led\u2014supported by the agency\u2019s in-house IT developer\u2014the e-commerce expansion for Roger Borr\u00e0s Joies<\/strong>, an artisan jewelry brand. Funded under Spain's Kit Digital<\/strong> grant program, the project aimed to integrate a fully functional online store into the brand\u2019s existing website. The scope spanned end-to-end execution: from interface wireframing in Figma and editorial asset creation in Adobe InDesign, to technical implementation in WordPress\/WooCommerce and complete client onboarding through direct meetings and custom video tutorials.<\/p>\n\t\t\t\t\t

The Challenge<\/h2>\n\t\t\t\t\t

Digitalizing a traditional handcrafted jewelry brand presented key user experience and operational challenges:
     - Bridging Physical Product to Digital Experience:<\/strong> Replicating the in-store consultation experience online by eliminating purchase hesitancy\u2014specifically solving uncertainty around ring sizing.

     - Defining Structured Web Layouts & Flows:<\/strong> Mapping out page hierarchies and user journeys via clear wireframes prior to development to streamline coordination with the technical developer.

     - Ensuring Client Autonomy Post-Handover:<\/strong> Empowering the non-technical team at Roger Borr\u00e0s Joies to independently manage product catalogs, inventory stock, and order fulfillment following launch.<\/p>\n\t\t\t\t\t

Our Approach<\/h2>\n\t\t\t\t\t

To ensure successful delivery and seamless adoption by the client, we implemented a structured four-stage methodology:
     - UX Prototyping in Figma:<\/strong> Architected comprehensive wireframes to define page structure, content hierarchy, and navigation flows for all key e-commerce views prior to coding.

     - Development in WordPress & WooCommerce:<\/strong> Worked alongside the agency developer to configure WooCommerce, setting up product categories, payment gateways, and shopping cart functionality within the existing WordPress setup.

     - Collateral Design in Adobe InDesign:<\/strong> Designed and formatted an interactive downloadable ring size guide to embed on product pages, providing customers with an easy visual tool to measure their fit accurately.

     - Client Communication, Video Tutorials & Onboarding:<\/strong> Maintained direct client communication via Mail. and conducted review meetings to present progress. Created custom, step-by-step video tutorials and led training sessions to ensure smooth operational handover.<\/p>\n\t\t\t\t\t

Project Gallery<\/h2>\n\t\t
\n
\n \t\t\t\"\"\/\t\t\n \t\t\t

Visit the Website<\/p>\n\t\t\n<\/a>\n\n<\/div>\n

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

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

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

Visit the Size Guide<\/p>\n\t\t\n<\/a>\n\n<\/div>\n\n<\/div>\n\t\t\t

Results<\/h2>\n\t\t\t\t\t

   <\/strong>  - Fully Functional E-Commerce Platform:<\/strong> Successfully launched the online store on WordPress and WooCommerce, meeting all compliance criteria for the Kit Digital initiative while preserving brand identity.

     - Optimized Online Shopping Experience:<\/strong> Reduced purchase friction and sizing inquiries through wireframed user flows and the custom ring size guide.

     - Seamless Client Empowerment:<\/strong> Achieved complete client autonomy in daily store operations, inventory updates, and order processing thanks to tailored video documentation and interactive training.<\/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

YEAR<\/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

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

E-Commerce Web Development
UX\/UI Prototyping
Client Onboarding & Training<\/p>\n\t\t\t\t\t

TOOLS & TECHNOLOGY<\/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

TAGS<\/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

UX\/UI Design<\/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

Client Onboarding<\/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

Interested in a similar project?<\/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\tGet in Touch<\/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>\n\t\t","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\/en\/wp-json\/wp\/v2\/pages\/2838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/comments?post=2838"}],"version-history":[{"count":31,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/pages\/2838\/revisions"}],"predecessor-version":[{"id":2898,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/pages\/2838\/revisions\/2898"}],"wp:attachment":[{"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/media?parent=2838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}