Oppenheimer — site d’auteur
Un site d’auteur à parcourir comme une bibliothèque.
Lire l’étude de casÉtude de cas · Création
Un site associatif qui prend vie à partir de son logo.
Bikourim disposait de textes, d’un logo et d’une première maquette. Nous avons créé son site sur mesure : une page animée qui présente l’association, ses engagements et son bureau, puis donne un accès direct au contact.
Le point de départ
Le contexte du projet.
Bikourim est une association de solidarité fondée sur la gratitude, le don et la transmission. Rodolphe Oppenheimer, son secrétaire général, avait fourni une présentation, les informations du bureau et une maquette de site. La mission consistait à reprendre ce contenu dans une identité visuelle propre à l’association et à mettre en ligne une première vitrine sur bikourim.com.
Site client
Recevoir, donner, transmettre : un fil conducteur visuel.
La devise occupe le premier écran. Le reste de la page en développe le sens, puis présente les personnes qui portent l’association et le moyen de les contacter.
Les enjeux
Ce qu’il fallait régler.
- 01
Conserver la voix de l’association
Le texte expliquait déjà le sens des premiers fruits, la reconnaissance et la transmission. Il fallait lui donner une structure de lecture sans réécrire la mission ni lui ajouter des actions non documentées.
- 02
Construire une identité à partir du logo
L’arche, les grenades et les couleurs du logo offraient une matière visuelle précise. Nous les avons prolongées dans le premier écran, les détails graphiques et les animations.
- 03
Garder un parcours court
Pour cette première présentation, une seule page suffisait : comprendre l’origine, lire les engagements, identifier le bureau et écrire à l’association.
Ce que nous avons fait
Le travail, point par point.
Reprise des textes et des informations fournis par l’association, avec une navigation par sections : origine, engagements, transmission, bureau et contact.
Création d’un habillage bleu nuit et or, avec une grande typographie à empattements, l’arche du logo et les grenades comme motifs récurrents.
Développement d’une ouverture animée autour du logo, que le visiteur peut passer, puis d’apparitions au défilement et d’interactions au survol.
Intégration de quatre engagements lisibles et de trois fiches présentant les membres du bureau et leurs fonctions.
Mise en place du contact par lien courriel, d’une page de mentions légales et de la mesure d’audience Matomo configurée sans cookie.
Mise en ligne en HTTPS sur bikourim.com, contrôle des versions ordinateur et mobile, puis ajustement de l’introduction et du survol de l’adresse de contact.
La mission présentée est la création et la mise en ligne du site à partir des éléments fournis. Les ajustements de livraison sont documentés ; cette étude ne décrit pas un contrat de maintenance récurrente.
Réalisation sur mesure
Une animation conçue autour du contenu.
Le site utilise HTML, CSS et JavaScript, avec ses polices et ses images hébergées sur place. Les effets accompagnent la présentation et disposent d’un mode adapté aux préférences de réduction des animations.
Une page à sections
Le menu mène directement à l’origine de l’association, à ses engagements, à la transmission, au bureau et au contact. Les mentions légales ont leur propre page.
Animation dédiée
L’arche se dessine, le nom apparaît et le décor s’ouvre sur la devise. Les motifs du logo se retrouvent dans les effets du premier écran et les transitions de la page.
Lecture préservée
L’introduction peut être passée. Le code tient compte de la préférence de réduction des animations et conserve le contenu lisible lorsque JavaScript est désactivé.
Côté visiteur
Ce que l’on trouve en arrivant.
- 01
Une devise immédiatement visible
Le titre « Recevoir avec gratitude, donner avec cœur, transmettre avec responsabilité » présente l’esprit de Bikourim dès l’arrivée.
- 02
Quatre engagements séparés
Accompagner, soutenir les familles, être présents et créer des liens sont présentés en quatre points, avec les formulations de l’association.
- 03
Un bureau identifié
Le président, le secrétaire général et le trésorier sont présentés avec leur fonction. Le siège, l’identité associative et l’adresse de contact complètent la page.
Qui vient, et pour quoi faire
Découvrir Bikourim
Lire l’origine du nom et les valeurs portées par l’association, puis parcourir ses engagements.
Entrer en relation
Identifier le bureau et ouvrir un courriel à l’adresse de contact pour poser une question ou manifester son intérêt.
Ce que le projet apporte
Une première présence publique pour l’association.
Ces éléments décrivent le site livré et ses fonctions. Aucun résultat de collecte, de fréquentation ou de demandes reçues n’est revendiqué.
- 01
Un site sur son propre domaine
Bikourim dispose d’une présentation en ligne sur bikourim.com, accessible en HTTPS, avec ses informations associatives et ses mentions légales.
- 02
Une continuité avec le logo
Les couleurs, l’arche et les grenades donnent une cohérence aux écrans et aux animations, tout en conservant les éléments fournis par le client.
- 03
Une lecture rassemblée
Le visiteur peut parcourir la présentation de haut en bas et rejoindre le contact depuis le menu ou les boutons de la page.
Continuer
Études voisines.
Ava Films
Un site de cinéma pour transmettre une histoire.
Lire l’étude de cas
Prix Edgar Faure
Un site dédié au Prix Edgar Faure, au rythme de son édition 2026.
Lire l’étude de casNos services