{"id":1143,"date":"2026-05-21T14:10:31","date_gmt":"2026-05-21T12:10:31","guid":{"rendered":"https:\/\/simonelorenzettodesigner.netsons.org\/?p=1143"},"modified":"2026-06-04T08:14:52","modified_gmt":"2026-06-04T08:14:52","slug":"drink-list-per-mood-experience","status":"publish","type":"post","link":"https:\/\/lorenzettomediadesign.it\/?p=1143","title":{"rendered":"Drink list per Mood Experience"},"content":{"rendered":"\n

Ho progettato da zero il men\u00f9 dei drink per il cocktail bar Mood Experience di Conegliano<\/strong>. Sono partito dalla progettazione del menab\u00f2 e il posizionamento degli ingombri, creando cos\u00ec un layout standard per la presentazione dei drink. Il men\u00f9 \u00e8 composto in pagine accoppiate: a destra troviamo la scheda tecnica del drink, a sinistra una locandina realizzata appositamente per la base alcolica di quel prodotto. Ogni illustrazione e locandina \u00e8 stata realizzata personalmente secondo lo stile del prodotto alcolico.
Il progetto \u00e8 stato molto apprezzato perch\u00e9 a detta loro “ha incarnato perfettamente lo stile del locale”, motivo per cui mi \u00e8 stato chiesto di firmarlo personalmente (vedi prima pagina).<\/p>\n\n\n\n

Non sono presenti prima e quarta di copertina perch\u00e9 la richiesta prevedeva la foratura dei singoli fogli e l’utilizzo di quadreresti ad anelli in cuoio.<\/p>\n\n\n\n

Di seguito alcune pagine:<\/strong><\/p>\n\n\n\n\n\n\n\n\n\nSlider Responsive<\/title>\n\n<style>\n\n*{\n box-sizing:border-box;\n margin:0;\n padding:0;\n}\n\nbody{\n background:#000;\n font-family:Arial,sans-serif;\n}\n\n\/* CONTENITORE *\/\n\n.slider{\n position:relative;\n width:90%;\n max-width:1000px;\n margin:50px auto;\n overflow:hidden;\n border-radius:12px;\n background:#000;\n}\n\n\/* SLIDES *\/\n\n.slides{\n display:flex;\n transition:transform .5s ease-in-out;\n}\n\n.slide{\n min-width:100%;\n height:75vh;\n display:flex;\n align-items:center;\n justify-content:center;\n background:#000;\n}\n\n\/* IMMAGINI *\/\n\n.slide img{\n width:100%;\n height:100%;\n object-fit:contain; \/* NON STRETCHA *\/\n display:block;\n background:#000;\n}\n\n\/* FRECCE *\/\n\n.arrow{\n position:absolute;\n top:50%;\n transform:translateY(-50%);\n width:50px;\n height:50px;\n border:none;\n border-radius:50%;\n background:rgba(0,0,0,.4);\n color:#fff;\n font-size:28px;\n cursor:pointer;\n z-index:10;\n transition:.3s;\n backdrop-filter:blur(5px);\n}\n\n.arrow:hover{\n background:rgba(0,0,0,.7);\n}\n\n.prev{\n left:15px;\n}\n\n.next{\n right:15px;\n}\n\n\/* TABLET *\/\n\n@media(max-width:768px){\n\n .slide{\n height:60vh;\n }\n\n .arrow{\n width:42px;\n height:42px;\n font-size:22px;\n }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:480px){\n\n .slider{\n width:100%;\n border-radius:0;\n margin:0;\n }\n\n .slide{\n height:50vh;\n }\n\n .arrow{\n width:36px;\n height:36px;\n font-size:18px;\n }\n\n .prev{\n left:10px;\n }\n\n .next{\n right:10px;\n }\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"slider\">\n\n <div class=\"slides\">\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino2.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino3.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino4.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino5.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino8.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino9.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino10.jpg\" alt=\"\">\n <\/div>\n\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/listino11.jpg\" alt=\"\">\n <\/div>\n\n <\/div>\n\n <button class=\"arrow prev\">❮<\/button>\n <button class=\"arrow next\">❯<\/button>\n\n<\/div>\n\n<script>\n\nconst slidesContainer = document.querySelector('.slides');\nconst slides = document.querySelectorAll('.slide');\n\nconst prev = document.querySelector('.prev');\nconst next = document.querySelector('.next');\n\nlet index = 0;\n\nfunction showSlide(i){\n\n if(i < 0){\n index = slides.length - 1;\n }\n\n else if(i >= slides.length){\n index = 0;\n }\n\n else{\n index = i;\n }\n\n slidesContainer.style.transform =\n `translateX(-${index * 100}%)`;\n}\n\nprev.addEventListener('click', () => {\n showSlide(index - 1);\n});\n\nnext.addEventListener('click', () => {\n showSlide(index + 1);\n});\n\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ho progettato da zero il men\u00f9 dei drink per il cocktail bar Mood Experience di Conegliano. Sono partito dalla progettazione del menab\u00f2 e il posizionamento degli ingombri, creando cos\u00ec un layout standard per la presentazione dei drink. Il men\u00f9 \u00e8 composto in pagine accoppiate: a destra troviamo la scheda tecnica del drink, a sinistra una … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/lorenzettomediadesign.it\/?p=1143\" class=\"more-link\">Leggi tutto<span class=\"screen-reader-text\"> “Drink list per Mood Experience”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1295,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[3],"tags":[17,28,33],"class_list":["post-1143","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-design","tag-drink","tag-listino","tag-mood","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/1143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1143"}],"version-history":[{"count":2,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/1143\/revisions"}],"predecessor-version":[{"id":1297,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/1143\/revisions\/1297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/1295"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}