{"id":490,"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=490"},"modified":"2026-10-15T11:57:28","modified_gmt":"2026-10-15T09:57:28","slug":"scarpamondo","status":"publish","type":"progetto","link":"https:\/\/www.we-go.it\/en\/projects\/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>Together with the Scarpamondo team, we didn&#8217;t just update an e-commerce website: we redefined how users experience online shopping, powered by an intuitive, high-performing, and engaging new digital platform. We rewrote the rules of online engagement, designing an e-commerce experience built entirely around the user. The redesign starts with a new information architecture and an optimized UX, ensuring seamless fluidity and speed at every stage of the buyer journey.<\/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\tYour browser does not support the video tag.\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\tYour browser does not support the video tag.\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>From the moment users land, the splash page turns into a smart navigation hub, offering direct access to top brands and high-performing categories to reduce bounce rates and increase dwell time. Everything is driven by a data-first approach that pairs analytical insights with qualitative feedback.<\/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\tYour browser does not support the video tag.\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\tYour browser does not support the video tag.\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>The project evolved through targeted micro-workshops and deep-dive analysis with real users. Strategic A\/B testing allowed us to fine-tune the information architecture, while Five-Second Tests validated the visual impact and effectiveness of the UI\/UX design. The result? A frictionless shopping experience built to convert.<\/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\tYour browser does not support the video tag.\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\tYour browser does not support the video tag.\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>The design takes inspiration from social media interactions: dynamic product cards, familiar gestures, and decentralized storytelling. It is a seamless blend of functionality and aspiration, where e-commerce best practices meet a modern, engaging aesthetic.<\/p>\n\n    <\/div>\n  <\/section>\n","protected":false},"featured_media":326,"template":"","meta":{"_acf_changed":true},"subject":[284,235,234,231],"topic":[242],"class_list":["post-490","progetto","type-progetto","status-publish","has-post-thumbnail","hentry","subject-creativity","subject-e-commerce","subject-web-development","subject-web-experience","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=\"Tailored UX\/UI design and digital retail experience crafted by WEGO for Scarpamondo. Intuitive interface design engineered for customer engagement.\" \/>\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\/en\/projects\/scarpamondo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scarpamondo - E-Commerce Experience - WEGO\" \/>\n<meta property=\"og:description\" content=\"Tailored UX\/UI design and digital retail experience crafted by WEGO for Scarpamondo. Intuitive interface design engineered for customer engagement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.we-go.it\/en\/projects\/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-15T09:57:28+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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scarpamondo - E-Commerce Experience - WEGO","description":"Tailored UX\/UI design and digital retail experience crafted by WEGO for Scarpamondo. Intuitive interface design engineered for customer engagement.","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\/en\/projects\/scarpamondo\/","og_locale":"en_US","og_type":"article","og_title":"Scarpamondo - E-Commerce Experience - WEGO","og_description":"Tailored UX\/UI design and digital retail experience crafted by WEGO for Scarpamondo. Intuitive interface design engineered for customer engagement.","og_url":"https:\/\/www.we-go.it\/en\/projects\/scarpamondo\/","og_site_name":"WEGO","article_publisher":"https:\/\/www.facebook.com\/WEGOAgenzia?fref=ts","article_modified_time":"2026-10-15T09:57:28+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":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.we-go.it\/en\/projects\/scarpamondo\/","url":"https:\/\/www.we-go.it\/en\/projects\/scarpamondo\/","name":"Scarpamondo - E-Commerce Experience - WEGO","isPartOf":{"@id":"https:\/\/www.we-go.it\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.we-go.it\/en\/projects\/scarpamondo\/#primaryimage"},"image":{"@id":"https:\/\/www.we-go.it\/en\/projects\/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-15T09:57:28+00:00","description":"Tailored UX\/UI design and digital retail experience crafted by WEGO for Scarpamondo. Intuitive interface design engineered for customer engagement.","breadcrumb":{"@id":"https:\/\/www.we-go.it\/en\/projects\/scarpamondo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.we-go.it\/en\/projects\/scarpamondo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.we-go.it\/en\/projects\/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\/en\/projects\/scarpamondo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.we-go.it\/en\/"},{"@type":"ListItem","position":2,"name":"Progetti","item":"https:\/\/www.we-go.it\/en\/projects\/"},{"@type":"ListItem","position":3,"name":"Scarpamondo"}]},{"@type":"WebSite","@id":"https:\/\/www.we-go.it\/en\/#website","url":"https:\/\/www.we-go.it\/en\/","name":"we-go","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.we-go.it\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.we-go.it\/en\/wp-json\/wp\/v2\/progetto\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.we-go.it\/en\/wp-json\/wp\/v2\/progetto"}],"about":[{"href":"https:\/\/www.we-go.it\/en\/wp-json\/wp\/v2\/types\/progetto"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.we-go.it\/en\/wp-json\/wp\/v2\/media\/326"}],"wp:attachment":[{"href":"https:\/\/www.we-go.it\/en\/wp-json\/wp\/v2\/media?parent=490"}],"wp:term":[{"taxonomy":"subject","embeddable":true,"href":"https:\/\/www.we-go.it\/en\/wp-json\/wp\/v2\/subject?post=490"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.we-go.it\/en\/wp-json\/wp\/v2\/topic?post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}