Behind the Scenes

Website Credits

Design & Development

Ioppolo Studio

The Di Vine and Dine Experiences website was conceived, designed and developed by Ioppolo Studio — a web design and development studio specialising in premium digital experiences for lifestyle, hospitality and culture brands.

Visit ioppolostudio.com →

The Project

Di Vine and Dine Experiences — Website

Ioppolo Studio was commissioned to design and build the complete online presence for Di Vine and Dine Experiences, a boutique enogastronomic travel company led by certified sommelier Patricia Soto. The brief called for a website that communicates premium wine travel experiences while remaining warm, approachable and educational in tone.

The project encompassed brand identity translation, UX architecture, full front-end development, content structuring across multiple sections — trips, wine knowledge, photo gallery, reviews and contact — as well as an ongoing content management collaboration with the client.

Technology

Front-End

  • HTML5 — semantic, accessible markup
  • Tailwind CSS v3 — utility-first styling with custom brand tokens
  • Vanilla JavaScript — lightweight interactions, no dependencies
  • Google Fonts — Dancing Script, Roboto, Roboto Serif

Features

  • Fully responsive — mobile, tablet and desktop
  • Lightbox photo gallery with keyboard navigation
  • Animated review slider with dot navigation
  • Contact form with privacy policy modal
  • PDF download integration for trip descriptions

Design

  • Custom brand palette — Wine Burgundy #840000 & Forest Green #2F7662
  • Script typography for aspirational headings
  • Full-bleed hero banners with overlay treatment
  • Warm cream & parchment tones throughout

Pages

  • Homepage, About, Contact
  • Upcoming, Previous & Tailored Trips
  • Individual trip pages — Tuscany, Campania, Champagne, Northern Italy, Spain
  • Wines of Italy, France & Spain knowledge sections
  • Photo Gallery with dual-section lightbox

About the Studio

Ioppolo Studio — Web Design & Development

Ioppolo Studio is an independent web design and development studio crafting high-quality digital experiences for brands that value aesthetics, clarity and performance. From brand identity to full-stack development, the studio works closely with clients to transform their vision into refined, functional websites.

Areas of expertise include custom website design, front-end development, brand systems, UX/UI design, e-commerce, and digital strategy — with a focus on lifestyle, hospitality, food & beverage, culture and professional services sectors.

Savor the Terroir

Explore the Di Vine and Dine Experiences website.

Back to Homepage