DB Vision

Le site vitrine de Dan Berg, vidéaste corporate et événementiel à Strasbourg : une vitrine à la hauteur de ses films, structurée pour être trouvée.

Site vitrine Strasbourg db-vision.fr ↗(nouvelle fenêtre)

Page d’accueil de db-vision.fr : vidéo plein écran en ouverture, navigation éditoriale, titrage serif.
db-vision.fr — page d’accueil

Le contexte

Dan Berg filme des entreprises et des événements. Son travail se juge en quelques secondes d’images — mais sans site à la hauteur, ces secondes n’arrivaient jamais jusqu’aux bons clients. Il fallait un lieu qui montre les films en grand, dise clairement à qui il s’adresse, et existe sur les recherches locales.

La réponse

Un site vitrine éditorial, bilingue français-anglais, construit autour de l’image : vidéo plein écran dès l’arrivée, typographie à deux voix (un serif expressif pour les titres, une sans-serif sobre pour le reste), navigation qui raconte la maison — savoir-faire, univers, créations — plutôt qu’un menu générique.

Le référencement local a guidé la structure : chaque page répond à une intention de recherche réelle autour du métier de vidéaste à Strasbourg, avec les données structurées et le maillage interne qui vont avec.

Section « savoir-faire » de db-vision.fr : offres du vidéaste présentées en blocs éditoriaux.
Structure éditoriale des offres

01 Sous le capot

Choix techniques

  • Code écrit à la main HTML sémantique, CSS sur-mesure — pas de thème, pas de constructeur.
  • Animation mesurée GSAP + ScrollTrigger et défilement Lenis : du mouvement au service des films, jamais l’inverse.
  • Vidéo maîtrisée Posters optimisés, chargement différé : l’image en grand sans plomber le chargement.
  • SEO local structuré Pages par intention de recherche, données structurées, hiérarchie stricte.
  • Vie privée respectée Consentement minimal, pas de pistage superflu.
  • Bilingue natif Versions française et anglaise gérées dès la structure, pas traduites après coup.

Visiter db-vision.fr (nouvelle fenêtre)

Votre métier mérite le même soin.

Chaque projet commence par la même question : qu’est-ce que le site doit accomplir pour vous ?

Discuter de votre projet contact@ek-dev.fr