<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Project Archive - Mauro Di Marino | WordPress Developer, Web Design &amp; Corporate Identity</title>
	<atom:link href="https://www.maurodimarino.it/en/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.maurodimarino.it/en/portfolio/</link>
	<description>Designer &#38; Wordpress Developer Freelance</description>
	<lastBuildDate>Thu, 05 Feb 2026 11:33:21 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>

<image>
	<url>https://www.maurodimarino.it/wp-content/uploads/2026/01/cropped-favico-32x32.png</url>
	<title>Project Archive - Mauro Di Marino | WordPress Developer, Web Design &amp; Corporate Identity</title>
	<link>https://www.maurodimarino.it/en/portfolio/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Veloservice</title>
		<link>https://www.maurodimarino.it/en/portfolio/veloservice/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Wed, 01 Jan 2025 15:11:29 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/veloservice/</guid>

					<description><![CDATA[<p>Sviluppo web custom per tour operator leader nel turismo sostenibile. Piattaforma scalabile realizzata su base Understrap con integrazione di slick.js per caroselli dinamici. Gestione avanzata di Custom Post Type per incanalare il traffico verso e-commerce verticali di tour e noleggio. Il Cliente: Veloservice Veloservice è il punto di riferimento per il turismo esperienziale e sostenibile in Puglia. Nata nel 2009 come start-up di appassionati ciclisti, si è evoluta in una struttura solida di accoglienza turistica. Con un&#8217;anima che parla &#8220;madrelingua dialetto&#8221; ma si rivolge al mondo, offrono esperienze &#8220;seriamente divertenti&#8221;, combinando la professionalità con il calore delle storie semplici. L&#8217;Evoluzione Digitale La nostra collaborazione è iniziata nel 2018 con un restyling basato su un tema commerciale per svecchiare la loro immagine. Recentemente, l&#8217;azienda ha deciso di fare il salto di qualità definitivo: abbandonare i limiti dei temi pre-confezionati per una piattaforma custom, leggera e scalabile, capace di sostenere la crescita del brand. Tech Stack: La Potenza di Understrap Per questo salto evolutivo ho scelto Understrap, un framework che unisce la versatilità di WordPress alla solidità di Bootstrap. Sviluppare un tema su misura ha garantito un codice pulito, tempi di caricamento ridotti e una struttura flessibile, perfettamente adattabile alle esigenze specifiche di un tour operator in espansione. Architettura CPT: Tour e Noleggio Il cuore del sito è la gestione dei servizi. Ho creato Custom Post Types (CPT) specifici per &#8220;Tour&#8221; e &#8220;Noleggio&#8221;. Questi non sono semplici pagine vetrina, ma fungono da ponte strategico: ogni scheda prodotto è progettata per reindirizzare l&#8217;utente in modo fluido verso i due siti e-commerce verticali dell&#8217;azienda (Velo Tour e Velo Rent) per la transazione finale. Interfaccia Dinamica con Slick.js Il turismo vive di immagini. Per valorizzare la bellezza dei paesaggi pugliesi e delle esperienze offerte, ho integrato slick.js. Questa libreria ha permesso di sviluppare caroselli (slider) fluidi, reattivi e touch-friendly, che raccontano visivamente l&#8217;avventura prima ancora che l&#8217;utente legga i dettagli. Storytelling: Blog e Progetti Coerentemente con la filosofia aziendale (&#8220;crediamo nella potenza delle storie semplici&#8221;), ho sviluppato sezioni dedicate allo storytelling. Il &#8220;Blog&#8221; e l&#8217;area &#8220;Progetti&#8221; (un portfolio delle iniziative speciali) sono gestiti tramite CPT, permettendo al team di pubblicare contenuti che mostrano l&#8217;impatto culturale e sociale delle loro attività. Integrazioni: Trust e Social La riprova sociale è fondamentale nel turismo. Ho integrato le API di TripAdvisor per mostrare le recensioni in tempo reale, costruendo fiducia immediata. Inoltre, un widget personalizzato di Instagram porta il feed social direttamente sul sito, mantenendo la home page sempre fresca e aggiornata con i contenuti generati dagli utenti e dal brand. Press Area Per consolidare l&#8217;autorevolezza del brand, è stata sviluppata una &#8220;Press Area&#8221; dedicata. Questa sezione raccoglie le rassegne stampa e le menzioni media, organizzate in modo ordinato. È uno strumento vitale per le PR, che dimostra la crescita di Veloservice da startup locale a player turistico riconosciuto. UX Design &#8220;Glocal&#8221; L&#8217;esperienza utente (UX) è stata progettata per riflettere l&#8217;anima &#8220;glocal&#8221; (globale + locale) dell&#8217;azienda. Il design è pulito e internazionale per accogliere i turisti stranieri, ma arricchito da dettagli che richiamano l&#8217;autenticità pugliese. La navigazione è intuitiva, guidando l&#8217;utente dalla scoperta del territorio alla prenotazione del servizio. Risultati Ottenuti Il nuovo sito web ha trasformato la presenza digitale di Veloservice. La piattaforma custom ha migliorato drasticamente le performance e il posizionamento SEO. La struttura a CPT ha razionalizzato l&#8217;offerta, incanalando efficacemente il traffico verso le piattaforme di vendita e aumentando le conversioni per tour e noleggi. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/veloservice/">Read More...<span class="screen-reader-text"> from Veloservice</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/veloservice/">Veloservice</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Sviluppo web custom per tour operator leader nel turismo sostenibile. Piattaforma scalabile realizzata su base Understrap con integrazione di slick.js per caroselli dinamici. Gestione avanzata di Custom Post Type per incanalare il traffico verso e-commerce verticali di tour e noleggio.</p>



<h2 class="wp-block-heading">Il Cliente: Veloservice</h2>



<p class="wp-block-paragraph">Veloservice è il punto di riferimento per il turismo esperienziale e sostenibile in Puglia. Nata nel 2009 come start-up di appassionati ciclisti, si è evoluta in una struttura solida di accoglienza turistica. Con un&#8217;anima che parla &#8220;madrelingua dialetto&#8221; ma si rivolge al mondo, offrono esperienze &#8220;seriamente divertenti&#8221;, combinando la professionalità con il calore delle storie semplici.</p>



<h2 class="wp-block-heading">L&#8217;Evoluzione Digitale</h2>



<p class="wp-block-paragraph">La nostra collaborazione è iniziata nel 2018 con un restyling basato su un tema commerciale per svecchiare la loro immagine. Recentemente, l&#8217;azienda ha deciso di fare il salto di qualità definitivo: abbandonare i limiti dei temi pre-confezionati per una piattaforma custom, leggera e scalabile, capace di sostenere la crescita del brand.</p>



<h2 class="wp-block-heading">Tech Stack: La Potenza di Understrap</h2>



<p class="wp-block-paragraph">Per questo salto evolutivo ho scelto <strong>Understrap</strong>, un framework che unisce la versatilità di WordPress alla solidità di Bootstrap. Sviluppare un tema su misura ha garantito un codice pulito, tempi di caricamento ridotti e una struttura flessibile, perfettamente adattabile alle esigenze specifiche di un tour operator in espansione.</p>



<h2 class="wp-block-heading">Architettura CPT: Tour e Noleggio</h2>



<p class="wp-block-paragraph">Il cuore del sito è la gestione dei servizi. Ho creato Custom Post Types (CPT) specifici per &#8220;Tour&#8221; e &#8220;Noleggio&#8221;. Questi non sono semplici pagine vetrina, ma fungono da ponte strategico: ogni scheda prodotto è progettata per reindirizzare l&#8217;utente in modo fluido verso i due siti e-commerce verticali dell&#8217;azienda (Velo Tour e Velo Rent) per la transazione finale.</p>



<h2 class="wp-block-heading">Interfaccia Dinamica con Slick.js</h2>



<p class="wp-block-paragraph">Il turismo vive di immagini. Per valorizzare la bellezza dei paesaggi pugliesi e delle esperienze offerte, ho integrato <strong>slick.js</strong>. Questa libreria ha permesso di sviluppare caroselli (slider) fluidi, reattivi e touch-friendly, che raccontano visivamente l&#8217;avventura prima ancora che l&#8217;utente legga i dettagli.</p>



<h2 class="wp-block-heading">Storytelling: Blog e Progetti</h2>



<p class="wp-block-paragraph">Coerentemente con la filosofia aziendale (&#8220;crediamo nella potenza delle storie semplici&#8221;), ho sviluppato sezioni dedicate allo storytelling. Il &#8220;Blog&#8221; e l&#8217;area &#8220;Progetti&#8221; (un portfolio delle iniziative speciali) sono gestiti tramite CPT, permettendo al team di pubblicare contenuti che mostrano l&#8217;impatto culturale e sociale delle loro attività.</p>



<h2 class="wp-block-heading">Integrazioni: Trust e Social</h2>



<p class="wp-block-paragraph">La riprova sociale è fondamentale nel turismo. Ho integrato le API di <strong>TripAdvisor</strong> per mostrare le recensioni in tempo reale, costruendo fiducia immediata. Inoltre, un widget personalizzato di <strong>Instagram</strong> porta il feed social direttamente sul sito, mantenendo la home page sempre fresca e aggiornata con i contenuti generati dagli utenti e dal brand.</p>



<h2 class="wp-block-heading">Press Area</h2>



<p class="wp-block-paragraph">Per consolidare l&#8217;autorevolezza del brand, è stata sviluppata una &#8220;Press Area&#8221; dedicata. Questa sezione raccoglie le rassegne stampa e le menzioni media, organizzate in modo ordinato. È uno strumento vitale per le PR, che dimostra la crescita di Veloservice da startup locale a player turistico riconosciuto.</p>



<h2 class="wp-block-heading">UX Design &#8220;Glocal&#8221;</h2>



<p class="wp-block-paragraph">L&#8217;esperienza utente (UX) è stata progettata per riflettere l&#8217;anima &#8220;glocal&#8221; (globale + locale) dell&#8217;azienda. Il design è pulito e internazionale per accogliere i turisti stranieri, ma arricchito da dettagli che richiamano l&#8217;autenticità pugliese. La navigazione è intuitiva, guidando l&#8217;utente dalla scoperta del territorio alla prenotazione del servizio.</p>



<h2 class="wp-block-heading">Risultati Ottenuti</h2>



<p class="wp-block-paragraph">Il nuovo sito web ha trasformato la presenza digitale di Veloservice. La piattaforma custom ha migliorato drasticamente le performance e il posizionamento SEO. La struttura a CPT ha razionalizzato l&#8217;offerta, incanalando efficacemente il traffico verso le piattaforme di vendita e aumentando le conversioni per tour e noleggi.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/veloservice/">Veloservice</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Fervere</title>
		<link>https://www.maurodimarino.it/en/portfolio/fervere/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Wed, 01 Jan 2025 18:53:11 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/fervere/</guid>

					<description><![CDATA[<p>Complete UX/UI restyling and e-commerce re-engineering on a custom stack. Development of advanced logic for product variants, brand bundle discount management, and strategic integration between blog and catalog to boost conversions. The Client: Fervere Kombucha Fervere is a dynamic brand in the fermented beverage market, specializing in artisanal Kombucha. The project stemmed from the need to evolve their digital presence to reflect a new market positioning, combining fresh, engaging design with a solid and scalable sales platform. The Challenge: Beyond Restyling Not just a graphic update, but a complete rewrite. The task was to surpass the previous site version (which I also developed) to implement sophisticated UX/UI design. The technical challenge was bending standard WooCommerce logic to fit a fully personalized purchasing experience. The Stack: Custom Performance I chose a &#8220;code-first&#8221; approach using Understrap with Bootstrap 5 as the foundation. This ensured lightweight, semantically correct code. Deep integration of ACF (Advanced Custom Fields) transformed the backend, allowing for tailored content management without bloating the frontend. Rebuilt Variable Products Standard WooCommerce variant management was too limiting for the desired UX. I completely rebuilt the variant selection interface (flavors and sizes) via custom code. Users now interact with an intuitive visual selector that updates prices and availability without the typical page reloads of standard themes. Cart Discount Logic To encourage bulk purchases, I programmed complex conditional discount logic. The system analyzes the cart in real-time and automatically applies a price reduction when it detects a minimum of 3 products from the same Brand, stimulating upselling transparently for the user. CPT Brands &#38; Dedicated Templates I extended the data architecture by creating a &#8220;Brand&#8221; Custom Post Type. Each Kombucha producer now has a dedicated page with a specific template, distinct from standard categories. This enhances the storytelling of individual brands and aggregates related products in a layout consistent with the producer&#8217;s visual identity. Carousels &#38; Visual Navigation To improve catalog exploration, I implemented custom product carousels within categories. This UI solution allows displaying a high density of references without forcing the user to scroll through long pages, improving dwell time and mobile interaction. Blog Integration &#38; Shortcodes Content marketing is central to Fervere. I developed custom shortcodes that allow &#8220;injecting&#8221; specific products or carousels directly into blog posts. Descriptions and Call to Action buttons are customizable via ACF for each post, effectively turning readers into direct buyers. UX/UI Design &#38; Frontend Frontend work was meticulous to adhere to the new design system. Every element, from buttons to checkout forms, was styled via CSS/SASS to ensure visual consistency. The re-engineering resulted in a clean interface that guides the user to purchase with minimal cognitive friction. Results &#38; Achievements The new Fervere is a fast, identity-driven e-commerce site. The reconstruction of variants and automatic discount logic simplified the buying process. The custom architecture based on Understrap and ACF gives the client total control over content, blending design aesthetics with sales power. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/fervere/">Read More...<span class="screen-reader-text"> from Fervere</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/fervere/">Fervere</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Complete UX/UI restyling and e-commerce re-engineering on a custom stack. Development of advanced logic for product variants, brand bundle discount management, and strategic integration between blog and catalog to boost conversions.</p>



<h2 class="wp-block-heading">The Client: Fervere Kombucha</h2>



<p class="wp-block-paragraph">Fervere is a dynamic brand in the fermented beverage market, specializing in artisanal Kombucha. The project stemmed from the need to evolve their digital presence to reflect a new market positioning, combining fresh, engaging design with a solid and scalable sales platform.</p>



<h2 class="wp-block-heading">The Challenge: Beyond Restyling</h2>



<p class="wp-block-paragraph">Not just a graphic update, but a complete rewrite. The task was to surpass the previous site version (which I also developed) to implement sophisticated UX/UI design. The technical challenge was bending standard WooCommerce logic to fit a fully personalized purchasing experience.</p>



<h2 class="wp-block-heading">The Stack: Custom Performance</h2>



<p class="wp-block-paragraph">I chose a &#8220;code-first&#8221; approach using Understrap with Bootstrap 5 as the foundation. This ensured lightweight, semantically correct code. Deep integration of ACF (Advanced Custom Fields) transformed the backend, allowing for tailored content management without bloating the frontend.</p>



<h2 class="wp-block-heading">Rebuilt Variable Products</h2>



<p class="wp-block-paragraph">Standard WooCommerce variant management was too limiting for the desired UX. I completely rebuilt the variant selection interface (flavors and sizes) via custom code. Users now interact with an intuitive visual selector that updates prices and availability without the typical page reloads of standard themes.</p>



<h2 class="wp-block-heading">Cart Discount Logic</h2>



<p class="wp-block-paragraph">To encourage bulk purchases, I programmed complex conditional discount logic. The system analyzes the cart in real-time and automatically applies a price reduction when it detects a minimum of 3 products from the same Brand, stimulating upselling transparently for the user.</p>



<h2 class="wp-block-heading">CPT Brands &amp; Dedicated Templates</h2>



<p class="wp-block-paragraph">I extended the data architecture by creating a &#8220;Brand&#8221; Custom Post Type. Each Kombucha producer now has a dedicated page with a specific template, distinct from standard categories. This enhances the storytelling of individual brands and aggregates related products in a layout consistent with the producer&#8217;s visual identity.</p>



<h2 class="wp-block-heading">Carousels &amp; Visual Navigation</h2>



<p class="wp-block-paragraph">To improve catalog exploration, I implemented custom product carousels within categories. This UI solution allows displaying a high density of references without forcing the user to scroll through long pages, improving dwell time and mobile interaction.</p>



<h2 class="wp-block-heading">Blog Integration &amp; Shortcodes</h2>



<p class="wp-block-paragraph">Content marketing is central to Fervere. I developed custom shortcodes that allow &#8220;injecting&#8221; specific products or carousels directly into blog posts. Descriptions and Call to Action buttons are customizable via ACF for each post, effectively turning readers into direct buyers.</p>



<h2 class="wp-block-heading">UX/UI Design &amp; Frontend</h2>



<p class="wp-block-paragraph">Frontend work was meticulous to adhere to the new design system. Every element, from buttons to checkout forms, was styled via CSS/SASS to ensure visual consistency. The re-engineering resulted in a clean interface that guides the user to purchase with minimal cognitive friction.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">The new Fervere is a fast, identity-driven e-commerce site. The reconstruction of variants and automatic discount logic simplified the buying process. The custom architecture based on Understrap and ACF gives the client total control over content, blending design aesthetics with sales power.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/fervere/">Fervere</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Solvento</title>
		<link>https://www.maurodimarino.it/en/portfolio/solvento/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Wed, 01 Jan 2025 18:01:23 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/solvento/</guid>

					<description><![CDATA[<p>Development of an international law firm website specializing in tax law. English-language platform built on Understrap with video integrations and dynamic booking. The project focuses on authoritative and functional design, essential features for operating on a global scale. The Client: Solvento Solvento is a firm of International Tax Lawyers and consultants. They assist clients in navigating complex tax systems, residency planning, and legal disputes. With a multilingual team, they needed an English-only law firm website that conveyed cross-border clarity and expertise. Tech Stack: Understrap For this project, I chose the robustness of Understrap. The combination of WordPress and Bootstrap allowed for the creation of a lightweight and scalable custom architecture, fundamental for supporting the advanced features required by the firm without compromising speed or sensitive data security. Hero Video with Control Visual impact is immediate thanks to a hero video integrated via YouTube API. To improve the user experience on this portal, I inserted a custom Play/Pause control. This technical detail denotes care for the user, allowing them to manage multimedia content consumption with total freedom. Dynamic Booking with Calendly Client acquisition is the heart of every law firm website. I automated the process by integrating Calendly via shortcode. The system is intelligent: it opens a specific booking popup based on the selected consulting plan, reducing friction and speeding up direct contact with the lawyers. Interactivity: Swiper.js To present complex services fluidly, I implemented Swiper.js. This library allows for easy content scrolling even on mobile. The use of touch-friendly carousels makes navigation pleasant, modernizing the traditional and often static image of the sector. &#8220;English Only&#8221; Design The site was developed exclusively in English to target a global audience. The institutional design, clean and rigorous, uses visual codes typical of the sector (&#8220;Blue &#38; White&#8221;) to inspire order and authority, indispensable elements for a high-profile law firm website. Focus on Accessibility A modern digital presence must be inclusive. I curated the interface to be usable by all users, ensuring adequate color contrasts and clear navigation. This ethical approach strengthens the firm&#8217;s reputation, demonstrating care towards every type of client. Results &#38; Achievements Solvento&#8217;s new portal is a high-performance and secure law firm website. The integration of booking tools and expository clarity improved the conversion of visitors into clients, consolidating the firm&#8217;s digital presence as a reference point for international taxation. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/solvento/">Read More...<span class="screen-reader-text"> from Solvento</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/solvento/">Solvento</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Development of an international <strong>law firm website</strong> specializing in tax law. English-language platform built on Understrap with video integrations and dynamic booking. The project focuses on authoritative and functional design, essential features for operating on a global scale.</p>



<h2 class="wp-block-heading">The Client: Solvento</h2>



<p class="wp-block-paragraph">Solvento is a firm of International Tax Lawyers and consultants. They assist clients in navigating complex tax systems, residency planning, and legal disputes. With a multilingual team, they needed an English-only <strong>law firm website</strong> that conveyed cross-border clarity and expertise.</p>



<h2 class="wp-block-heading">Tech Stack: Understrap</h2>



<p class="wp-block-paragraph">For this project, I chose the robustness of <strong>Understrap</strong>. The combination of WordPress and Bootstrap allowed for the creation of a lightweight and scalable custom architecture, fundamental for supporting the advanced features required by the firm without compromising speed or sensitive data security.</p>



<h2 class="wp-block-heading">Hero Video with Control</h2>



<p class="wp-block-paragraph">Visual impact is immediate thanks to a hero video integrated via YouTube API. To improve the user experience on this portal, I inserted a custom Play/Pause control. This technical detail denotes care for the user, allowing them to manage multimedia content consumption with total freedom.</p>



<h2 class="wp-block-heading">Dynamic Booking with Calendly</h2>



<p class="wp-block-paragraph">Client acquisition is the heart of every <strong>law firm website</strong>. I automated the process by integrating <strong>Calendly</strong> via shortcode. The system is intelligent: it opens a specific booking popup based on the selected consulting plan, reducing friction and speeding up direct contact with the lawyers.</p>



<h2 class="wp-block-heading">Interactivity: Swiper.js</h2>



<p class="wp-block-paragraph">To present complex services fluidly, I implemented <strong>Swiper.js</strong>. This library allows for easy content scrolling even on mobile. The use of touch-friendly carousels makes navigation pleasant, modernizing the traditional and often static image of the sector.</p>



<h2 class="wp-block-heading">&#8220;English Only&#8221; Design</h2>



<p class="wp-block-paragraph">The site was developed exclusively in English to target a global audience. The institutional design, clean and rigorous, uses visual codes typical of the sector (&#8220;Blue &amp; White&#8221;) to inspire order and authority, indispensable elements for a high-profile <strong>law firm website</strong>.</p>



<h2 class="wp-block-heading">Focus on Accessibility</h2>



<p class="wp-block-paragraph">A modern digital presence must be inclusive. I curated the interface to be usable by all users, ensuring adequate color contrasts and clear navigation. This ethical approach strengthens the firm&#8217;s reputation, demonstrating care towards every type of client.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">Solvento&#8217;s new portal is a high-performance and secure <strong>law firm website</strong>. The integration of booking tools and expository clarity improved the conversion of visitors into clients, consolidating the firm&#8217;s digital presence as a reference point for international taxation.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/solvento/">Solvento</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Wearefancards</title>
		<link>https://www.maurodimarino.it/en/portfolio/lab-go-2/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Wed, 01 Jan 2025 18:38:57 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/?post_type=portfolio&#038;p=515</guid>

					<description><![CDATA[<p>Pixel-perfect landing page development for Fancards product. Implementation of advanced ACF logic for image positional control (CSS coordinates) and mixed photo/video galleries, ensuring total editorial autonomy for the client. The Project: Wearefancards Wearefancards is Lab Go&#8217;s initiative promoting &#8220;Fancards,&#8221; phygital tools for fan engagement. The project required a vertical, high-impact landing page designed to convert visitors into customers while maintaining the rigorous aesthetic consistency of the parent brand. The Challenge: Design Without Compromise The graphics department provided a complex, unconventional layout. The challenge wasn&#8217;t just replicating it Pixel-perfectly, but making it dynamic. &#8220;Floating&#8221; graphic elements and overlays couldn&#8217;t be static: the client needed to manage them without breaking the visual balance of the original design. The Stack: Bootstrap &#38; WordPress To achieve maximum fidelity to the Figma design, I used Bootstrap 5 integrated into a custom WordPress theme. This allowed for millimeter-precise responsive grid management, avoiding the limitations of commercial page builders and ensuring clean, fast code for the landing page. Hybrid Gallery &#38; Video Overlay The core of the page is a complex multimedia gallery. I developed a custom solution allowing video overlays on images. Through ACF, the client can associate a video file with specific gallery images, creating an interactive and dynamic user experience. Advanced Positional Control The standout technical feature is image control. I programmed ACF fields mapping CSS properties top, left, right, bottom. The client can input specific values from the backend to move each single image in space, deciding its exact horizontal and vertical positioning. Autonomous Size Management Beyond position, the client controls dimensions. Through dedicated numeric fields in the backend, width and height for each graphic element can be defined. This transforms the WordPress editor into a powerful layout tool without the user needing to write a single line of CSS. Custom ACF Carousel The carousel isn&#8217;t an external plugin but built on a native ACF &#8220;Gallery&#8221; field. This drastically simplifies content entry: the administrator selects images in bulk from the media library, and the frontend automatically renders them into a touch-friendly, optimized slider. Backend User Experience I designed the backend to be &#8220;foolproof.&#8221; Despite the complexity of positional controls, the data entry interface is clean and intuitive. ACF conditional logic shows only necessary fields, allowing the client to model the page with ease and confidence. Performance &#38; Optimization Despite the richness of media and video, the page maintains high performance. Conditional script loading and asset optimization (managed lazy loading) ensure a smooth browsing experience even on mobile, which is crucial for a promotional campaign. Results &#38; Achievements Wearefancards exemplifies how WordPress can become a design tool. The client received a landing page identical to the graphic mockup but with a freedom of content management usually impossible in such creative layouts, thanks to an engineering-focused use of ACF. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/lab-go-2/">Read More...<span class="screen-reader-text"> from Wearefancards</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/lab-go-2/">Wearefancards</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Pixel-perfect landing page development for Fancards product. Implementation of advanced ACF logic for image positional control (CSS coordinates) and mixed photo/video galleries, ensuring total editorial autonomy for the client.</p>



<h2 class="wp-block-heading">The Project: Wearefancards</h2>



<p class="wp-block-paragraph">Wearefancards is Lab Go&#8217;s initiative promoting &#8220;Fancards,&#8221; phygital tools for fan engagement. The project required a vertical, high-impact landing page designed to convert visitors into customers while maintaining the rigorous aesthetic consistency of the parent brand.</p>



<h2 class="wp-block-heading">The Challenge: Design Without Compromise</h2>



<p class="wp-block-paragraph">The graphics department provided a complex, unconventional layout. The challenge wasn&#8217;t just replicating it Pixel-perfectly, but making it dynamic. &#8220;Floating&#8221; graphic elements and overlays couldn&#8217;t be static: the client needed to manage them without breaking the visual balance of the original design.</p>



<h2 class="wp-block-heading">The Stack: Bootstrap &amp; WordPress</h2>



<p class="wp-block-paragraph">To achieve maximum fidelity to the Figma design, I used Bootstrap 5 integrated into a custom WordPress theme. This allowed for millimeter-precise responsive grid management, avoiding the limitations of commercial page builders and ensuring clean, fast code for the landing page.</p>



<h2 class="wp-block-heading">Hybrid Gallery &amp; Video Overlay</h2>



<p class="wp-block-paragraph">The core of the page is a complex multimedia gallery. I developed a custom solution allowing video overlays on images. Through ACF, the client can associate a video file with specific gallery images, creating an interactive and dynamic user experience.</p>



<h2 class="wp-block-heading">Advanced Positional Control</h2>



<p class="wp-block-paragraph">The standout technical feature is image control. I programmed ACF fields mapping CSS properties <code>top</code>, <code>left</code>, <code>right</code>, <code>bottom</code>. The client can input specific values from the backend to move each single image in space, deciding its exact horizontal and vertical positioning.</p>



<h2 class="wp-block-heading">Autonomous Size Management</h2>



<p class="wp-block-paragraph">Beyond position, the client controls dimensions. Through dedicated numeric fields in the backend, width and height for each graphic element can be defined. This transforms the WordPress editor into a powerful layout tool without the user needing to write a single line of CSS.</p>



<h2 class="wp-block-heading">Custom ACF Carousel</h2>



<p class="wp-block-paragraph">The carousel isn&#8217;t an external plugin but built on a native ACF &#8220;Gallery&#8221; field. This drastically simplifies content entry: the administrator selects images in bulk from the media library, and the frontend automatically renders them into a touch-friendly, optimized slider.</p>



<h2 class="wp-block-heading">Backend User Experience</h2>



<p class="wp-block-paragraph">I designed the backend to be &#8220;foolproof.&#8221; Despite the complexity of positional controls, the data entry interface is clean and intuitive. ACF conditional logic shows only necessary fields, allowing the client to model the page with ease and confidence.</p>



<h2 class="wp-block-heading">Performance &amp; Optimization</h2>



<p class="wp-block-paragraph">Despite the richness of media and video, the page maintains high performance. Conditional script loading and asset optimization (managed lazy loading) ensure a smooth browsing experience even on mobile, which is crucial for a promotional campaign.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">Wearefancards exemplifies how WordPress can become a design tool. The client received a landing page identical to the graphic mockup but with a freedom of content management usually impossible in such creative layouts, thanks to an engineering-focused use of ACF.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/lab-go-2/">Wearefancards</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Il Manovale</title>
		<link>https://www.maurodimarino.it/en/portfolio/il-manovale/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Mon, 01 Jan 2024 12:37:12 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/il-manovale/</guid>

					<description><![CDATA[<p>Custom E-commerce development based on Understrap/WooCommerce for an award-winning artisan micro-roastery. Implementation of advanced features such as automatic grind calculation, ACF-based product filters, and event management via chronological CPTs. The Client: Il Manovale Il Manovale is an artisan micro-roastery born from the passion of coffee professionals. Their mission is to bring &#8220;handmade,&#8221; fresh, and traceable coffee into homes, elevating consumption to a conscious choice. They use Giesen W6A and W15A roasters for small-batch roasting, respecting the uniqueness of every bean. Tech Stack: Understrap &#38; WooCommerce To ensure high performance and maximum customization, I developed the site using Understrap as a starter theme. This hybrid combination of WordPress solidity and Bootstrap&#8217;s responsive grid allowed for building a lightweight, fast e-commerce site perfectly adapted to the roastery&#8217;s specific needs. Grind Automation A key feature is the automation on the product page. I developed a function that calculates and suggests the ideal grind based on the extraction method selected by the user (moka, espresso, filter, etc.). This improves User Experience (UX), guiding the customer toward purchasing the perfect product for their equipment. ACF and Advanced Filters Catalog management is powered by ACF (Advanced Custom Fields). I created custom fields for every organoleptic characteristic of the coffee (acidity, body, aromatic notes). These data points are not just descriptive but fuel the shop&#8217;s filter system, allowing users to search for coffee based on their desired taste profile. Product Gallery Redesign The product page was completely redesigned. Abandoning the standard WooCommerce layout, I created a visual gallery highlighting packaging and coffee texture. Custom fields dynamically populate feature infographics, making technical specifications immediately readable and visually appealing. CPT Architecture: Events For the &#8220;Events&#8221; area, I implemented dedicated Custom Post Types (CPT). Unlike standard blog posts, these are programmed to order chronologically based on the event date rather than the publication date. This allows the roastery to manage an always-updated and logical calendar of courses and tastings. Content Design: Info &#38; Press The site is not just about sales, but culture. I managed the redesign of information pages to tell the &#8220;handmade&#8221; philosophy. Additionally, specific sections like the Press Area and Blog Area were created, structured to host editorial content that strengthens the brand&#8217;s authority in the artisan coffee world. Artisan User Experience The User Interface (UI) was designed to reflect the brand&#8217;s craftsmanship. Warm colors, curated typography, and generous white space communicate the attention to detail Il Manovale puts into roasting. The navigation experience is fluid, transforming online shopping into a ritual as pleasant as drinking good coffee. Backend Optimization The extensive use of ACF and CPT made the backend extremely intuitive for the client. Inserting new products or events is guided by custom masks, reducing the risk of errors and ensuring that the frontend design remains consistent regardless of who inputs the content. Results &#38; Achievements The new e-commerce transformed Il Manovale&#8217;s digital presence. Ease of navigation and purchasing guides (grind selection) increased the conversion rate. The solid technical structure allows the brand to autonomously manage storytelling and sales, consolidating its position of excellence. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/il-manovale/">Read More...<span class="screen-reader-text"> from Il Manovale</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/il-manovale/">Il Manovale</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Custom E-commerce development based on Understrap/WooCommerce for an award-winning artisan micro-roastery. Implementation of advanced features such as automatic grind calculation, ACF-based product filters, and event management via chronological CPTs.</p>



<h2 class="wp-block-heading">The Client: Il Manovale</h2>



<p class="wp-block-paragraph">Il Manovale is an artisan micro-roastery born from the passion of coffee professionals. Their mission is to bring &#8220;handmade,&#8221; fresh, and traceable coffee into homes, elevating consumption to a conscious choice. They use Giesen W6A and W15A roasters for small-batch roasting, respecting the uniqueness of every bean.</p>



<h2 class="wp-block-heading">Tech Stack: Understrap &amp; WooCommerce</h2>



<p class="wp-block-paragraph">To ensure high performance and maximum customization, I developed the site using <strong>Understrap</strong> as a starter theme. This hybrid combination of WordPress solidity and Bootstrap&#8217;s responsive grid allowed for building a lightweight, fast e-commerce site perfectly adapted to the roastery&#8217;s specific needs.</p>



<h2 class="wp-block-heading">Grind Automation</h2>



<p class="wp-block-paragraph">A key feature is the automation on the product page. I developed a function that calculates and suggests the ideal grind based on the extraction method selected by the user (moka, espresso, filter, etc.). This improves User Experience (UX), guiding the customer toward purchasing the perfect product for their equipment.</p>



<h2 class="wp-block-heading">ACF and Advanced Filters</h2>



<p class="wp-block-paragraph">Catalog management is powered by <strong>ACF (Advanced Custom Fields)</strong>. I created custom fields for every organoleptic characteristic of the coffee (acidity, body, aromatic notes). These data points are not just descriptive but fuel the shop&#8217;s filter system, allowing users to search for coffee based on their desired taste profile.</p>



<h2 class="wp-block-heading">Product Gallery Redesign</h2>



<p class="wp-block-paragraph">The product page was completely redesigned. Abandoning the standard WooCommerce layout, I created a visual gallery highlighting packaging and coffee texture. Custom fields dynamically populate feature infographics, making technical specifications immediately readable and visually appealing.</p>



<h2 class="wp-block-heading">CPT Architecture: Events</h2>



<p class="wp-block-paragraph">For the &#8220;Events&#8221; area, I implemented dedicated <strong>Custom Post Types (CPT)</strong>. Unlike standard blog posts, these are programmed to order chronologically based on the event date rather than the publication date. This allows the roastery to manage an always-updated and logical calendar of courses and tastings.</p>



<h2 class="wp-block-heading">Content Design: Info &amp; Press</h2>



<p class="wp-block-paragraph">The site is not just about sales, but culture. I managed the redesign of information pages to tell the &#8220;handmade&#8221; philosophy. Additionally, specific sections like the Press Area and Blog Area were created, structured to host editorial content that strengthens the brand&#8217;s authority in the artisan coffee world.</p>



<h2 class="wp-block-heading">Artisan User Experience</h2>



<p class="wp-block-paragraph">The User Interface (UI) was designed to reflect the brand&#8217;s craftsmanship. Warm colors, curated typography, and generous white space communicate the attention to detail Il Manovale puts into roasting. The navigation experience is fluid, transforming online shopping into a ritual as pleasant as drinking good coffee.</p>



<h2 class="wp-block-heading">Backend Optimization</h2>



<p class="wp-block-paragraph">The extensive use of ACF and CPT made the backend extremely intuitive for the client. Inserting new products or events is guided by custom masks, reducing the risk of errors and ensuring that the frontend design remains consistent regardless of who inputs the content.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">The new e-commerce transformed Il Manovale&#8217;s digital presence. Ease of navigation and purchasing guides (grind selection) increased the conversion rate. The solid technical structure allows the brand to autonomously manage storytelling and sales, consolidating its position of excellence.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/il-manovale/">Il Manovale</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Feeda</title>
		<link>https://www.maurodimarino.it/en/portfolio/feeda/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Mon, 01 Jan 2024 17:39:14 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/feeda/</guid>

					<description><![CDATA[<p>Custom development based on Gambalunga design for startup consulting. Legacy content migration, advanced shortcode system for Typeform integration, and &#8220;Gated Content&#8221; document management for newsletter lead generation. The Client: Feeda Feeda is a strategic partner for startups seeking funding. They offer targeted consulting from fundraising strategy definition to capital acquisition. The website needed to reflect this expertise, serving as an educational resource hub and a contact point for aspiring entrepreneurs. Design &#38; Collaboration The graphic layout was designed by the agency Gambalunga. My role was to translate their design into a high-performance WordPress theme. Close collaboration ensured faithful adherence to the visual identity, transforming static mockups into a fast, responsive interface based on the Bootstrap framework. The Stack: Custom Bootstrap The site architecture relies on applying the Bootstrap framework to the WordPress CMS. This choice guaranteed a solid grid for the layout and maximum flexibility in developing custom templates, avoiding the bloat of visual page builders and keeping the code clean and maintainable. Legacy Content Migration A critical challenge was the editorial heritage. Feeda owned an old site rich in articles. I managed the import and normalization of all pre-existing content into the new database, ensuring formatting and media were correctly preserved within the new graphic ecosystem. Complex Shortcode System To give editors flexibility, I developed a set of advanced shortcodes. This allows the team to insert not just text into articles, but dynamic elements like links to specific pages, call-to-action buttons, and cross-references, without touching the template code. Typeform Integration Within the shortcode system, I implemented a specific Typeform integration. Contact forms and profiling questionnaires can be injected anywhere in the blog via a simple shortcode, allowing readers to be converted into qualified leads directly from the article page. Gated Content: Documents I created a dedicated Custom Post Type for &#8220;Documents.&#8221; These are premium resources (white papers, guides) accessible only upon registration. This functionality transforms the site into a lead generation machine: users see the preview, but the download unlocks only after subscription. Newsletter &#38; Download Logic The unlock mechanism is linked to the newsletter. I developed conditional logic that verifies user subscription. If the visitor provides their email, the system automatically unlocks the file for download, feeding Feeda&#8217;s contact database for future nurturing campaigns. Structured Data SEO To maximize organic visibility, I implemented Structured Data (Schema.org). This helps search engines better understand the content nature (Articles, Consulting Services, Events), improving ranking in SERPs for keywords related to fundraising and startups. Results &#38; Achievements The result is a site blending agency design with technical robustness. The migration safeguarded history, while new Gated Content features and custom shortcodes offer Feeda powerful tools to convert visitors into clients, supported by a solid technological foundation. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/feeda/">Read More...<span class="screen-reader-text"> from Feeda</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/feeda/">Feeda</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Custom development based on Gambalunga design for startup consulting. Legacy content migration, advanced shortcode system for Typeform integration, and &#8220;Gated Content&#8221; document management for newsletter lead generation.</p>



<h2 class="wp-block-heading">The Client: Feeda</h2>



<p class="wp-block-paragraph">Feeda is a strategic partner for startups seeking funding. They offer targeted consulting from fundraising strategy definition to capital acquisition. The website needed to reflect this expertise, serving as an educational resource hub and a contact point for aspiring entrepreneurs.</p>



<h2 class="wp-block-heading">Design &amp; Collaboration</h2>



<p class="wp-block-paragraph">The graphic layout was designed by the agency <strong>Gambalunga</strong>. My role was to translate their design into a high-performance WordPress theme. Close collaboration ensured faithful adherence to the visual identity, transforming static mockups into a fast, responsive interface based on the Bootstrap framework.</p>



<h2 class="wp-block-heading">The Stack: Custom Bootstrap</h2>



<p class="wp-block-paragraph">The site architecture relies on applying the Bootstrap framework to the WordPress CMS. This choice guaranteed a solid grid for the layout and maximum flexibility in developing custom templates, avoiding the bloat of visual page builders and keeping the code clean and maintainable.</p>



<h2 class="wp-block-heading">Legacy Content Migration</h2>



<p class="wp-block-paragraph">A critical challenge was the editorial heritage. Feeda owned an old site rich in articles. I managed the import and normalization of all pre-existing content into the new database, ensuring formatting and media were correctly preserved within the new graphic ecosystem.</p>



<h2 class="wp-block-heading">Complex Shortcode System</h2>



<p class="wp-block-paragraph">To give editors flexibility, I developed a set of advanced shortcodes. This allows the team to insert not just text into articles, but dynamic elements like links to specific pages, call-to-action buttons, and cross-references, without touching the template code.</p>



<h2 class="wp-block-heading">Typeform Integration</h2>



<p class="wp-block-paragraph">Within the shortcode system, I implemented a specific Typeform integration. Contact forms and profiling questionnaires can be injected anywhere in the blog via a simple shortcode, allowing readers to be converted into qualified leads directly from the article page.</p>



<h2 class="wp-block-heading">Gated Content: Documents</h2>



<p class="wp-block-paragraph">I created a dedicated Custom Post Type for &#8220;Documents.&#8221; These are premium resources (white papers, guides) accessible only upon registration. This functionality transforms the site into a lead generation machine: users see the preview, but the download unlocks only after subscription.</p>



<h2 class="wp-block-heading">Newsletter &amp; Download Logic</h2>



<p class="wp-block-paragraph">The unlock mechanism is linked to the newsletter. I developed conditional logic that verifies user subscription. If the visitor provides their email, the system automatically unlocks the file for download, feeding Feeda&#8217;s contact database for future nurturing campaigns.</p>



<h2 class="wp-block-heading">Structured Data SEO</h2>



<p class="wp-block-paragraph">To maximize organic visibility, I implemented Structured Data (Schema.org). This helps search engines better understand the content nature (Articles, Consulting Services, Events), improving ranking in SERPs for keywords related to fundraising and startups.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">The result is a site blending agency design with technical robustness. The migration safeguarded history, while new Gated Content features and custom shortcodes offer Feeda powerful tools to convert visitors into clients, supported by a solid technological foundation.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/feeda/">Feeda</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Coaching outside the box</title>
		<link>https://www.maurodimarino.it/en/portfolio/coaching-outside-the-box/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Mon, 01 Jan 2024 16:53:51 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/?post_type=portfolio&#038;p=931</guid>

					<description><![CDATA[<p>LMS e-learning platform development and digital evolution for professional coaching. From the first custom release on Bootstrap framework to the implementation of an advanced system with migration from Masterstudy to LearnDash. Focus on differentiated purchase automations and timezone management. The Client: Coaching Outside the Box Coaching Outside the Box offers high-profile services such as mentoring, training, and professional coaching. The company needed a digital ecosystem that was not just a showcase, but a true working tool to deliver distance learning, manage virtual classes, and sell complex courses to an international audience. Phase 1: Custom Bootstrap Development The project began with LMS e-learning platform development using a tailored approach, applying the Bootstrap Framework to the WordPress CMS. Not a pre-made theme, but a structure created to measure to ensure lightness and total brand adherence. This allowed for the insertion of multiple custom controls for content management. International UX: Timezone Detection One of the critical features implemented in the first phase was timezone management. Since these were live courses with global students, I programmed a function that automatically detects the user&#8217;s location, displaying lesson dates and times according to the visitor&#8217;s local timezone, eliminating confusion and attendance issues. Client Autonomy The goal was to make the client independent. Through the use of Custom Fields, I structured the backend so the team could create new courses autonomously. Specific training was provided to transfer the necessary know-how for the daily management of the platform. Phase 2: Evolution and Migration With business growth, the need emerged to differentiate the &#8220;Corporate&#8221; offering from direct sales, requiring an upgrade in LMS e-learning platform development. We decided to migrate the entire e-commerce from the Masterstudy LMS plugin to LearnDash, the market leader for flexibility and stability. Complex Data Migration Switching to LearnDash required a delicate data migration process. I managed the transfer of all user accounts, order history, and course progress from the old to the new structure, ensuring no data was lost and students could continue their training without interruptions. Smart &#8220;Buy&#8221; Button Logic To optimize the sales funnel, I implemented conditional logic within the LMS e-learning platform development for the &#8220;Buy&#8221; button. The system recognizes the product type: if it is a &#8220;Video Course,&#8221; access is immediate; if it is a &#8220;Live Course,&#8221; the process changes, activating specific messaging and different enrollment flows. Invitation Automation &#38; Checkout This differentiation positively impacted post-sales. I modified the checkout process so that, for live courses, personalized invitations with links to virtual classrooms were automatically sent to students. This drastically reduced manual secretarial work and enrollment management. Process Optimization Moving to the new architecture allowed for streamlining business processes. This advanced level of LMS e-learning platform development, combined with the power of LearnDash, provided the client with a scalable structure capable of handling traffic peaks and a constantly expanding course catalog. Results &#38; Achievements Coaching Outside the Box now possesses enterprise-level technology. The LMS e-learning platform development resolved previous bottlenecks, improving the user experience for both buyers (students) and administrators (the team), ensuring solidity and automation. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/coaching-outside-the-box/">Read More...<span class="screen-reader-text"> from Coaching outside the box</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/coaching-outside-the-box/">Coaching outside the box</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>LMS e-learning platform development</strong> and digital evolution for professional coaching. From the first custom release on Bootstrap framework to the implementation of an advanced system with migration from Masterstudy to LearnDash. Focus on differentiated purchase automations and timezone management.</p>



<h2 class="wp-block-heading">The Client: Coaching Outside the Box</h2>



<p class="wp-block-paragraph">Coaching Outside the Box offers high-profile services such as mentoring, training, and professional coaching. The company needed a digital ecosystem that was not just a showcase, but a true working tool to deliver distance learning, manage virtual classes, and sell complex courses to an international audience.</p>



<h2 class="wp-block-heading">Phase 1: Custom Bootstrap Development</h2>



<p class="wp-block-paragraph">The project began with <strong>LMS e-learning platform development</strong> using a tailored approach, applying the Bootstrap Framework to the WordPress CMS. Not a pre-made theme, but a structure created to measure to ensure lightness and total brand adherence. This allowed for the insertion of multiple custom controls for content management.</p>



<h2 class="wp-block-heading">International UX: Timezone Detection</h2>



<p class="wp-block-paragraph">One of the critical features implemented in the first phase was timezone management. Since these were live courses with global students, I programmed a function that automatically detects the user&#8217;s location, displaying lesson dates and times according to the visitor&#8217;s local timezone, eliminating confusion and attendance issues.</p>



<h2 class="wp-block-heading">Client Autonomy</h2>



<p class="wp-block-paragraph">The goal was to make the client independent. Through the use of Custom Fields, I structured the backend so the team could create new courses autonomously. Specific training was provided to transfer the necessary know-how for the daily management of the platform.</p>



<h2 class="wp-block-heading">Phase 2: Evolution and Migration</h2>



<p class="wp-block-paragraph">With business growth, the need emerged to differentiate the &#8220;Corporate&#8221; offering from direct sales, requiring an upgrade in <strong>LMS e-learning platform development</strong>. We decided to migrate the entire e-commerce from the Masterstudy LMS plugin to LearnDash, the market leader for flexibility and stability.</p>



<h2 class="wp-block-heading">Complex Data Migration</h2>



<p class="wp-block-paragraph">Switching to LearnDash required a delicate data migration process. I managed the transfer of all user accounts, order history, and course progress from the old to the new structure, ensuring no data was lost and students could continue their training without interruptions.</p>



<h2 class="wp-block-heading">Smart &#8220;Buy&#8221; Button Logic</h2>



<p class="wp-block-paragraph">To optimize the sales funnel, I implemented conditional logic within the <strong>LMS e-learning platform development</strong> for the &#8220;Buy&#8221; button. The system recognizes the product type: if it is a &#8220;Video Course,&#8221; access is immediate; if it is a &#8220;Live Course,&#8221; the process changes, activating specific messaging and different enrollment flows.</p>



<h2 class="wp-block-heading">Invitation Automation &amp; Checkout</h2>



<p class="wp-block-paragraph">This differentiation positively impacted post-sales. I modified the checkout process so that, for live courses, personalized invitations with links to virtual classrooms were automatically sent to students. This drastically reduced manual secretarial work and enrollment management.</p>



<h2 class="wp-block-heading">Process Optimization</h2>



<p class="wp-block-paragraph">Moving to the new architecture allowed for streamlining business processes. This advanced level of <strong>LMS e-learning platform development</strong>, combined with the power of LearnDash, provided the client with a scalable structure capable of handling traffic peaks and a constantly expanding course catalog.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">Coaching Outside the Box now possesses enterprise-level technology. The <strong>LMS e-learning platform development</strong> resolved previous bottlenecks, improving the user experience for both buyers (students) and administrators (the team), ensuring solidity and automation.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/coaching-outside-the-box/">Coaching outside the box</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Lab GO</title>
		<link>https://www.maurodimarino.it/en/portfolio/lab-go/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Mon, 01 Jan 2024 16:43:21 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/lab-go/</guid>

					<description><![CDATA[<p>Pixel-perfect development from Figma design for a leading Phygital brand. Custom WordPress architecture with native Gutenberg modules, advanced CSS animations, and international readiness for major events and global bands. The Client: Lab Go Founded in 2020 in Northern Italy, Lab Go is a pioneer in the &#8220;phygital&#8221; experience. They digitize physical products to protect brands from counterfeiting and connect them with authentic customers. They work with high-profile clients, including major live events and internationally renowned music bands. The Challenge: Pixel-Perfect Design The primary goal was absolute design fidelity. Lab Go&#8217;s graphics department provided complex Figma files. The technical challenge was translating this static vision into functional code, ensuring that every pixel, spacing, and interaction matched the approved drafts exactly. The Stack: Custom Bootstrap 5 To ensure precision and responsiveness, I avoided pre-made themes. I developed a custom theme based on Bootstrap 5. This framework provided a solid grid for the responsive layout while keeping the code lightweight and clean, essential for a site handling traffic spikes during major events. Bespoke Gutenberg Modules No heavy page builders. I created a library of custom Gutenberg blocks. This allows the client to compose new pages independently while maintaining graphic consistency. Each module was coded to respect brand guidelines, offering editorial flexibility without breaking the layout. Dynamics with Slick.js To present case studies and partners engagingly, I integrated Slick.js. I created fluid, touch-friendly carousels that allow elegant navigation through visual content. The integration was optimized to ensure it didn&#8217;t negatively impact page loading performance (Core Web Vitals). CSS &#38; HTML Animations The &#8220;phygital&#8221; experience needed to be palpable. I implemented custom CSS and HTML animations to bring interface elements to life. Micro-interactions and smooth transitions accompany the user during scrolling, making navigation immersive and aligned with the brand&#8217;s technological identity. Authentic Blog Section The blog is far from standard. Following the graphic drafts, I developed a unique archive and Single Post template. The structure enhances editorial content with specific layouts for images and typography, transforming the news section into a truly integrated digital magazine. Mailchimp Integration To support marketing strategies, I connected the site to the Mailchimp ecosystem. Subscription forms were custom-styled to blend into the footer and key pages, ensuring a direct data flow into the company&#8217;s marketing lists for newsletter management. Global Reach: WPML Given the international target (global bands and tours), the site is natively multilingual. I configured WPML to handle precise translations for every custom post type and theme string. This ensures a flawless user experience for both Italian clients and foreign partners. Results &#38; Achievements The Lab Go site is the perfect fusion of creativity and code. The Pixel-perfect conversion from Figma met the client&#8217;s high aesthetic expectations, while the Gutenberg/Bootstrap architecture ensures performance and scalability. A powerful digital business card for the global market. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/lab-go/">Read More...<span class="screen-reader-text"> from Lab GO</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/lab-go/">Lab GO</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Pixel-perfect development from Figma design for a leading Phygital brand. Custom WordPress architecture with native Gutenberg modules, advanced CSS animations, and international readiness for major events and global bands.</p>



<h2 class="wp-block-heading">The Client: Lab Go</h2>



<p class="wp-block-paragraph">Founded in 2020 in Northern Italy, Lab Go is a pioneer in the &#8220;phygital&#8221; experience. They digitize physical products to protect brands from counterfeiting and connect them with authentic customers. They work with high-profile clients, including major live events and internationally renowned music bands.</p>



<h2 class="wp-block-heading">The Challenge: Pixel-Perfect Design</h2>



<p class="wp-block-paragraph">The primary goal was absolute design fidelity. Lab Go&#8217;s graphics department provided complex Figma files. The technical challenge was translating this static vision into functional code, ensuring that every pixel, spacing, and interaction matched the approved drafts exactly.</p>



<h2 class="wp-block-heading">The Stack: Custom Bootstrap 5</h2>



<p class="wp-block-paragraph">To ensure precision and responsiveness, I avoided pre-made themes. I developed a custom theme based on Bootstrap 5. This framework provided a solid grid for the responsive layout while keeping the code lightweight and clean, essential for a site handling traffic spikes during major events.</p>



<h2 class="wp-block-heading">Bespoke Gutenberg Modules</h2>



<p class="wp-block-paragraph">No heavy page builders. I created a library of custom Gutenberg blocks. This allows the client to compose new pages independently while maintaining graphic consistency. Each module was coded to respect brand guidelines, offering editorial flexibility without breaking the layout.</p>



<h2 class="wp-block-heading">Dynamics with Slick.js</h2>



<p class="wp-block-paragraph">To present case studies and partners engagingly, I integrated Slick.js. I created fluid, touch-friendly carousels that allow elegant navigation through visual content. The integration was optimized to ensure it didn&#8217;t negatively impact page loading performance (Core Web Vitals).</p>



<h2 class="wp-block-heading">CSS &amp; HTML Animations</h2>



<p class="wp-block-paragraph">The &#8220;phygital&#8221; experience needed to be palpable. I implemented custom CSS and HTML animations to bring interface elements to life. Micro-interactions and smooth transitions accompany the user during scrolling, making navigation immersive and aligned with the brand&#8217;s technological identity.</p>



<h2 class="wp-block-heading">Authentic Blog Section</h2>



<p class="wp-block-paragraph">The blog is far from standard. Following the graphic drafts, I developed a unique archive and Single Post template. The structure enhances editorial content with specific layouts for images and typography, transforming the news section into a truly integrated digital magazine.</p>



<h2 class="wp-block-heading">Mailchimp Integration</h2>



<p class="wp-block-paragraph">To support marketing strategies, I connected the site to the Mailchimp ecosystem. Subscription forms were custom-styled to blend into the footer and key pages, ensuring a direct data flow into the company&#8217;s marketing lists for newsletter management.</p>



<h2 class="wp-block-heading">Global Reach: WPML</h2>



<p class="wp-block-paragraph">Given the international target (global bands and tours), the site is natively multilingual. I configured WPML to handle precise translations for every custom post type and theme string. This ensures a flawless user experience for both Italian clients and foreign partners.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">The Lab Go site is the perfect fusion of creativity and code. The Pixel-perfect conversion from Figma met the client&#8217;s high aesthetic expectations, while the Gutenberg/Bootstrap architecture ensures performance and scalability. A powerful digital business card for the global market.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/lab-go/">Lab GO</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Comer Italy</title>
		<link>https://www.maurodimarino.it/en/portfolio/comer-italy/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Mon, 01 Jan 2024 13:39:16 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/comer-italy/</guid>

					<description><![CDATA[<p>Complete refactoring of the corporate portal with high-performance custom theme development. Advanced permission management, data sanitization, and document automation to optimize the client&#8217;s logistical flows. The Client: Industrial Excellence Comer S.p.A. has been a leader in thermoplastic fittings and valves since 1978. With 25,000 sqm of production and 7 million items in stock, it serves critical sectors like hydraulics and marine. The goal was to build a high-performance digital ecosystem reflecting Italian logistical reliability and precision. The Challenge: Overcoming Technical Debt The project addressed heavy technical debt. The old site used an unoptimized WooCommerce and WP Bakery, limiting speed and maintainability. The challenge was creating a segmented experience to show sensitive data only to specific users while maintaining sync with the corporate ERP. The Stack: Custom Understrap Development To ensure lightweight modularity, I developed a fully custom theme based on Understrap (Bootstrap 5). This &#8220;code-first&#8221; approach allowed us to ditch heavy plugins for a clean architecture, ensuring high performance and a solid foundation for future B2B portal evolutions. Data Migration &#38; Sanitization Moving away from WooCommerce, I migrated products to Custom Post Types. Massive database sanitization was required to remove residual WP Bakery shortcodes. Data was normalized to ensure a clean structure, which is essential for performance and correct indexing. New Data Architecture The new architecture relies on ACF fields and native Gutenberg blocks. This allowed for granular technical information structuring. The transition drastically improved load times, offering the administrator an intuitive backend for content management without dirty code. Multi-Level User Management The system manages a public area and a two-tier restricted zone, integrated with the ERP. The infrastructure verifies client status in real-time, differentiating access between anonymous visitors, basic users, and certified partners to guarantee the security of sensitive industrial data. Conditional Rendering The main complexity lies in dynamic product sheets. The system detects user levels and generates differentiated technical tables on the same URL. A partner sees tolerances and details hidden from basic users, optimizing content management without duplicating pages. Dashboard &#38; Smart Search The user dashboard features a step-by-step search engine to guide component selection. The algorithm combines automatic taxonomy criteria with manually defined priority keywords. This hybrid system ensures maximum precision in finding the right product among thousands of references. Document Automation (PDF) The download area is autonomous and secure. I implemented &#8220;on-the-fly&#8221; PDF generation: the system automatically compiles technical sheets by pulling real-time text and images from the database. This eliminates manual layout tasks and ensures downloaded documents are always up to date. Results &#38; Performance The new portal is a powerful B2B tool. Thanks to the custom Mega Menu and the removal of obsolete plugins, navigation is immediate. The custom approach returned a fast, secure platform to the client, perfectly aligned with industrial logistical flows and ready for future scalability. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/comer-italy/">Read More...<span class="screen-reader-text"> from Comer Italy</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/comer-italy/">Comer Italy</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Complete refactoring of the corporate portal with high-performance custom theme development. Advanced permission management, data sanitization, and document automation to optimize the client&#8217;s logistical flows.</p>



<h2 class="wp-block-heading">The Client: Industrial Excellence</h2>



<p class="wp-block-paragraph">Comer S.p.A. has been a leader in thermoplastic fittings and valves since 1978. With 25,000 sqm of production and 7 million items in stock, it serves critical sectors like hydraulics and marine. The goal was to build a high-performance digital ecosystem reflecting Italian logistical reliability and precision.</p>



<h2 class="wp-block-heading">The Challenge: Overcoming Technical Debt</h2>



<p class="wp-block-paragraph">The project addressed heavy technical debt. The old site used an unoptimized WooCommerce and WP Bakery, limiting speed and maintainability. The challenge was creating a segmented experience to show sensitive data only to specific users while maintaining sync with the corporate ERP.</p>



<h2 class="wp-block-heading">The Stack: Custom Understrap Development</h2>



<p class="wp-block-paragraph">To ensure lightweight modularity, I developed a fully custom theme based on Understrap (Bootstrap 5). This &#8220;code-first&#8221; approach allowed us to ditch heavy plugins for a clean architecture, ensuring high performance and a solid foundation for future B2B portal evolutions.</p>



<h2 class="wp-block-heading">Data Migration &amp; Sanitization</h2>



<p class="wp-block-paragraph">Moving away from WooCommerce, I migrated products to Custom Post Types. Massive database sanitization was required to remove residual WP Bakery shortcodes. Data was normalized to ensure a clean structure, which is essential for performance and correct indexing.</p>



<h2 class="wp-block-heading">New Data Architecture</h2>



<p class="wp-block-paragraph">The new architecture relies on ACF fields and native Gutenberg blocks. This allowed for granular technical information structuring. The transition drastically improved load times, offering the administrator an intuitive backend for content management without dirty code.</p>



<h2 class="wp-block-heading">Multi-Level User Management</h2>



<p class="wp-block-paragraph">The system manages a public area and a two-tier restricted zone, integrated with the ERP. The infrastructure verifies client status in real-time, differentiating access between anonymous visitors, basic users, and certified partners to guarantee the security of sensitive industrial data.</p>



<h2 class="wp-block-heading">Conditional Rendering</h2>



<p class="wp-block-paragraph">The main complexity lies in dynamic product sheets. The system detects user levels and generates differentiated technical tables on the same URL. A partner sees tolerances and details hidden from basic users, optimizing content management without duplicating pages.</p>



<h2 class="wp-block-heading">Dashboard &amp; Smart Search</h2>



<p class="wp-block-paragraph">The user dashboard features a step-by-step search engine to guide component selection. The algorithm combines automatic taxonomy criteria with manually defined priority keywords. This hybrid system ensures maximum precision in finding the right product among thousands of references.</p>



<h2 class="wp-block-heading">Document Automation (PDF)</h2>



<p class="wp-block-paragraph">The download area is autonomous and secure. I implemented &#8220;on-the-fly&#8221; PDF generation: the system automatically compiles technical sheets by pulling real-time text and images from the database. This eliminates manual layout tasks and ensures downloaded documents are always up to date.</p>



<h2 class="wp-block-heading">Results &amp; Performance</h2>



<p class="wp-block-paragraph">The new portal is a powerful B2B tool. Thanks to the custom Mega Menu and the removal of obsolete plugins, navigation is immediate. The custom approach returned a fast, secure platform to the client, perfectly aligned with industrial logistical flows and ready for future scalability.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/comer-italy/">Comer Italy</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Makke Pokè</title>
		<link>https://www.maurodimarino.it/en/portfolio/makke-poke/</link>
		
		<dc:creator><![CDATA[Mauro Di Marino]]></dc:creator>
		<pubDate>Mon, 01 Jan 2024 11:16:40 +0000</pubDate>
				<guid isPermaLink="false">https://www.maurodimarino.it/portfolio/makke-poke/</guid>

					<description><![CDATA[<p>Logo Design and Brand Identity for a Poke fast food joint in Mola di Bari. Creation of a hybrid brand visually merging a burger bun and a fish, combining street food concepts with Hawaiian cuisine. Project realized in partnership with Italy SWAG. The Client: Makkè Poke Makkè Poke is an innovative entity in Mola di Bari&#8217;s gastronomic landscape. It positions itself as a fast food joint breaking the mold, offering the freshness of Poke Bowls with the speed and indulgence typical of American street food. The ironic and direct name itself suggests surprise and novelty. Partnership: Italy SWAG The project stems from a strategic collaboration. While the agency Italy SWAG handles all marketing, social media management (Facebook and Instagram), and communication strategy, my role was to define the primary visual identity, creating the logo that serves as the face for all promotional activities. The Challenge: Fusion Concept The client&#8217;s request was bold: to merge two apparently distant worlds. On one side, the &#8220;carnivorous&#8221; and substantial concept of Fast Food (Burger); on the other, the fresh and healthy concept of Poke (Fish). The logo had to communicate this dual soul without creating confusion, but rather stimulating curiosity. Logo Design: The Bun-Fish The creative idea was to generate a gastronomic chimera. The pictogram depicts an &#8220;impossible burger&#8221;: the upper part is the classic soft and round &#8220;bun,&#8221; while the lower part transforms into the stylized silhouette of a fish. It is a perfect visual synthesis of the venue&#8217;s culinary offer. &#8220;Soft&#8221; and Tasty Typography To accompany such a playful icon, I chose fonts with soft, rounded lines. This typographic style not only improves readability on signage and social media but subconsciously evokes the fluffiness of bread and the gentleness of hospitality, making the brand friendly and accessible to everyone. Palette: Nature and Taste The color choice was guided by color psychology applied to food. Bright Green immediately recalls the freshness of vegetables, avocado, and the &#8220;healthy&#8221; aspect of Poke. Warm Brown evokes grilled meat, toasted bread, and earthy substance, balancing lightness with taste. Brand Versatility A fast-food logo must live everywhere. The design was studied to be extremely versatile and readable even in small dimensions. It works perfectly both as an icon for the social profiles managed by Italy SWAG and printed in large formats on the shop windows. Packaging Design The real test for the logo was its application on consumables. I managed the brand&#8217;s adaptation onto Poke Bowl packaging and cups. The logo becomes a seal of quality accompanying the customer during the meal, turning every takeout package into an advertising vehicle on the city streets. Results &#38; Achievements The Makkè Poke logo hit the mark: it is memorable, ironic, and perfectly describes the venue&#8217;s hybrid menu. The strong visual identity provided Italy SWAG with a solid foundation for social campaigns, contributing to the launch&#8217;s success and immediate brand recognition in Mola di Bari. [...]</p>
<p><a class="btn btn-secondary understrap-read-more-link" href="https://www.maurodimarino.it/en/portfolio/makke-poke/">Read More...<span class="screen-reader-text"> from Makke Pokè</span></a></p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/makke-poke/">Makke Pokè</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Logo Design and Brand Identity for a Poke fast food joint in Mola di Bari. Creation of a hybrid brand visually merging a burger bun and a fish, combining street food concepts with Hawaiian cuisine. Project realized in partnership with Italy SWAG.</p>



<h2 class="wp-block-heading">The Client: Makkè Poke</h2>



<p class="wp-block-paragraph">Makkè Poke is an innovative entity in Mola di Bari&#8217;s gastronomic landscape. It positions itself as a fast food joint breaking the mold, offering the freshness of Poke Bowls with the speed and indulgence typical of American street food. The ironic and direct name itself suggests surprise and novelty.</p>



<h2 class="wp-block-heading">Partnership: Italy SWAG</h2>



<p class="wp-block-paragraph">The project stems from a strategic collaboration. While the agency <strong>Italy SWAG</strong> handles all marketing, social media management (Facebook and Instagram), and communication strategy, my role was to define the primary visual identity, creating the logo that serves as the face for all promotional activities.</p>



<h2 class="wp-block-heading">The Challenge: Fusion Concept</h2>



<p class="wp-block-paragraph">The client&#8217;s request was bold: to merge two apparently distant worlds. On one side, the &#8220;carnivorous&#8221; and substantial concept of Fast Food (Burger); on the other, the fresh and healthy concept of Poke (Fish). The logo had to communicate this dual soul without creating confusion, but rather stimulating curiosity.</p>



<h2 class="wp-block-heading">Logo Design: The Bun-Fish</h2>



<p class="wp-block-paragraph">The creative idea was to generate a gastronomic chimera. The pictogram depicts an &#8220;impossible burger&#8221;: the upper part is the classic soft and round &#8220;bun,&#8221; while the lower part transforms into the stylized silhouette of a fish. It is a perfect visual synthesis of the venue&#8217;s culinary offer.</p>



<h2 class="wp-block-heading">&#8220;Soft&#8221; and Tasty Typography</h2>



<p class="wp-block-paragraph">To accompany such a playful icon, I chose fonts with soft, rounded lines. This typographic style not only improves readability on signage and social media but subconsciously evokes the fluffiness of bread and the gentleness of hospitality, making the brand friendly and accessible to everyone.</p>



<h2 class="wp-block-heading">Palette: Nature and Taste</h2>



<p class="wp-block-paragraph">The color choice was guided by color psychology applied to food. Bright <strong>Green</strong> immediately recalls the freshness of vegetables, avocado, and the &#8220;healthy&#8221; aspect of Poke. Warm <strong>Brown</strong> evokes grilled meat, toasted bread, and earthy substance, balancing lightness with taste.</p>



<h2 class="wp-block-heading">Brand Versatility</h2>



<p class="wp-block-paragraph">A fast-food logo must live everywhere. The design was studied to be extremely versatile and readable even in small dimensions. It works perfectly both as an icon for the social profiles managed by Italy SWAG and printed in large formats on the shop windows.</p>



<h2 class="wp-block-heading">Packaging Design</h2>



<p class="wp-block-paragraph">The real test for the logo was its application on consumables. I managed the brand&#8217;s adaptation onto Poke Bowl packaging and cups. The logo becomes a seal of quality accompanying the customer during the meal, turning every takeout package into an advertising vehicle on the city streets.</p>



<h2 class="wp-block-heading">Results &amp; Achievements</h2>



<p class="wp-block-paragraph">The Makkè Poke logo hit the mark: it is memorable, ironic, and perfectly describes the venue&#8217;s hybrid menu. The strong visual identity provided Italy SWAG with a solid foundation for social campaigns, contributing to the launch&#8217;s success and immediate brand recognition in Mola di Bari.</p>
<p>The post <a href="https://www.maurodimarino.it/en/portfolio/makke-poke/">Makke Pokè</a> appeared first on <a href="https://www.maurodimarino.it/en/">Mauro Di Marino</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
