Site vitrine

Pizzeria Fred'Au

Conception et développement d'un site vitrine moderne pour la Pizzeria Fred'Au, restaurant artisanal situé dans une maison à colombages du centre historique de Bayeux. Le site met en valeur l'identité unique du restaurant — pizzas cuites au four à bois dans un cadre normand authentique — à travers une expérience utilisateur soignée, une carte interactive complète et une intégration Google Maps personnalisée. L'ensemble est optimisé pour le SEO local et conçu en HTML/CSS/JavaScript natif pour des performances maximales.

Année
2026
Client
Pizzeria Fred'Au
Durée
2 semaines
Rôle
Développeur Frontend & Designer Web
HTML5CSS3JavaScriptSchema.orgGoogle Maps APISEO

Le Défi

Traduire visuellement l'âme du restaurant — la rencontre entre tradition normande (maison à colombages, palette boisée, matières chaleureuses) et art italien de la pizza — tout en garantissant un site rapide, accessible et parfaitement référencé localement à Bayeux. Concevoir une carte de plus de 30 pizzas lisible, structurée, et engageante sans surcharger l'interface.

La Solution

Développement en HTML5, CSS3 (variables CSS, grid, flexbox) et JavaScript vanilla pour des performances optimales sans dépendance. Typographie élégante (Playfair Display + Inter), palette de couleurs inspirée de la Normandie (vert, bois, crépi, brique). Intégration Google Maps avec style personnalisé vert, données structurées Schema.org Restaurant pour le SEO local, animations au scroll via IntersectionObserver, et design responsive avec menu mobile fluide.

Mon rôle

Développeur Frontend & Designer Web

Fonctionnalités Principales

Hero immersif avec photographie plein écran et appels à l'action
Section histoire avec galerie d'images et identité narrative bilingue (FR/IT)
Carte complète de plus de 30 pizzas organisée en catégories (Classiques, Base Crème, Spécialités)
Galerie photo du restaurant avec mise en page asymétrique
Tableau d'horaires d'ouverture clair (midi/soir)
Carte Google Maps intégrée avec thème personnalisé vert
Données structurées Schema.org Restaurant (avis, horaires, adresse)
Meta tags SEO et Open Graph optimisés
Animations au scroll fluides via IntersectionObserver
Menu de navigation mobile avec overlay et animations
Smooth scroll natif entre les sections
Click-to-call sur le numéro de téléphone
Design responsive mobile-first
Aucune dépendance externe — performance maximale

Résultats

Site vitrine 100% statique, ultra-rapide (sans framework)

SEO local optimisé avec Schema.org Restaurant et Open Graph

Carte interactive Google Maps avec style sur mesure aux couleurs de la marque

Design responsive et accessible, navigation fluide sur mobile et desktop

Vous avez un projet similaire en tête ?

Discutons de votre projet et voyons comment je peux vous aider à le concrétiser.

Me contacter