{"id":496,"date":"2026-09-24T14:09:58","date_gmt":"2026-09-24T12:09:58","guid":{"rendered":"https:\/\/www.we-go.it\/?post_type=progetto&#038;p=496"},"modified":"2026-10-15T10:11:08","modified_gmt":"2026-10-15T08:11:08","slug":"scarpamondo","status":"publish","type":"progetto","link":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/","title":{"rendered":"Scarpamondo"},"content":{"rendered":"<section class=\"two-columns-text wp-block-acf-two-columns-text\">\n      <h2 class=\"two-columns-text__title\">HOW WE ANSWERED<\/h2>\n  \n      <div class=\"two-columns-text__content\">\n      <p>Assieme al team di Scarpamondo non abbiamo semplicemente aggiornato un e-commerce, abbiamo ridefinito il modo in cui gli utenti vivono la loro shopping experience online, grazie ad una nuova piattaforma digitale intuitiva, performante e coinvolgente. Abbiamo riscritto le regole dell\u2019engagement online, progettando un e-commerce costruito intorno all\u2019utente. Il restyling parte da una nuova information architecture e da una UX ottimizzata per garantire fluidit\u00e0 e immediatezza in ogni fase del percorso d\u2019acquisto.<\/p>\n\n    <\/div>\n  <\/section>\n\n\n\n    \n\n  <section class=\"responsive-media custom-video wp-block-acf-media-responsive\">\n    \n\n\n  \n\n\n\n\t<div\n    x-ref=\"el\"\n    class=\"base-video custom-video__frame\"\n    style=\"--custom-video-ratio: 1920 \/ 1080; --custom-video-mobile-ratio: 1920 \/ 1080\"    :class=\"[\n      aspectRatio ? `-aspect-ratio-${aspectRatio}` : '',\n      !ready &#038;&#038; !iFrameVideo ? '-video-not-ready' : '',\n      !iFrameVideo &#038;&#038; (isPaused || !playing) ? '-video-is-paused' : '',\n      iFrameVideo ? '-has-iframe' : '',\n      hasButton ? '-has-button' : '',\n      contained ? '-is-contained' : '',\n      visible ? '-is-visible' : '',\n      fullscreen ? '-is-fullscreen' : '',\n      playing ? '-is-playing' : '',\n    ]\"\n    x-data=\"video({\n      muted: true,\n      audio: false,\n      src: 'https:\/\/vimeo.com\/1070256014\/6e39b254a1?share=copyu0026fl=svu0026fe=ci',\n      srcmobile: '',\n      autoplay: true,\n      loop: true,\n      lazy: false,\n      hasButton: false,\n      controls: false,\n      contained: false,\n      aspectRatio: ''\n    })\"\n    x-intersect:enter=\"onenter\"\n    x-intersect:leave=\"onleave\"\n    @mousemove=\"playing &#038;&#038; (controlHover = true)\"\n    @mouseleave=\"controlHover = false\"\n    @click=\"hasButton &#038;&#038; togglePlay()\">\n\n    <template x-if=\"iFrameVideo\">\n\t\t\t<iframe\n        x-ref=\"iframe\"\n        :src=\"iframeSrc\"\n        class=\"base-video__item -is-iframe custom-video__media\"\n        frameborder=\"0\"\n        allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"\n        allowfullscreen><\/iframe>\n\t\t<\/template>\n\n\t\t<template x-if=\"!isHLS &#038;&#038; !iFrameVideo\">\n\t\t\t<video\n        class=\"base-video__item -not-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        poster=\"\/static\/images\/video-cover.jpg\"\n        muted=''\n        autoplay=''\n        loop=''\n        \n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\t\t\t\t\t<source src=\"https:\/\/vimeo.com\/1070256014\/6e39b254a1?share=copyu0026fl=svu0026fe=ci\" type=\"\"\/>\n\t\t\t\tIl tuo browser non supporta il tag video.\n\t\t\t<\/video>\n\t\t<\/template>\n\n\t\t<template x-if=\"isHLS\">\n\t\t\t<video\n        class=\"base-video__item -is-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        muted=''\n        autoplay=''\n        loop=''\n        poster=\"\/static\/images\/video-cover.jpg\"\n        :controls=\"controls\"\n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\tYour browser does not support the video tag.\n\t\t\t<\/video>\n\t\t<\/template>\n\n    <template x-if=\"hasButton\">\n      <button\n        class=\"custom-video__control\"\n        x-ref=\"control\"\n        :class=\"{ 'is-visible': !playing || controlHover }\"\n        type=\"button\"\n        :aria-label=\"playing ? 'Metti\\u0020in\\u0020pausa\\u0020il\\u0020video' : 'Riproduci\\u0020il\\u0020video'\"\n        @click.stop=\"togglePlay()\">\n        <svg\n          class=\"custom-video__icon custom-video__icon--play\"\n          x-show=\"!playing\"\n          viewBox=\"0 0 9 12\"\n          fill=\"none\"\n          aria-hidden=\"true\">\n          <path d=\"M9 5.62891L4.23492e-07 11.2581L9.15609e-07 -0.000259316L9 5.62891Z\" fill=\"currentColor\" \/>\n        <\/svg>\n\n        <svg\n          class=\"custom-video__icon custom-video__icon--pause\"\n          x-show=\"playing\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\">\n          <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" \/>\n        <\/svg>\n      <\/button>\n    <\/template>\n\n\t\t<template x-if=\"!iFrameVideo &#038;&#038; audio &#038;&#038; !controls &#038;&#038; playing\">\n\t\t\t<button tabindex=\"0\" aria-label=\"Volume\" name=\"Volume\" type=\"button\" class=\"base-video__btn-audio\" @click=\"handleVolume(!muted)\">\n        <template x-if=\"!muted\">\n            \n        <\/template>\n        <template x-if=\"muted\">\n            \n        <\/template>\n\t\t\t<\/button>\n\t\t<\/template>\n\n\t<\/div>\n    \n  <\/section>\n\n\n\n    \n\n  <section class=\"responsive-media custom-video wp-block-acf-media-responsive\">\n    \n\n\n  \n\n\n\n\t<div\n    x-ref=\"el\"\n    class=\"base-video custom-video__frame\"\n    style=\"--custom-video-ratio: 1920 \/ 1080; --custom-video-mobile-ratio: 1920 \/ 1080\"    :class=\"[\n      aspectRatio ? `-aspect-ratio-${aspectRatio}` : '',\n      !ready &#038;&#038; !iFrameVideo ? '-video-not-ready' : '',\n      !iFrameVideo &#038;&#038; (isPaused || !playing) ? '-video-is-paused' : '',\n      iFrameVideo ? '-has-iframe' : '',\n      hasButton ? '-has-button' : '',\n      contained ? '-is-contained' : '',\n      visible ? '-is-visible' : '',\n      fullscreen ? '-is-fullscreen' : '',\n      playing ? '-is-playing' : '',\n    ]\"\n    x-data=\"video({\n      muted: true,\n      audio: false,\n      src: 'https:\/\/vimeo.com\/1070255998\/6725da11a4?share=copyu0026fl=svu0026fe=ci',\n      srcmobile: '',\n      autoplay: true,\n      loop: true,\n      lazy: false,\n      hasButton: false,\n      controls: false,\n      contained: false,\n      aspectRatio: ''\n    })\"\n    x-intersect:enter=\"onenter\"\n    x-intersect:leave=\"onleave\"\n    @mousemove=\"playing &#038;&#038; (controlHover = true)\"\n    @mouseleave=\"controlHover = false\"\n    @click=\"hasButton &#038;&#038; togglePlay()\">\n\n    <template x-if=\"iFrameVideo\">\n\t\t\t<iframe\n        x-ref=\"iframe\"\n        :src=\"iframeSrc\"\n        class=\"base-video__item -is-iframe custom-video__media\"\n        frameborder=\"0\"\n        allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"\n        allowfullscreen><\/iframe>\n\t\t<\/template>\n\n\t\t<template x-if=\"!isHLS &#038;&#038; !iFrameVideo\">\n\t\t\t<video\n        class=\"base-video__item -not-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        poster=\"\/static\/images\/video-cover.jpg\"\n        muted=''\n        autoplay=''\n        loop=''\n        \n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\t\t\t\t\t<source src=\"https:\/\/vimeo.com\/1070255998\/6725da11a4?share=copyu0026fl=svu0026fe=ci\" type=\"\"\/>\n\t\t\t\tIl tuo browser non supporta il tag video.\n\t\t\t<\/video>\n\t\t<\/template>\n\n\t\t<template x-if=\"isHLS\">\n\t\t\t<video\n        class=\"base-video__item -is-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        muted=''\n        autoplay=''\n        loop=''\n        poster=\"\/static\/images\/video-cover.jpg\"\n        :controls=\"controls\"\n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\tYour browser does not support the video tag.\n\t\t\t<\/video>\n\t\t<\/template>\n\n    <template x-if=\"hasButton\">\n      <button\n        class=\"custom-video__control\"\n        x-ref=\"control\"\n        :class=\"{ 'is-visible': !playing || controlHover }\"\n        type=\"button\"\n        :aria-label=\"playing ? 'Metti\\u0020in\\u0020pausa\\u0020il\\u0020video' : 'Riproduci\\u0020il\\u0020video'\"\n        @click.stop=\"togglePlay()\">\n        <svg\n          class=\"custom-video__icon custom-video__icon--play\"\n          x-show=\"!playing\"\n          viewBox=\"0 0 9 12\"\n          fill=\"none\"\n          aria-hidden=\"true\">\n          <path d=\"M9 5.62891L4.23492e-07 11.2581L9.15609e-07 -0.000259316L9 5.62891Z\" fill=\"currentColor\" \/>\n        <\/svg>\n\n        <svg\n          class=\"custom-video__icon custom-video__icon--pause\"\n          x-show=\"playing\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\">\n          <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" \/>\n        <\/svg>\n      <\/button>\n    <\/template>\n\n\t\t<template x-if=\"!iFrameVideo &#038;&#038; audio &#038;&#038; !controls &#038;&#038; playing\">\n\t\t\t<button tabindex=\"0\" aria-label=\"Volume\" name=\"Volume\" type=\"button\" class=\"base-video__btn-audio\" @click=\"handleVolume(!muted)\">\n        <template x-if=\"!muted\">\n            \n        <\/template>\n        <template x-if=\"muted\">\n            \n        <\/template>\n\t\t\t<\/button>\n\t\t<\/template>\n\n\t<\/div>\n    \n  <\/section>\n\n\n<section class=\"two-columns-text wp-block-acf-two-columns-text\">\n  \n      <div class=\"two-columns-text__content\">\n      <p>Fin dall\u2019ingresso, la splash page si trasforma in un hub di navigazione intelligente: accessi diretti ai brand e alle categorie top performing, per ridurre il tasso di abbandono e migliorare il tempo di permanenza. Il tutto, guidato da un approccio data-driven che combina insight analitici e feedback qualitativi.<\/p>\n\n    <\/div>\n  <\/section>\n\n\n\n    \n\n  <section class=\"responsive-media custom-video wp-block-acf-media-responsive\">\n    \n\n\n  \n\n\n\n\t<div\n    x-ref=\"el\"\n    class=\"base-video custom-video__frame\"\n    style=\"--custom-video-ratio: 1920 \/ 1080; --custom-video-mobile-ratio: 1920 \/ 1080\"    :class=\"[\n      aspectRatio ? `-aspect-ratio-${aspectRatio}` : '',\n      !ready &#038;&#038; !iFrameVideo ? '-video-not-ready' : '',\n      !iFrameVideo &#038;&#038; (isPaused || !playing) ? '-video-is-paused' : '',\n      iFrameVideo ? '-has-iframe' : '',\n      hasButton ? '-has-button' : '',\n      contained ? '-is-contained' : '',\n      visible ? '-is-visible' : '',\n      fullscreen ? '-is-fullscreen' : '',\n      playing ? '-is-playing' : '',\n    ]\"\n    x-data=\"video({\n      muted: true,\n      audio: false,\n      src: 'https:\/\/vimeo.com\/1070256112\/c44f736cd6?share=copyu0026fl=svu0026fe=ci',\n      srcmobile: '',\n      autoplay: true,\n      loop: true,\n      lazy: false,\n      hasButton: false,\n      controls: false,\n      contained: false,\n      aspectRatio: ''\n    })\"\n    x-intersect:enter=\"onenter\"\n    x-intersect:leave=\"onleave\"\n    @mousemove=\"playing &#038;&#038; (controlHover = true)\"\n    @mouseleave=\"controlHover = false\"\n    @click=\"hasButton &#038;&#038; togglePlay()\">\n\n    <template x-if=\"iFrameVideo\">\n\t\t\t<iframe\n        x-ref=\"iframe\"\n        :src=\"iframeSrc\"\n        class=\"base-video__item -is-iframe custom-video__media\"\n        frameborder=\"0\"\n        allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"\n        allowfullscreen><\/iframe>\n\t\t<\/template>\n\n\t\t<template x-if=\"!isHLS &#038;&#038; !iFrameVideo\">\n\t\t\t<video\n        class=\"base-video__item -not-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        poster=\"\/static\/images\/video-cover.jpg\"\n        muted=''\n        autoplay=''\n        loop=''\n        \n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\t\t\t\t\t<source src=\"https:\/\/vimeo.com\/1070256112\/c44f736cd6?share=copyu0026fl=svu0026fe=ci\" type=\"\"\/>\n\t\t\t\tIl tuo browser non supporta il tag video.\n\t\t\t<\/video>\n\t\t<\/template>\n\n\t\t<template x-if=\"isHLS\">\n\t\t\t<video\n        class=\"base-video__item -is-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        muted=''\n        autoplay=''\n        loop=''\n        poster=\"\/static\/images\/video-cover.jpg\"\n        :controls=\"controls\"\n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\tYour browser does not support the video tag.\n\t\t\t<\/video>\n\t\t<\/template>\n\n    <template x-if=\"hasButton\">\n      <button\n        class=\"custom-video__control\"\n        x-ref=\"control\"\n        :class=\"{ 'is-visible': !playing || controlHover }\"\n        type=\"button\"\n        :aria-label=\"playing ? 'Metti\\u0020in\\u0020pausa\\u0020il\\u0020video' : 'Riproduci\\u0020il\\u0020video'\"\n        @click.stop=\"togglePlay()\">\n        <svg\n          class=\"custom-video__icon custom-video__icon--play\"\n          x-show=\"!playing\"\n          viewBox=\"0 0 9 12\"\n          fill=\"none\"\n          aria-hidden=\"true\">\n          <path d=\"M9 5.62891L4.23492e-07 11.2581L9.15609e-07 -0.000259316L9 5.62891Z\" fill=\"currentColor\" \/>\n        <\/svg>\n\n        <svg\n          class=\"custom-video__icon custom-video__icon--pause\"\n          x-show=\"playing\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\">\n          <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" \/>\n        <\/svg>\n      <\/button>\n    <\/template>\n\n\t\t<template x-if=\"!iFrameVideo &#038;&#038; audio &#038;&#038; !controls &#038;&#038; playing\">\n\t\t\t<button tabindex=\"0\" aria-label=\"Volume\" name=\"Volume\" type=\"button\" class=\"base-video__btn-audio\" @click=\"handleVolume(!muted)\">\n        <template x-if=\"!muted\">\n            \n        <\/template>\n        <template x-if=\"muted\">\n            \n        <\/template>\n\t\t\t<\/button>\n\t\t<\/template>\n\n\t<\/div>\n    \n  <\/section>\n\n\n\n<section\n  class=\"media-carousel wp-block-acf-media-carousel\"\n  x-data=\"mediaCarousel\"\n  aria-label=\"Galleria multimediale\">\n  <div class=\"media-carousel__slider swiper\" x-ref=\"slider\">\n    <div class=\"media-carousel__wrapper swiper-wrapper\">\n                                              \n                                              \n                                    \n                  <div\n            class=\"media-carousel__slide swiper-slide\"\n            style=\"--media-carousel-ratio: 1920 \/ 1080\">\n                          \n  \n\n\n\n<span\n  x-ref=\"$el\"\n  class=\"base-image \"\n  :class=\"[\n    lazy ? '-is-lazy' : '',\n    loaded ? '-is-loaded' : '',\n  ]\"\n  data-lazy=\"true\"\n  x-intersect.once=\"onintersect\"\n  x-data=\"image\"\n  style=\"--w: 1920; --h: 1080; --base-image-ratio: 1920 \/ 1080; --base-image-mobile-ratio: 1920 \/ 1080;\">\n\n      <picture class=\"base-image__picture\" x-ref=\"$picture\">\n      \n              <source data-srcset=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1.avif 1920w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-300x169.avif 300w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1024x576.avif 1024w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-768x432.avif 768w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1536x864.avif 1536w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-480x270.avif 480w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1440x810.avif 1440w\" sizes=\"100vw\" type=\"image\/avif\">        <source data-srcset=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1.webp 1920w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-300x169.webp 300w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1024x576.webp 1024w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-768x432.webp 768w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1536x864.webp 1536w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-480x270.webp 480w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1440x810.webp 1440w\" sizes=\"100vw\" type=\"image\/webp\">        <source data-srcset=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1.jpg 1920w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-300x169.jpg 300w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1024x576.jpg 1024w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-768x432.jpg 768w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1536x864.jpg 1536w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-480x270.jpg 480w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1440x810.jpg 1440w\" sizes=\"100vw\" type=\"image\/jpeg\">        <img\n          x-ref=\"$image\"\n          class=\"media-carousel__media media-carousel__image\"\n          loading=\"lazy\"\n          data-src=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1.jpg\"\n          data-srcset=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1.jpg 1920w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-300x169.jpg 300w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1024x576.jpg 1024w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-768x432.jpg 768w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1536x864.jpg 1536w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-480x270.jpg 480w, https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1080_1-1440x810.jpg 1440w\"\n          sizes=\"auto, 100vw\"\n          alt=\"\"\n          width=\"1920\"\n          height=\"1080\"\n                    x-on:load.once=\"onload\">\n          <\/picture>\n  <\/span>\n              \n              \n  \n\n\n                      <\/div>\n                  <\/div>\n  <\/div>\n\n  <\/section>\n\n\n\n    \n\n  <section class=\"responsive-media custom-video wp-block-acf-media-responsive\">\n    \n\n\n  \n\n\n\n\t<div\n    x-ref=\"el\"\n    class=\"base-video custom-video__frame\"\n    style=\"--custom-video-ratio: 1920 \/ 1080; --custom-video-mobile-ratio: 1920 \/ 1080\"    :class=\"[\n      aspectRatio ? `-aspect-ratio-${aspectRatio}` : '',\n      !ready &#038;&#038; !iFrameVideo ? '-video-not-ready' : '',\n      !iFrameVideo &#038;&#038; (isPaused || !playing) ? '-video-is-paused' : '',\n      iFrameVideo ? '-has-iframe' : '',\n      hasButton ? '-has-button' : '',\n      contained ? '-is-contained' : '',\n      visible ? '-is-visible' : '',\n      fullscreen ? '-is-fullscreen' : '',\n      playing ? '-is-playing' : '',\n    ]\"\n    x-data=\"video({\n      muted: true,\n      audio: false,\n      src: 'https:\/\/vimeo.com\/1070256068\/71905a125d?share=copyu0026fl=svu0026fe=ci',\n      srcmobile: '',\n      autoplay: true,\n      loop: true,\n      lazy: false,\n      hasButton: false,\n      controls: false,\n      contained: false,\n      aspectRatio: ''\n    })\"\n    x-intersect:enter=\"onenter\"\n    x-intersect:leave=\"onleave\"\n    @mousemove=\"playing &#038;&#038; (controlHover = true)\"\n    @mouseleave=\"controlHover = false\"\n    @click=\"hasButton &#038;&#038; togglePlay()\">\n\n    <template x-if=\"iFrameVideo\">\n\t\t\t<iframe\n        x-ref=\"iframe\"\n        :src=\"iframeSrc\"\n        class=\"base-video__item -is-iframe custom-video__media\"\n        frameborder=\"0\"\n        allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"\n        allowfullscreen><\/iframe>\n\t\t<\/template>\n\n\t\t<template x-if=\"!isHLS &#038;&#038; !iFrameVideo\">\n\t\t\t<video\n        class=\"base-video__item -not-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        poster=\"\/static\/images\/video-cover.jpg\"\n        muted=''\n        autoplay=''\n        loop=''\n        \n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\t\t\t\t\t<source src=\"https:\/\/vimeo.com\/1070256068\/71905a125d?share=copyu0026fl=svu0026fe=ci\" type=\"\"\/>\n\t\t\t\tIl tuo browser non supporta il tag video.\n\t\t\t<\/video>\n\t\t<\/template>\n\n\t\t<template x-if=\"isHLS\">\n\t\t\t<video\n        class=\"base-video__item -is-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        muted=''\n        autoplay=''\n        loop=''\n        poster=\"\/static\/images\/video-cover.jpg\"\n        :controls=\"controls\"\n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\tYour browser does not support the video tag.\n\t\t\t<\/video>\n\t\t<\/template>\n\n    <template x-if=\"hasButton\">\n      <button\n        class=\"custom-video__control\"\n        x-ref=\"control\"\n        :class=\"{ 'is-visible': !playing || controlHover }\"\n        type=\"button\"\n        :aria-label=\"playing ? 'Metti\\u0020in\\u0020pausa\\u0020il\\u0020video' : 'Riproduci\\u0020il\\u0020video'\"\n        @click.stop=\"togglePlay()\">\n        <svg\n          class=\"custom-video__icon custom-video__icon--play\"\n          x-show=\"!playing\"\n          viewBox=\"0 0 9 12\"\n          fill=\"none\"\n          aria-hidden=\"true\">\n          <path d=\"M9 5.62891L4.23492e-07 11.2581L9.15609e-07 -0.000259316L9 5.62891Z\" fill=\"currentColor\" \/>\n        <\/svg>\n\n        <svg\n          class=\"custom-video__icon custom-video__icon--pause\"\n          x-show=\"playing\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\">\n          <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" \/>\n        <\/svg>\n      <\/button>\n    <\/template>\n\n\t\t<template x-if=\"!iFrameVideo &#038;&#038; audio &#038;&#038; !controls &#038;&#038; playing\">\n\t\t\t<button tabindex=\"0\" aria-label=\"Volume\" name=\"Volume\" type=\"button\" class=\"base-video__btn-audio\" @click=\"handleVolume(!muted)\">\n        <template x-if=\"!muted\">\n            \n        <\/template>\n        <template x-if=\"muted\">\n            \n        <\/template>\n\t\t\t<\/button>\n\t\t<\/template>\n\n\t<\/div>\n    \n  <\/section>\n\n\n<section class=\"two-columns-text wp-block-acf-two-columns-text\">\n  \n      <div class=\"two-columns-text__content\">\n      <p>L\u2019evoluzione del progetto ha preso forma attraverso sessioni di micro-workshop e analisi approfondite con utenti reali. A\/B test mirati hanno permesso di perfezionare la struttura dell\u2019architettura informativa, mentre il Five-Second Test ha validato l\u2019impatto visivo e l\u2019efficacia della UI\/UX design. Il risultato? Un\u2019esperienza d\u2019acquisto senza attriti, pensata per convertire.<\/p>\n\n    <\/div>\n  <\/section>\n\n\n\n    \n\n  <section class=\"responsive-media custom-video wp-block-acf-media-responsive\">\n    \n\n\n  \n\n\n\n\t<div\n    x-ref=\"el\"\n    class=\"base-video custom-video__frame\"\n    style=\"--custom-video-ratio: 1920 \/ 1080; --custom-video-mobile-ratio: 1920 \/ 1080\"    :class=\"[\n      aspectRatio ? `-aspect-ratio-${aspectRatio}` : '',\n      !ready &#038;&#038; !iFrameVideo ? '-video-not-ready' : '',\n      !iFrameVideo &#038;&#038; (isPaused || !playing) ? '-video-is-paused' : '',\n      iFrameVideo ? '-has-iframe' : '',\n      hasButton ? '-has-button' : '',\n      contained ? '-is-contained' : '',\n      visible ? '-is-visible' : '',\n      fullscreen ? '-is-fullscreen' : '',\n      playing ? '-is-playing' : '',\n    ]\"\n    x-data=\"video({\n      muted: true,\n      audio: false,\n      src: 'https:\/\/vimeo.com\/1070255949\/1a231f9c78?share=copyu0026fl=svu0026fe=ci',\n      srcmobile: '',\n      autoplay: true,\n      loop: true,\n      lazy: false,\n      hasButton: false,\n      controls: false,\n      contained: false,\n      aspectRatio: ''\n    })\"\n    x-intersect:enter=\"onenter\"\n    x-intersect:leave=\"onleave\"\n    @mousemove=\"playing &#038;&#038; (controlHover = true)\"\n    @mouseleave=\"controlHover = false\"\n    @click=\"hasButton &#038;&#038; togglePlay()\">\n\n    <template x-if=\"iFrameVideo\">\n\t\t\t<iframe\n        x-ref=\"iframe\"\n        :src=\"iframeSrc\"\n        class=\"base-video__item -is-iframe custom-video__media\"\n        frameborder=\"0\"\n        allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"\n        allowfullscreen><\/iframe>\n\t\t<\/template>\n\n\t\t<template x-if=\"!isHLS &#038;&#038; !iFrameVideo\">\n\t\t\t<video\n        class=\"base-video__item -not-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        poster=\"\/static\/images\/video-cover.jpg\"\n        muted=''\n        autoplay=''\n        loop=''\n        \n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\t\t\t\t\t<source src=\"https:\/\/vimeo.com\/1070255949\/1a231f9c78?share=copyu0026fl=svu0026fe=ci\" type=\"\"\/>\n\t\t\t\tIl tuo browser non supporta il tag video.\n\t\t\t<\/video>\n\t\t<\/template>\n\n\t\t<template x-if=\"isHLS\">\n\t\t\t<video\n        class=\"base-video__item -is-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        muted=''\n        autoplay=''\n        loop=''\n        poster=\"\/static\/images\/video-cover.jpg\"\n        :controls=\"controls\"\n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\tYour browser does not support the video tag.\n\t\t\t<\/video>\n\t\t<\/template>\n\n    <template x-if=\"hasButton\">\n      <button\n        class=\"custom-video__control\"\n        x-ref=\"control\"\n        :class=\"{ 'is-visible': !playing || controlHover }\"\n        type=\"button\"\n        :aria-label=\"playing ? 'Metti\\u0020in\\u0020pausa\\u0020il\\u0020video' : 'Riproduci\\u0020il\\u0020video'\"\n        @click.stop=\"togglePlay()\">\n        <svg\n          class=\"custom-video__icon custom-video__icon--play\"\n          x-show=\"!playing\"\n          viewBox=\"0 0 9 12\"\n          fill=\"none\"\n          aria-hidden=\"true\">\n          <path d=\"M9 5.62891L4.23492e-07 11.2581L9.15609e-07 -0.000259316L9 5.62891Z\" fill=\"currentColor\" \/>\n        <\/svg>\n\n        <svg\n          class=\"custom-video__icon custom-video__icon--pause\"\n          x-show=\"playing\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\">\n          <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" \/>\n        <\/svg>\n      <\/button>\n    <\/template>\n\n\t\t<template x-if=\"!iFrameVideo &#038;&#038; audio &#038;&#038; !controls &#038;&#038; playing\">\n\t\t\t<button tabindex=\"0\" aria-label=\"Volume\" name=\"Volume\" type=\"button\" class=\"base-video__btn-audio\" @click=\"handleVolume(!muted)\">\n        <template x-if=\"!muted\">\n            \n        <\/template>\n        <template x-if=\"muted\">\n            \n        <\/template>\n\t\t\t<\/button>\n\t\t<\/template>\n\n\t<\/div>\n    \n  <\/section>\n\n\n\n    \n\n  <section class=\"custom-video wp-block-acf-video\">\n    \n\n\n  \n\n\n\n\t<div\n    x-ref=\"el\"\n    class=\"base-video custom-video__frame\"\n    style=\"--custom-video-ratio: 1920 \/ 1080; --custom-video-mobile-ratio: 1920 \/ 1080\"    :class=\"[\n      aspectRatio ? `-aspect-ratio-${aspectRatio}` : '',\n      !ready &#038;&#038; !iFrameVideo ? '-video-not-ready' : '',\n      !iFrameVideo &#038;&#038; (isPaused || !playing) ? '-video-is-paused' : '',\n      iFrameVideo ? '-has-iframe' : '',\n      hasButton ? '-has-button' : '',\n      contained ? '-is-contained' : '',\n      visible ? '-is-visible' : '',\n      fullscreen ? '-is-fullscreen' : '',\n      playing ? '-is-playing' : '',\n    ]\"\n    x-data=\"video({\n      muted: false,\n      audio: false,\n      src: 'https:\/\/player.vimeo.com\/external\/1070255921.m3u8?s=1a1c964d24c7e7e53bb381cf24c099ad735e9b0bu0026logging=false',\n      srcmobile: '',\n      autoplay: false,\n      loop: false,\n      lazy: false,\n      hasButton: true,\n      controls: false,\n      contained: false,\n      aspectRatio: ''\n    })\"\n    x-intersect:enter=\"onenter\"\n    x-intersect:leave=\"onleave\"\n    @mousemove=\"playing &#038;&#038; (controlHover = true)\"\n    @mouseleave=\"controlHover = false\"\n    @click=\"hasButton &#038;&#038; togglePlay()\">\n\n    <template x-if=\"iFrameVideo\">\n\t\t\t<iframe\n        x-ref=\"iframe\"\n        :src=\"iframeSrc\"\n        class=\"base-video__item -is-iframe custom-video__media\"\n        frameborder=\"0\"\n        allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"\n        allowfullscreen><\/iframe>\n\t\t<\/template>\n\n\t\t<template x-if=\"!isHLS &#038;&#038; !iFrameVideo\">\n\t\t\t<video\n        class=\"base-video__item -not-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        poster=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-ux-cover-1920x1080_2.1.jpg\"\n        \n        \n        \n        \n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\t\t\t\t\t<source src=\"https:\/\/player.vimeo.com\/external\/1070255921.m3u8?s=1a1c964d24c7e7e53bb381cf24c099ad735e9b0bu0026logging=false\" type=\"\"\/>\n\t\t\t\tIl tuo browser non supporta il tag video.\n\t\t\t<\/video>\n\t\t<\/template>\n\n\t\t<template x-if=\"isHLS\">\n\t\t\t<video\n        class=\"base-video__item -is-hls custom-video__media\"\n        x-ref=\"player\"\n        playsinline\n        \n        \n        \n        poster=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-ux-cover-1920x1080_2.1.jpg\"\n        :controls=\"controls\"\n        width=\"100%\"\n        height=\"100%\"\n        x-on:play=\"handlePlay\"\n        x-on:pause=\"handlePause\">\n\t\t\t\tYour browser does not support the video tag.\n\t\t\t<\/video>\n\t\t<\/template>\n\n    <template x-if=\"hasButton\">\n      <button\n        class=\"custom-video__control\"\n        x-ref=\"control\"\n        :class=\"{ 'is-visible': !playing || controlHover }\"\n        type=\"button\"\n        :aria-label=\"playing ? 'Metti\\u0020in\\u0020pausa\\u0020il\\u0020video' : 'Riproduci\\u0020il\\u0020video'\"\n        @click.stop=\"togglePlay()\">\n        <svg\n          class=\"custom-video__icon custom-video__icon--play\"\n          x-show=\"!playing\"\n          viewBox=\"0 0 9 12\"\n          fill=\"none\"\n          aria-hidden=\"true\">\n          <path d=\"M9 5.62891L4.23492e-07 11.2581L9.15609e-07 -0.000259316L9 5.62891Z\" fill=\"currentColor\" \/>\n        <\/svg>\n\n        <svg\n          class=\"custom-video__icon custom-video__icon--pause\"\n          x-show=\"playing\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\">\n          <path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" \/>\n        <\/svg>\n      <\/button>\n    <\/template>\n\n\t\t<template x-if=\"!iFrameVideo &#038;&#038; audio &#038;&#038; !controls &#038;&#038; playing\">\n\t\t\t<button tabindex=\"0\" aria-label=\"Volume\" name=\"Volume\" type=\"button\" class=\"base-video__btn-audio\" @click=\"handleVolume(!muted)\">\n        <template x-if=\"!muted\">\n            \n        <\/template>\n        <template x-if=\"muted\">\n            \n        <\/template>\n\t\t\t<\/button>\n\t\t<\/template>\n\n\t<\/div>\n\n      <\/section>\n\n\n<section class=\"two-columns-text wp-block-acf-two-columns-text\">\n  \n      <div class=\"two-columns-text__content\">\n      <p>Il design prende ispirazione dalle interazioni tipiche dei social media: card prodotto dinamiche, gesture familiari, storytelling destrutturato. Un mix perfetto tra funzionalit\u00e0 e aspirazione, dove le best practice dell\u2019e-commerce incontrano un\u2019estetica contemporanea e coinvolgente.<\/p>\n\n    <\/div>\n  <\/section>\n","protected":false},"featured_media":326,"template":"","meta":{"_acf_changed":true},"subject":[120,123,144,143],"topic":[114],"class_list":["post-496","progetto","type-progetto","status-publish","has-post-thumbnail","hentry","subject-creativity","subject-web-experience","subject-e-commerce","subject-web-development","topic-fashion-apparel"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Scarpamondo - E-commerce Experience - WEGO<\/title>\n<meta name=\"description\" content=\"Progetto di UX\/UI Design ed esperienza digitale per Scarpamondo. Design dell&#039;interfaccia e architettura dell&#039;informazione orientati alla conversione.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scarpamondo - E-commerce Experience - WEGO\" \/>\n<meta property=\"og:description\" content=\"Progetto di UX\/UI Design ed esperienza digitale per Scarpamondo. Design dell&#039;interfaccia e architettura dell&#039;informazione orientati alla conversione.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/\" \/>\n<meta property=\"og:site_name\" content=\"WEGO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WEGOAgenzia?fref=ts\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T08:11:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1400-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scarpamondo - E-commerce Experience - WEGO","description":"Progetto di UX\/UI Design ed esperienza digitale per Scarpamondo. Design dell'interfaccia e architettura dell'informazione orientati alla conversione.","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:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/","og_locale":"it_IT","og_type":"article","og_title":"Scarpamondo - E-commerce Experience - WEGO","og_description":"Progetto di UX\/UI Design ed esperienza digitale per Scarpamondo. Design dell'interfaccia e architettura dell'informazione orientati alla conversione.","og_url":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/","og_site_name":"WEGO","article_publisher":"https:\/\/www.facebook.com\/WEGOAgenzia?fref=ts","article_modified_time":"2026-10-15T08:11:08+00:00","og_image":[{"width":1920,"height":1400,"url":"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1400-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/","url":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/","name":"Scarpamondo - E-commerce Experience - WEGO","isPartOf":{"@id":"https:\/\/www.we-go.it\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/#primaryimage"},"image":{"@id":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1400-1.jpg","datePublished":"2026-09-24T12:09:58+00:00","dateModified":"2026-10-15T08:11:08+00:00","description":"Progetto di UX\/UI Design ed esperienza digitale per Scarpamondo. Design dell'interfaccia e architettura dell'informazione orientati alla conversione.","breadcrumb":{"@id":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/#primaryimage","url":"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1400-1.jpg","contentUrl":"https:\/\/www.we-go.it\/app\/uploads\/2026\/09\/scarpamondo-uiux-cover-1920x1400-1.jpg","width":1920,"height":1400},{"@type":"BreadcrumbList","@id":"https:\/\/www.we-go.it\/it\/progetti\/scarpamondo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.we-go.it\/it\/"},{"@type":"ListItem","position":2,"name":"Progetti","item":"https:\/\/www.we-go.it\/it\/progetti\/"},{"@type":"ListItem","position":3,"name":"Scarpamondo"}]},{"@type":"WebSite","@id":"https:\/\/www.we-go.it\/it\/#website","url":"https:\/\/www.we-go.it\/it\/","name":"we-go","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.we-go.it\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/www.we-go.it\/it\/wp-json\/wp\/v2\/progetto\/496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.we-go.it\/it\/wp-json\/wp\/v2\/progetto"}],"about":[{"href":"https:\/\/www.we-go.it\/it\/wp-json\/wp\/v2\/types\/progetto"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.we-go.it\/it\/wp-json\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/www.we-go.it\/it\/wp-json\/wp\/v2\/media?parent=496"}],"wp:term":[{"taxonomy":"subject","embeddable":true,"href":"https:\/\/www.we-go.it\/it\/wp-json\/wp\/v2\/subject?post=496"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.we-go.it\/it\/wp-json\/wp\/v2\/topic?post=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}