The Client: Lab Go
Founded in 2020 in Northern Italy, Lab Go is a pioneer in the “phygital” 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’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’t negatively impact page loading performance (Core Web Vitals).
CSS & HTML Animations
The “phygital” 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’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’s marketing lists for newsletter management.
