Halles de Béziers

Showcase site for the Halles de Béziers, the historic covered market on place Jean Jaurès: an introduction to the venue and its opening hours, a directory of some twenty vendors (butchers, oyster sellers, caterers, cheesemongers…), a contact page and legal notices.

Everything is built in HTML, CSS and vanilla JavaScript, with no framework: responsive navigation with a burger menu on mobile, a dedicated stylesheet and script for each page, and a clean, documented file hierarchy.

The centrepiece of the project is a 360° virtual tour built with A-Frame: twelve panoramic viewpoints cover the market, from the entrance to the back of the aisles. Clickable spheres, animated on hover, let you move from one viewpoint to the next as in an immersive tour.

This project taught me how to structure a complete multi-page site, make an interface responsive and integrate interactive 3D into a web page — all within the “Produce a website” SAÉ of the BUT Métiers du Multimédia et de l'Internet.