Wireframing – La tecia vegana

/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} Wireframing /*! elementor-pro – v3.21.0 – 30-04-2024 */ .elementor-gallery__container{min-height:1px}.elementor-gallery-item{position:relative;overflow:hidden;display:block;text-decoration:none;border:solid var(–image-border-width) var(–image-border-color);border-radius:var(–image-border-radius)}.elementor-gallery-item__content,.elementor-gallery-item__overlay{height:100%;width:100%;position:absolute;top:0;left:0}.elementor-gallery-item__overlay{mix-blend-mode:var(–overlay-mix-blend-mode);transition-duration:var(–overlay-transition-duration);transition-property:mix-blend-mode,transform,opacity,background-color}.elementor-gallery-item__image.e-gallery-image{transition-duration:var(–image-transition-duration);transition-property:filter,transform}.elementor-gallery-item__content{display:flex;flex-direction:column;justify-content:var(–content-justify-content,center);align-items:center;text-align:var(–content-text-align);padding:var(–content-padding)}.elementor-gallery-item__content>div{transition-duration:var(–content-transition-duration)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(2){transition-delay:calc(var(–content-transition-delay) / 3)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(3){transition-delay:calc(var(–content-transition-delay) / 3 * 2)}.elementor-gallery-item__content.elementor-gallery–sequenced-animation>div:nth-child(4){transition-delay:calc(var(–content-transition-delay) / 3 * 3)}.elementor-gallery-item__description{color:var(–description-text-color,#fff);width:100%}.elementor-gallery-item__title{color:var(–title-text-color,#fff);font-weight:700;width:100%}.elementor-gallery__titles-container{display:flex;flex-wrap:wrap;justify-content:var(–titles-container-justify-content,center);margin-bottom:20px}.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item:after,.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item:before{background-color:var(–galleries-pointer-bg-color-hover)}.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item.elementor-item-active:after,.elementor-gallery__titles-container:not(.e–pointer-framed) .elementor-item.elementor-item-active:before{background-color:var(–galleries-pointer-bg-color-active)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item:before{border-color:var(–galleries-pointer-bg-color-hover);border-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item:after{border-color:var(–galleries-pointer-bg-color-hover)}.elementor-gallery__titles-container.e–pointer-framed .elementor-item.elementor-item-active:after,.elementor-gallery__titles-container.e–pointer-framed .elementor-item.elementor-item-active:before{border-color:var(–galleries-pointer-bg-color-active)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-draw .elementor-item:before{border-left-width:var(–galleries-pointer-border-width);border-bottom-width:var(–galleries-pointer-border-width);border-right-width:0;border-top-width:0}.elementor-gallery__titles-container.e–pointer-framed.e–animation-draw .elementor-item:after{border-left-width:0;border-bottom-width:0;border-right-width:var(–galleries-pointer-border-width);border-top-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-corners .elementor-item:before{border-left-width:var(–galleries-pointer-border-width);border-bottom-width:0;border-right-width:0;border-top-width:var(–galleries-pointer-border-width)}.elementor-gallery__titles-container.e–pointer-framed.e–animation-corners .elementor-item:after{border-left-width:0;border-bottom-width:var(–galleries-pointer-border-width);border-right-width:var(–galleries-pointer-border-width);border-top-width:0}.elementor-gallery__titles-container .e–pointer-double-line .elementor-item:after,.elementor-gallery__titles-container .e–pointer-double-line .elementor-item:before,.elementor-gallery__titles-container .e–pointer-overline .elementor-item:before,.elementor-gallery__titles-container .e–pointer-underline .elementor-item:after{height:var(–galleries-pointer-border-width)}.elementor-gallery-title{–space-between:10px;cursor:pointer;color:#6d7882;font-weight:500;position:relative;padding:7px […]

Osteria Francescana

Il seguente progetto ha come obiettivo la creazione di un Website, includendone Flowchart e Werefraiming, per un rinomato ristorante della provincia di Modena: L’Osteria Francescana di Massimo Bottura.La volontà è quella di proporreuna nuova struttura di Website arricchendo maggiormente i servizi, le esperienze e migliorando la praticità di prenotazione.Inoltre lo sguardo è a 360° in […]

Hotel Danieli

/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} Flowchart /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=”.svg”]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block} Wireframing Visualizza qui

Landing Page

/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} Sviluppo /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-divider{–divider-border-style:none;–divider-border-width:1px;–divider-color:#0c0d0e;–divider-icon-size:20px;–divider-element-spacing:10px;–divider-pattern-height:24px;–divider-pattern-size:20px;–divider-pattern-url:none;–divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(–divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(–divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider–view-line_icon .elementor-divider-separator,.elementor-widget-divider–view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider–view-line_icon .elementor-divider-separator:after,.elementor-widget-divider–view-line_icon .elementor-divider-separator:before,.elementor-widget-divider–view-line_text .elementor-divider-separator:after,.elementor-widget-divider–view-line_text .elementor-divider-separator:before{display:block;content:””;border-block-end:0;flex-grow:1;border-block-start:var(–divider-border-width) var(–divider-border-style) var(–divider-color)}.elementor-widget-divider–element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider–element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider–element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider–element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider–element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider–element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider–element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider–element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider–element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider–view-line_text):not(.elementor-widget-divider–view-line_icon) .elementor-divider-separator{border-block-start:var(–divider-border-width) var(–divider-border-style) […]

Flowchart & Wireframe

/*! elementor-pro – v3.21.0 – 30-04-2024 */ .elementor-slides .swiper-slide-bg{background-size:cover;background-position:50%;background-repeat:no-repeat;min-width:100%;min-height:100%}.elementor-slides .swiper-slide-inner{background-repeat:no-repeat;background-position:50%;position:absolute;top:0;left:0;bottom:0;right:0;padding:50px;margin:auto}.elementor-slides .swiper-slide-inner,.elementor-slides .swiper-slide-inner:hover{color:#fff;display:flex}.elementor-slides .swiper-slide-inner .elementor-background-overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0}.elementor-slides .swiper-slide-inner .elementor-slide-content{position:relative;z-index:1;width:100%}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:35px;font-weight:700;line-height:1}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:17px;line-height:1.4}.elementor-slides .swiper-slide-inner .elementor-slide-description:not(:last-child),.elementor-slides .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:30px}.elementor-slides .swiper-slide-inner .elementor-slide-button{border:2px solid #fff;color:#fff;background:transparent;display:inline-block}.elementor-slides .swiper-slide-inner .elementor-slide-button,.elementor-slides .swiper-slide-inner .elementor-slide-button:hover{background:transparent;color:inherit;text-decoration:none}.elementor–v-position-top .swiper-slide-inner{align-items:flex-start}.elementor–v-position-bottom .swiper-slide-inner{align-items:flex-end}.elementor–v-position-middle .swiper-slide-inner{align-items:center}.elementor–h-position-left .swiper-slide-inner{justify-content:flex-start}.elementor–h-position-right .swiper-slide-inner{justify-content:flex-end}.elementor–h-position-center .swiper-slide-inner{justify-content:center}body.rtl .elementor-widget-slides .elementor-swiper-button-next{left:10px;right:auto}body.rtl .elementor-widget-slides .elementor-swiper-button-prev{right:10px;left:auto}.elementor-slides-wrapper div:not(.swiper-slide)>.swiper-slide-inner{display:none}@media (max-width:767px){.elementor-slides .swiper-slide-inner{padding:30px}.elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:23px;line-height:1;margin-bottom:15px}.elementor-slides .swiper-slide-inner .elementor-slide-description{font-size:13px;line-height:1.4;margin-bottom:15px}} Previous slide Next slide

Landing Page

/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=”.svg”]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block} /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} Questa landing page è stata creata con l’obiettivo di far conoscere alla clientela l’ultimo prodotto, offrendo loro un’opportunità unica di vantaggio attraverso l’iscrizione alla newsletter di ricevere uno sconto […]

Lending Page-Magnum

/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=”.svg”]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block} /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} Brief Per progettare la Lending Page ho deciso di celebrare il 35 anniversario della Magum, che cade quest’anno. Lo scopo è quello di presentare la festa e far comprare […]

Il Cantiere del Gusto

Sito Cantiere del Gusto /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=”.svg”]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block} /*! elementor – v3.21.0 – 30-04-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} Brief La richesta era di pensare a un ipotetico un restyling di un sito a scelta. Ho optato per il Cantiere del Gusto, un ristorante a […]

Volvo

/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=”.svg”]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block} GUARDA QUI

Ristorante “all’Angolo”

/*! elementor – v3.21.0 – 30-04-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px} IL BRIEF Realizzare la flowchart e il wireframing per il sito web della pizzeria “all’Angolo” di Altavilla Vicentina.   CLIENTE: “all’Angolo” ristorante e pizzeriaTARGET: TuttiMERCATO: Nazionale ItaliaTIPO PRODOTTO: Flowchart e Wireframing   Creare wireframe e flowchart per il sito web della pizzeria […]