[{"data":1,"prerenderedAt":156},["ShallowReactive",2],{"mdc--27xm8b-key":3,"mdc-ww2hcb-key":16,"mdc-yf1k34-key":25,"mdc-r309sn-key":34,"mdc-ke2d6c-key":43,"mdc--1gwp9q-key":52},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13],{"type":14,"value":15},"text","Swarovski",{"data":17,"body":18},{},{"type":6,"children":19},[20],{"type":9,"tag":10,"props":21,"children":22},{},[23],{"type":14,"value":24},"2024 (January to May)",{"data":26,"body":27},{},{"type":6,"children":28},[29],{"type":9,"tag":10,"props":30,"children":31},{},[32],{"type":14,"value":33},"Franc Studio, with Franc",{"data":35,"body":36},{},{"type":6,"children":37},[38],{"type":9,"tag":10,"props":39,"children":40},{},[41],{"type":14,"value":42},"Experience programming, catalogue connection and backend",{"data":44,"body":45},{},{"type":6,"children":46},[47],{"type":9,"tag":10,"props":48,"children":49},{},[50],{"type":14,"value":51},"Vue 3, Pinia, Three.js, Node.js, SQL and Keycloak",{"data":53,"body":54},{},{"type":6,"children":55},[56,61,74,81,86,92,97,116,122,127,133,138],{"type":9,"tag":10,"props":57,"children":58},{},[59],{"type":14,"value":60},"The 2024 edition of Swarovski Days connects a virtual 3D store with the brand's catalogue. Visitors can walk through the space, explore the collections and save a selection of references.",{"type":9,"tag":62,"props":63,"children":68},"media",{"alt":64,"effect":65,"poster":66,"src":67},"Full R5 (2024) walkthrough","none","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fimage\u002Fupload\u002Fw_1280,q_auto\u002F2024-SW-r5-0_hojnb1.webp","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,w_1280\u002FSw-2024-r5-2024-complete.mp4-hevc-c_idxxoe.mp4",[69],{"type":9,"tag":10,"props":70,"children":71},{},[72],{"type":14,"value":73},"R5 (2024)",{"type":9,"tag":75,"props":76,"children":78},"h2",{"id":77},"the-store-and-the-catalogue",[79],{"type":14,"value":80},"The store and the catalogue",{"type":9,"tag":10,"props":82,"children":83},{},[84],{"type":14,"value":85},"The walkthrough was renewed so that the space and the way collections are browsed felt more connected. Visitors move through the store, open product details and search for references within the catalogue.",{"type":9,"tag":75,"props":87,"children":89},{"id":88},"selection-and-the-b2b-environment",[90],{"type":14,"value":91},"Selection and the B2B environment",{"type":9,"tag":10,"props":93,"children":94},{},[95],{"type":14,"value":96},"Pieces of interest are saved to a selection list connected to Swarovski's B2B environment. Authentication runs through Keycloak, so each user signs in with their brand credentials.",{"type":9,"tag":98,"props":99,"children":102},"grid",{"cols":100,"gap":101},2,"md",[103,110],{"type":9,"tag":62,"props":104,"children":109},{"alt":105,"effect":106,"poster":107,"src":108},"Walkthrough of the store in the 2024 edition","bend","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_5,w_1080,q_auto\u002FSw-2024-r5-2024-walk.mp4-hevc-c_gqixc4.webp","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,w_1080\u002FSw-2024-r5-2024-walk.mp4-hevc-c_gqixc4.mp4",[],{"type":9,"tag":62,"props":111,"children":115},{"alt":112,"effect":106,"poster":113,"src":114},"Menus and product details in the store","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fso_5,w_1080,q_auto\u002FSw-2024-r5-2024-menues.mp4-hevc-c_jecwxc.webp","https:\u002F\u002Fres.cloudinary.com\u002Fddwpkkaqv\u002Fvideo\u002Fupload\u002Fvc_h264,w_1080\u002FSw-2024-r5-2024-menues.mp4-hevc-c_jecwxc.mp4",[],{"type":9,"tag":75,"props":117,"children":119},{"id":118},"administration-panel",[120],{"type":14,"value":121},"Administration panel",{"type":9,"tag":10,"props":123,"children":124},{},[125],{"type":14,"value":126},"The panel manages spaces, languages and collections, and places each product on its display. It is the tool the team uses to keep the store up to date without editing the scene by hand.",{"type":9,"tag":75,"props":128,"children":130},{"id":129},"my-part",[131],{"type":14,"value":132},"My part",{"type":9,"tag":10,"props":134,"children":135},{},[136],{"type":14,"value":137},"I worked with Franc on programming the experience and the backend. Vue 3, Three.js and Pinia power the website; Node.js and a SQL database support the data and integrations.",{"type":9,"tag":10,"props":139,"children":140},{},[141,148,150],{"type":9,"tag":142,"props":143,"children":145},"a",{"href":144},"\u002Fen\u002Fprojects\u002Fswarovski-days",[146],{"type":14,"value":147},"See the first edition (2022)",{"type":14,"value":149}," · ",{"type":9,"tag":142,"props":151,"children":153},{"href":152},"\u002Fen\u002Fprojects\u002Fswarovski-r4",[154],{"type":14,"value":155},"See the 2023 edition",1794317809960]