{"id":585,"date":"2023-01-01T18:00:32","date_gmt":"2023-01-01T18:00:32","guid":{"rendered":"https:\/\/www.maurodimarino.it\/newsite\/portfolio\/trulli-sul-mare\/"},"modified":"2026-02-05T09:55:57","modified_gmt":"2026-02-05T09:55:57","slug":"trulli-sul-mare","status":"publish","type":"portfolio","link":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/","title":{"rendered":"Trulli sul mare"},"content":{"rendered":"\n<p>Immersive tourism website development with WordPress and ACF stack. Booking engine integration, advanced multimedia galleries with Nanogallery, and technical SEO strategy by Italy SWAG to highlight a historic B&amp;B in Puglia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Client: Magic in Puglia<\/h2>\n\n\n\n<p>&#8220;I Trulli sul Mare&#8221; is a unique property in Trani, where ancient renovated trulli meet the Adriatic. Immersed in nature, the B&amp;B offers an authentic relaxation experience. The site needed to convey this poetic atmosphere, highlighting the architectural restoration and the privileged location on the natural ridge.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Custom Tech Stack<\/h2>\n\n\n\n<p>I developed a bespoke WordPress theme using Gutenberg and ACF (Advanced Custom Fields). This &#8220;code-first&#8221; approach allowed for a flexible yet rigorous layout, where every block is optimized to tell the location&#8217;s beauty without bloating the code, ensuring excellent performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Immersive Galleries<\/h2>\n\n\n\n<p>To showcase the trulli details and landscape, I integrated <strong>Nanogallery.js<\/strong>. This library displays high-resolution photos in responsive grids and elegant lightboxes, offering users an emotional visual preview of the stay and architectural details even before booking.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Interactive Carousels<\/h2>\n\n\n\n<p>Using <strong>Slick.js<\/strong>, I created fluid carousels for sections dedicated to amenities and common spaces. Users can smoothly scroll through images of Apulian cuisine dishes and the shaded patio, enjoying touch-friendly navigation optimized for mobile devices and tablets.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Booking Integration<\/h2>\n\n\n\n<p>The goal is conversion. I integrated a custom availability search module that interfaces with the reservation management system. The form is strategically positioned to be accessible throughout navigation, facilitating direct stay booking in just a few clicks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SEO by Italy SWAG<\/h2>\n\n\n\n<p>Visibility is handled by my agency, <strong>Italy SWAG<\/strong>. We implemented a deep Technical SEO strategy, optimizing Core Web Vitals and data structure. Organic ranking was designed to intercept specific searches related to experiential and luxury tourism in Puglia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Detailed Custom Fields<\/h2>\n\n\n\n<p>Each trullo has unique features. I used ACF to map specific details like &#8220;Outdoor Kitchen,&#8221; &#8220;Patio,&#8221; or &#8220;Beach Access.&#8221; This allows the client to update accommodation listings independently, maintaining a consistent and clean data structure on the frontend for clear consultation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Restoration Storytelling<\/h2>\n\n\n\n<p>The site doesn&#8217;t just sell rooms; it sells a story. I structured the content to highlight the conservative restoration of the trulli. Through dedicated Gutenberg blocks, we narrate the blend of ancient stone and modern comfort, transforming technical descriptions into an emotional tale that captivates the visitor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">UX &amp; Atmosphere<\/h2>\n\n\n\n<p>The web design reflects the serenity of the place. Soft colors, elegant typography, and white spaces evoke local stone and the sea. The User Experience is designed to evoke relaxation, guiding the user on a digital journey that anticipates the physical experience of the stay amidst pebbles and sea breeze.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Results &amp; Achievements<\/h2>\n\n\n\n<p>The site is a high-performance showcase. The combination of emotional design, technical speed, and strategic SEO increased the B&amp;B&#8217;s visibility. I Trulli sul Mare now attracts visitors seeking authenticity, converting interest into bookings thanks to a solid and persuasive user interface.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Immersive tourism website development with WordPress and ACF stack. Booking engine integration, advanced multimedia galleries with Nanogallery, and technical SEO strategy by Italy SWAG to highlight a historic B&amp;B in Puglia. The Client: Magic in Puglia &#8220;I Trulli sul Mare&#8221; is a unique property in Trani, where ancient renovated trulli meet the Adriatic. Immersed in nature, the B&amp;B offers an authentic relaxation experience. The site needed to convey this poetic atmosphere, highlighting the architectural restoration and the privileged location on the natural ridge. Custom Tech Stack I developed a bespoke WordPress theme using Gutenberg and ACF (Advanced Custom Fields). This &#8220;code-first&#8221; approach allowed for a flexible yet rigorous layout, where every block is optimized to tell the location&#8217;s beauty without bloating the code, ensuring excellent performance. Immersive Galleries To showcase the trulli details and landscape, I integrated Nanogallery.js. This library displays high-resolution photos in responsive grids and elegant lightboxes, offering users an emotional visual preview of the stay and architectural details even before booking. Interactive Carousels Using Slick.js, I created fluid carousels for sections dedicated to amenities and common spaces. Users can smoothly scroll through images of Apulian cuisine dishes and the shaded patio, enjoying touch-friendly navigation optimized for mobile devices and tablets. Booking Integration The goal is conversion. I integrated a custom availability search module that interfaces with the reservation management system. The form is strategically positioned to be accessible throughout navigation, facilitating direct stay booking in just a few clicks. SEO by Italy SWAG Visibility is handled by my agency, Italy SWAG. We implemented a deep Technical SEO strategy, optimizing Core Web Vitals and data structure. Organic ranking was designed to intercept specific searches related to experiential and luxury tourism in Puglia. Detailed Custom Fields Each trullo has unique features. I used ACF to map specific details like &#8220;Outdoor Kitchen,&#8221; &#8220;Patio,&#8221; or &#8220;Beach Access.&#8221; This allows the client to update accommodation listings independently, maintaining a consistent and clean data structure on the frontend for clear consultation. Restoration Storytelling The site doesn&#8217;t just sell rooms; it sells a story. I structured the content to highlight the conservative restoration of the trulli. Through dedicated Gutenberg blocks, we narrate the blend of ancient stone and modern comfort, transforming technical descriptions into an emotional tale that captivates the visitor. UX &amp; Atmosphere The web design reflects the serenity of the place. Soft colors, elegant typography, and white spaces evoke local stone and the sea. The User Experience is designed to evoke relaxation, guiding the user on a digital journey that anticipates the physical experience of the stay amidst pebbles and sea breeze. Results &amp; Achievements The site is a high-performance showcase. The combination of emotional design, technical speed, and strategic SEO increased the B&amp;B&#8217;s visibility. I Trulli sul Mare now attracts visitors seeking authenticity, converting interest into bookings thanks to a solid and persuasive user interface. [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/\">Read More&#8230;<span class=\"screen-reader-text\"> from Trulli sul mare<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":586,"menu_order":0,"template":"","tipologia_portfolio":[],"class_list":["post-585","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Trulli sul mare - Project by Mauro Di Marino | WP &amp; Design<\/title>\n<meta name=\"description\" content=\"Case Study: Trulli sul mare. Explore this Custom WP &amp; Design project. Technologies, challenges, and custom solutions delivered.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Trulli sul mare - Project by Mauro Di Marino | WP &amp; Design\" \/>\n<meta property=\"og:description\" content=\"Case Study: Trulli sul mare. Explore this Custom WP &amp; Design project. Technologies, challenges, and custom solutions delivered.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/\" \/>\n<meta property=\"og:site_name\" content=\"Mauro Di Marino\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-05T09:55:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.maurodimarino.it\/newsite\/wp-content\/uploads\/2026\/01\/trulli-sul-mare-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/\",\"url\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/\",\"name\":\"Trulli sul mare - Project by Mauro Di Marino | WP & Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/trulli-sul-mare-1.webp\",\"datePublished\":\"2023-01-01T18:00:32+00:00\",\"dateModified\":\"2026-02-05T09:55:57+00:00\",\"description\":\"Case Study: Trulli sul mare. Explore this Custom WP & Design project. Technologies, challenges, and custom solutions delivered.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/trulli-sul-mare-1.webp\",\"contentUrl\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/trulli-sul-mare-1.webp\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/trulli-sul-mare\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\",\"item\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/portfolio\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Trulli sul mare\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/\",\"name\":\"Mauro Di Marino\",\"description\":\"Designer &amp; Wordpress Developer Freelance\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/#organization\",\"name\":\"Mauro Di Marino\",\"url\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo-def-black.png\",\"contentUrl\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo-def-black.png\",\"width\":752,\"height\":173,\"caption\":\"Mauro Di Marino\"},\"image\":{\"@id\":\"https:\\\/\\\/www.maurodimarino.it\\\/newsite\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Trulli sul mare - Project by Mauro Di Marino | WP & Design","description":"Case Study: Trulli sul mare. Explore this Custom WP & Design project. Technologies, challenges, and custom solutions delivered.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Trulli sul mare - Project by Mauro Di Marino | WP & Design","og_description":"Case Study: Trulli sul mare. Explore this Custom WP & Design project. Technologies, challenges, and custom solutions delivered.","og_url":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/","og_site_name":"Mauro Di Marino","article_modified_time":"2026-02-05T09:55:57+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.maurodimarino.it\/newsite\/wp-content\/uploads\/2026\/01\/trulli-sul-mare-1.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/","url":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/","name":"Trulli sul mare - Project by Mauro Di Marino | WP & Design","isPartOf":{"@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/#primaryimage"},"image":{"@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/#primaryimage"},"thumbnailUrl":"https:\/\/www.maurodimarino.it\/newsite\/wp-content\/uploads\/2026\/01\/trulli-sul-mare-1.webp","datePublished":"2023-01-01T18:00:32+00:00","dateModified":"2026-02-05T09:55:57+00:00","description":"Case Study: Trulli sul mare. Explore this Custom WP & Design project. Technologies, challenges, and custom solutions delivered.","breadcrumb":{"@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/#primaryimage","url":"https:\/\/www.maurodimarino.it\/newsite\/wp-content\/uploads\/2026\/01\/trulli-sul-mare-1.webp","contentUrl":"https:\/\/www.maurodimarino.it\/newsite\/wp-content\/uploads\/2026\/01\/trulli-sul-mare-1.webp","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/trulli-sul-mare\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.maurodimarino.it\/newsite\/en\/"},{"@type":"ListItem","position":2,"name":"Portfolio","item":"https:\/\/www.maurodimarino.it\/newsite\/en\/portfolio\/"},{"@type":"ListItem","position":3,"name":"Trulli sul mare"}]},{"@type":"WebSite","@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/#website","url":"https:\/\/www.maurodimarino.it\/newsite\/en\/","name":"Mauro Di Marino","description":"Designer &amp; Wordpress Developer Freelance","publisher":{"@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.maurodimarino.it\/newsite\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/#organization","name":"Mauro Di Marino","url":"https:\/\/www.maurodimarino.it\/newsite\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.maurodimarino.it\/newsite\/wp-content\/uploads\/2026\/01\/logo-def-black.png","contentUrl":"https:\/\/www.maurodimarino.it\/newsite\/wp-content\/uploads\/2026\/01\/logo-def-black.png","width":752,"height":173,"caption":"Mauro Di Marino"},"image":{"@id":"https:\/\/www.maurodimarino.it\/newsite\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/portfolio\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/portfolio\/585\/revisions"}],"predecessor-version":[{"id":592,"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/portfolio\/585\/revisions\/592"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/media\/586"}],"wp:attachment":[{"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/media?parent=585"}],"wp:term":[{"taxonomy":"tipologia_portfolio","embeddable":true,"href":"https:\/\/www.maurodimarino.it\/newsite\/en\/wp-json\/wp\/v2\/tipologia_portfolio?post=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}