16, Chemin de la Charrette 30630 Goudargues

06 72 35 69 34

info@slproduction.pro

Projets réalisés par SL Production header

Nos Derniers Projets

  1. Projets
  2. / Nos Derniers Projets
Refonte de site web pour l'association LECE France
Lece France
25/01/26
Refonte de Site Web

Refonte du site internet de la LECE France basé sur Assoconnect

Un site vitrine sur mesure pour une institution européenne historique

Fondée il y a plus de 75 ans, la LECE France est la section française de la Ligue Européenne de Coopération Économique, une organisation historique engagée dans l’analyse, la réflexion et le débat autour des grands enjeux économiques européens. Depuis sa création, la Ligue réunit des personnalités issues du monde économique, institutionnel et politique, et contribue activement à la diffusion d’idées et à la production de réflexions stratégiques à l’échelle européenne.

À travers son action, la LECE France s’inscrit dans une tradition de dialogue et d’échange, en organisant notamment des conférences, des petits-déjeuners et des déjeuners-débats, en publiant des notes de réflexion et d’analyse économique, et en favorisant la mise en relation d’acteurs influents issus d’horizons variés. Cette dimension institutionnelle forte implique une exigence élevée en matière d’image, de lisibilité et de crédibilité, y compris sur le plan numérique.

C’est dans ce contexte qu’est née la volonté de repenser entièrement le site internet de l’association.

Un site initialement intégré à AssoConnect

Comme de nombreuses associations, la LECE France s’appuyait sur AssoConnect comme plateforme centrale pour sa gestion quotidienne. AssoConnect permet en effet de gérer efficacement les adhésions, l’organisation des événements, les inscriptions et les paiements en ligne, ainsi que l’envoi de newsletters et la relation avec les membres. Sur le plan fonctionnel et administratif, la plateforme répond parfaitement aux besoins du monde associatif.

En revanche, les possibilités de personnalisation graphique et de mise en valeur éditoriale offertes par AssoConnect restent très limitées. Pour une association à forte dimension institutionnelle, dont les contenus s’adressent à un public exigeant et informé, ces limites ne permettaient plus de refléter pleinement l’identité, l’histoire et le positionnement de la LECE France.

Le choix d’une architecture hybride

Plutôt que de remettre en cause un outil de gestion éprouvé, le choix a été fait de dissocier clairement la gestion et la communication. Le projet s’est orienté vers une architecture hybride, combinant un site vitrine entièrement sur mesure et la conservation d’AssoConnect pour toutes les fonctionnalités administratives.

Le site vitrine a été développé sans CMS, avec pour objectif principal de valoriser l’association, ses actions et ses contenus. Il constitue un espace de présentation institutionnelle, pensé pour mettre en avant l’histoire de la LECE France, sa gouvernance, ses publications et ses événements, dans une logique de lisibilité, de cohérence et de pérennité.

AssoConnect, de son côté, continue d’assurer l’ensemble des fonctions de gestion : adhésions, inscriptions aux événements, paiements et communications avec les membres. Cette séparation des rôles permet de conserver toute la flexibilité d’AssoConnect, tout en bénéficiant d’un site internet totalement libre sur le plan graphique et éditorial.

Une expérience fluide pour les visiteurs

Concrètement, le site vitrine agit comme un point d’entrée unique pour les visiteurs. Lorsqu’un événement est publié, il est présenté sur le site avec une mise en page soignée, un contenu éditorial clair et des visuels adaptés. Un lien permet ensuite aux participants de s’inscrire directement sur AssoConnect, où se déroulent l’inscription et le paiement, sans rupture dans le parcours utilisateur.

Cette organisation garantit à la fois une expérience fluide pour les visiteurs et une continuité totale dans les outils de gestion utilisés par l’association.

Un site vitrine sur mesure au service de l’image institutionnelle

Le choix d’un développement sur mesure, sans CMS, répond à une logique de long terme. Il permet une liberté graphique totale, des performances optimisées et une structure parfaitement adaptée aux contenus institutionnels. Le site devient un véritable outil de communication, capable d’évoluer avec les actions et les publications de l’association, sans être contraint par les limites d’un système standardisé.

Dans ce projet, le site internet ne remplace pas AssoConnect. Il le complète, en offrant à la LECE France une vitrine numérique à la hauteur de son rôle, de son histoire et de son rayonnement.

Une problématique partagée par de nombreuses associations

Ce projet illustre une situation fréquente dans le monde associatif. De nombreuses associations utilisent AssoConnect pour leurs adhésions et leurs événements, et pensent qu’une refonte de site est impossible tant que toute leur gestion repose sur cette plateforme. L’exemple de la LECE France démontre qu’il est tout à fait possible de conserver AssoConnect tout en développant un site vitrine sur mesure, pensé exclusivement pour la communication et la valorisation des actions.

Vous êtes une association et vous utilisez AssoConnect ?

Si vous êtes une association et que vous utilisez AssoConnect pour la gestion de vos membres, de vos événements et de vos paiements, mais que vous souhaitez améliorer votre image en ligne et disposer d’un site vitrine professionnel, nous pouvons vous accompagner dans la création ou la refonte de votre site internet.

L’objectif est de vous permettre de bénéficier d’un site sur mesure, fidèle à votre identité et à vos valeurs, tout en conservant la flexibilité et la fiabilité d’AssoConnect pour la gestion administrative et financière de votre association.
Découvrir ce projet
Création d'une vidéo motion design pour Ville Marchable
Someware
18/01/26
Production de Vidéo Explicative

Vidéo motion design pour Someware – Présentation de l'outil Ville Marchable

Ce projet de vidéo motion design s’inscrit dans une collaboration étroite avec l’entreprise Someware, spécialisée dans le développement de solutions numériques à destination des collectivités et des acteurs de l’aménagement du territoire. L’objectif principal était de concevoir une vidéo de présentation complète et pédagogique pour leur produit Ville Marchable, un outil innovant dédié à l’analyse, à la valorisation et à l’amélioration de la marchabilité des espaces urbains.

Contexte et enjeux du projet

Someware développe des solutions à forte valeur ajoutée, souvent complexes sur le plan fonctionnel et technique. Ville Marchable ne fait pas exception : il s’agit d’un outil qui agrège des données, des indicateurs et des analyses avancées pour aider les collectivités à repenser la place du piéton en ville. Le défi majeur était donc de rendre ce produit immédiatement compréhensible, attractif et lisible pour des publics variés : élus, techniciens territoriaux, urbanistes, partenaires institutionnels ou encore acteurs privés.

Dans ce contexte, la vidéo motion design s’est imposée comme un levier stratégique. Elle permet de synthétiser un discours complexe, de structurer un message clair et de créer un support de communication durable, réutilisable sur de multiples canaux (site web, présentations commerciales, réseaux sociaux, salons professionnels, rendez-vous clients).

Objectifs définis avec le client

Dès les premières phases du projet, plusieurs objectifs ont été clairement identifiés avec Someware :

- Expliquer le concept de Ville Marchable de manière simple, sans appauvrir le fond.
- Mettre en valeur les bénéfices concrets de l’outil pour les collectivités et les décideurs.
- Positionner le produit comme une solution experte, fiable et innovante.
- Renforcer l’image de marque de Someware à travers un contenu visuel professionnel et cohérent avec leur identité.
- Disposer d’un support de communication long, structuré et intemporel, capable d’accompagner la stratégie commerciale sur le long terme.
- Ces objectifs ont guidé l’ensemble des choix créatifs, narratifs et techniques du projet.

Travail de conception et d’écriture

La réalisation de cette vidéo motion design s’est étalée sur un peu plus d'un mois, un délai volontairement long afin de garantir un haut niveau de qualité. Une part importante du travail a été consacrée à la compréhension approfondie du produit, de ses fonctionnalités et de son positionnement.

Un travail de scénarisation détaillé a été mené : structuration du discours, hiérarchisation des informations, choix des messages clés et définition du rythme global de la vidéo. L’enjeu était de construire une narration fluide, progressive, capable de capter l’attention tout en accompagnant le spectateur dans la découverte de l’outil.

Chaque séquence a été pensée pour répondre à une question précise : quel problème est adressé ? pourquoi la marchabilité est-elle un enjeu central ? comment l’outil fonctionne-t-il ? quels bénéfices concrets pour les utilisateurs ? Cette approche pédagogique est essentielle dans le cadre de produits numériques à destination de décideurs.

Direction artistique et animation

Sur le plan visuel, la direction artistique a été conçue pour s’intégrer naturellement à l’univers graphique de Someware. Couleurs, typographies, formes et animations ont été harmonisées avec leur identité afin de renforcer la cohérence globale de la communication.

Le motion design permet ici de donner vie aux données, aux cartes, aux indicateurs et aux concepts abstraits. Les animations facilitent la compréhension, guident le regard et mettent en valeur les points clés sans surcharge visuelle. Le rythme a été soigneusement calibré pour maintenir l’attention sur une durée relativement longue, tout en évitant la monotonie.

Chaque mouvement, chaque transition et chaque élément graphique a une fonction précise : clarifier, illustrer ou renforcer le message. Ce niveau de précision est indispensable pour produire une vidéo réellement utile dans un contexte professionnel.

Apport stratégique de la vidéo pour le client

Cette vidéo motion design joue un rôle central dans la stratégie de communication de Someware. Elle agit comme un outil de médiation entre un produit techniquement avancé et des interlocuteurs qui n’en maîtrisent pas nécessairement tous les aspects.

Concrètement, elle permet :

- de raccourcir les cycles de compréhension lors des présentations commerciales,
- de valoriser le produit dès les premières secondes sur le site internet,
- de renforcer la crédibilité et le sérieux de l’entreprise,
- d’uniformiser le discours commercial autour d’un support clair et maîtrisé.

Pour Someware, disposer d’une vidéo de ce type, longue et structurée, représente un investissement stratégique : elle devient un pilier de leur communication, capable de soutenir le développement du produit sur plusieurs années.

Valeur ajoutée du motion design dans ce projet

Le choix du motion design n’est pas anodin. Contrairement à une simple vidéo institutionnelle ou à une démonstration technique brute, le motion design permet de construire un récit. Il transforme un outil numérique en une solution compréhensible, incarnée et désirable.

Dans ce projet, le motion design apporte :

- une capacité de vulgarisation sans perte de crédibilité,
- une mise en scène dynamique des concepts et des données,
- une forte mémorisation des messages clés,
- une adaptabilité totale aux supports de diffusion.

C’est précisément cette capacité à allier pédagogie, esthétique et efficacité qui en fait un outil de communication privilégié pour les entreprises innovantes.

Un projet représentatif de notre approche

Ce projet illustre pleinement notre approche en tant que studio de développement web, de design graphique et de motion design. Il ne s’agit pas simplement de produire une vidéo esthétique, mais de concevoir un outil de communication aligné sur les objectifs business du client.

Chaque étape – analyse, écriture, design, animation – est pensée comme une réponse stratégique à un besoin précis. Cette méthodologie est particulièrement adaptée aux entreprises qui développent des produits complexes et souhaitent les rendre accessibles, compréhensibles et attractifs.

La vidéo Ville Marchable est aujourd’hui un support clé pour Someware. Elle démontre comment un motion design bien conçu peut devenir un véritable levier de développement, au service d’un produit, d’une vision et d’une stratégie globale de communication.

Vous avez un projet de vidéo motion design ?

Si votre entreprise développe un produit, un service ou un outil qui nécessite d’être expliqué, valorisé et rendu immédiatement compréhensible, la vidéo motion design est un levier particulièrement efficace. Que votre projet soit technique, institutionnel ou innovant, nous vous accompagnons de la réflexion stratégique jusqu’à la réalisation finale. En tant que studio de développement web, de design graphique et de motion design, nous concevons des contenus sur mesure, alignés avec vos objectifs et votre stratégie de communication. N’hésitez pas à nous contacter pour échanger sur votre projet et construire ensemble un support vidéo réellement utile à votre développement.Projet de vidéo motion design pour Someware – Présentation du produit Ville Marchable
Découvrir ce projet
Production d'une vidéo explicative en motion design pour Mobilité pour Tous en Bretagne
Agir Pour Tous
29/05/25
Production de Vidéo Explicative

Production d'une vidéo explicative en motion design pour Mobilité pour Tous en Bretagne

Une production audiovisuelle professionnelle au service de la clarté et de l’impact

Dans le cadre de son développement numérique, l’association Agir pour Tous, implantée dans les vallons de Vilaine en Bretagne, a récemment fait appel à nous pour la réalisation d’une vidéo explicative en motion design, destinée à être intégrée à son site internet.

Ce projet constitue la deuxième collaboration entre notre équipe et l’association. En effet, nous avions déjà conçu une carte interactive sur mesure pour leur site, afin de visualiser de manière dynamique et intuitive les communes faisant parti du plan d'action de l'association. Satisfaite de cette première prestation, l’association a souhaité aller plus loin en enrichissant son site d’un contenu vidéo explicatif à la fois pédagogique, cohérent graphiquement et professionnellement réalisé.

Une vidéo explicative pensée dans la continuité graphique du site web
Pour garantir une cohérence visuelle forte entre la vidéo et le reste du site, nous avons fait le choix de reprendre les éléments graphiques déjà utilisés dont la carte interactive et les différents éléments visuels des pages du site de l’association. Cette démarche permet d’offrir aux visiteurs une expérience fluide, sans rupture de style, tout en renforçant l'identité visuelle de l’association.

Le motion design permet ici de rendre l’information vivante, dynamique et accessible. Grâce à des animations simples mais efficaces, les messages clés sont illustrés de manière claire et compréhensible, même pour un public non spécialiste. L’objectif : valoriser l’engagement de l’association, ses missions et ses actions, tout en captant l’attention de ses publics cibles et permettre une correcte utilisation des outils mis à disposition sur le site internet.

Une voix off professionnelle pour une narration engageante
L’un des éléments fondamentaux d’une vidéo explicative réussie est la voix off. Pour ce projet, nous avons collaboré avec une actrice de voix off professionnelle, enregistrée en studio. Le ton, le rythme, l’articulation et l’intonation ont été soigneusement travaillés pour transmettre efficacement le message, tout en établissant une relation de confiance avec l’audience.

Nous avons d’abord rédigé un script clair, structuré autour de scènes principales définies en amont avec l’association. Ce script a été testé avec une voix témoin générée par intelligence artificielle, afin d’ajuster le rythme des animations et le déroulé de la narration avant l’enregistrement final.

Un processus de création rigoureux, en plusieurs étapes
Le projet s’est déroulé sur une semaine de travail intensif, avec une méthodologie structurée en plusieurs phases essentielles à la création d’une vidéo de qualité professionnelle :

- Définition des scènes clés et construction d’une narration fluide en lien avec les messages prioritaires de l’association.
- Écriture du dialogue en collaboration avec le client, pour garantir la clarté et l’adéquation du ton au public visé.
- Design graphique des scènes via Adobe Illustrator, en cohérence avec la charte graphique du site existant.
- Création d’une voix témoin avec une IA spécialisée pour caler la synchronisation et valider le ton général.
- Recherche d’une musique libre de droits parfaitement adaptée à l’univers sonore souhaité dans une banque de son professionnelle.
- Animation des scènes dans After Effects, avec un soin particulier apporté à la lisibilité et au rythme.
- Montage et mixage audio dans Avid Protools, pour un rendu sonore équilibré, propre et professionnel.
- Finalisation du projet dans Davinci Resolve Studio, afin de garantir un rendu optimal sur tous les supports.

Des logiciels professionnels pour une qualité irréprochable
Nous avons mobilisé plusieurs outils professionnels pour mener à bien cette réalisation :

- Adobe Illustrator pour la création des visuels et des éléments graphiques animés ;
- Adobe After Effects pour l’animation en motion design, avec des transitions fluides et une direction artistique harmonieuse ;
- Avid Protools pour l’enregistrement, l’édition et le mixage de la voix off et de la bande-son ;
- Davinci Resolve Studio pour l’étalonnage, le rendu final et l’export de la vidéo.

L’utilisation de cette chaîne logicielle garantit un résultat à la hauteur des standards actuels, loin des limites des outils gratuits ou automatisés en ligne.

Pourquoi faire appel à un studio audiovisuel professionnel ?
Il peut être tentant, par souci d’économie, de créer soi-même une vidéo explicative à l’aide d’un outil gratuit ou semi-automatisé en ligne. Pourtant, ces plateformes n’offrent ni la souplesse créative, ni la qualité de rendu, ni la maîtrise narrative nécessaires pour produire une vidéo à fort impact.

Une vidéo explicative mal réalisée aura sans aucun doute un effet contre-productif : graphiques non adaptés et totalement amateurs, voix monotone, animations approximatives, mauvaise qualité sonore... Ces défauts nuisent à la crédibilité de votre site, de votre entreprise ou de votre association. Une vidéo est une vitrine : elle se doit d’être soignée, engageante et cohérente avec votre identité visuelle.

Confier sa production à un studio spécialisé en design graphique et en édition vidéo permet d’obtenir un contenu réellement professionnel, qui capte l’attention, suscite l’intérêt et renforce votre image de marque.

Une vidéo explicative : un investissement stratégique pour votre communication
Pour une association comme Agir pour Tous, cette vidéo explicative constitue un outil de communication central. Elle permet d’expliquer sa mission de manière synthétique et attractive, de mobiliser ses partenaires, et de sensibiliser le grand public à ses actions.

Que vous soyez une association, une entreprise ou une collectivité, la vidéo de présentation professionnelle est aujourd’hui un levier indispensable dans toute stratégie de communication digitale. Nous vous accompagnons dans toutes les étapes de sa réalisation, de l’écriture à la diffusion, pour un résultat sur mesure.

Vous avez un projet à présenter ?
Contactez-nous pour transformer vos idées en vidéos engageantes, professionnelles et inoubliables.
Découvrir ce projet
Refonte de site web vitrine Frêt Transit et Design de logo - Suisse
Frêt Transit
29/05/25
Refonte de Site Web

Refonte de site web vitrine pour la société Suisse Frêt Transit + Design de logo

Nous avons récemment accompagné FTS Fret Transit Services SA, acteur clé en Suisse dans la gestion du transport, les formalités douanières et la logistique, dans une refonte complète de son site internet.

Cette entreprise, active depuis 2003, ne possédait pas de site web reflétant la qualité de ses services ni son positionnement stratégique sur le marché. Notre mission a donc été double : moderniser son image et optimiser sa présence en ligne.

Un site vitrine en HTML/CSS/JS, sans CMS : un choix stratégique
FTS n’ayant pas besoin de fonctionnalités dynamiques, nous avons opté pour un site 100 % statique, développé en HTML, CSS et JavaScript.
Ce choix présente de nombreux avantages pour les entreprises souhaitant une présence simple, efficace et durable :
– Aucune maintenance technique à prévoir chaque mois
– Fiabilité maximale, sans les risques de bugs liés aux mises à jour
– Sécurité renforcée, avec très peu de surface d’attaque pour les malwares
– Frais de serveur réduits grâce à un hébergement allégé
– Chargement ultra-rapide sur tous les supports

Contrairement à un site "générique", le design a été entièrement réalisé sur mesure, pour transmettre une image professionnelle, moderne et cohérente avec les valeurs de FTS. Chaque section du site a été pensée pour mettre en valeur les services offerts, tout en garantissant une navigation fluide et intuitive.

Un nouveau logo pour une nouvelle dynamique
En parallèle, nous avons également refondu l’identité visuelle de FTS avec un nouveau logo bleu et rouge.
Deux couleurs fortes, qui évoquent la fiabilité, la maîtrise et la réactivité – des qualités essentielles dans le domaine du transport et des formalités douanières.
La typographie italique renforce cette notion de mouvement, de fluidité et de performance.

Pourquoi choisir un site statique plutôt qu’un site Wordpress ?
Si vous êtes une entreprise et que vous avez simplement besoin d’une présence en ligne claire et professionnelle, inutile d’investir dans un site complexe sous Wordpress ou un autre CMS.
Un site statique en HTML est un choix intelligent :

– Vous n’avez aucune maintenance à gérer
– Pas de frais mensuels liés aux mises à jour ou à la sécurité
– Votre site est plus rapide, plus sécurisé et plus pérenne
– Vous renvoyez une image soignée à vos clients dès le premier clic

C’est la solution idéale si vous ne prévoyez pas de blog, de boutique en ligne ou de fonctionnalités de gestion avancées.

Un site bien pensé, réalisé sur mesure, sans contrainte technique, qui travaille pour votre image – voilà ce que nous proposons.
Vous envisagez une refonte ou la création de votre site d’entreprise ? Parlons-en.
Découvrir ce projet
Création d’une carte interactive pour Mobilité Pour Tous
Agir Pour Tous
17/03/25
Design Web

Création d’une carte interactive pour Mobilité Pour Tous

Dans le cadre de son engagement en faveur d’une mobilité plus accessible et durable, l’association Agir Pour Tous nous a confié la conception et le développement d’une carte interactive destinée à être intégrée à leur site Mobilité Pour Tous.
L’objectif de ce projet était de proposer une solution ergonomique et intuitive permettant aux usagers d’accéder rapidement aux informations de transport dans leur commune. Cette carte interactive, développée en HTML, CSS et JavaScript, a été intégrée sous la forme d’un plugin WordPress, facilitant ainsi son déploiement et sa gestion au sein du site.

Un outil interactif et fonctionnel
La carte regroupe les 38 communes des Vallons de Haute Bretagne et de Bretagne Port de Loire, chacune étant cliquable et redirigeant vers une page dédiée contenant des informations détaillées sur les solutions de transport disponibles (TER, cars BreizhGo, covoiturage, itinéraires cyclables et piétons, etc.).

Les principaux défis techniques de ce projet ont été :

- L’optimisation de l’affichage : la carte devait être lisible et facilement exploitable, quelles que soient la taille de l’écran et la résolution utilisée.

- L’accessibilité mobile : nous avons mis en place une interface responsive qui s’adapte aussi bien aux ordinateurs de bureau qu’aux smartphones et tablettes, garantissant une navigation fluide.

- L’interactivité : chaque commune est mise en avant au survol et réagit au clic pour rediriger rapidement vers la page correspondante, avec des animations fluides pour une expérience utilisateur agréable.

- La performance et la rapidité de chargement : la carte a été optimisée pour limiter son impact sur les temps de chargement du site, garantissant une utilisation efficace même sur des connexions limitées.

Une solution technique adaptée aux besoins

Pour assurer une expérience utilisateur fluide et intuitive, nous avons utilisé plusieurs technologies et bonnes pratiques :

- SVG pour un rendu graphique précis et léger, tout en conservant une grande flexibilité d’affichage.

- JavaScript pour gérer les interactions dynamiques sans alourdir la navigation.

- CSS et Media Queries pour une parfaite adaptation aux différents écrans, du smartphone au grand écran.
- Intégration WordPress sous forme de plugin, facilitant l’administration et les mises à jour du projet.

Un projet sur mesure pour une accessibilité optimale
Créer une carte interactive efficace et ergonomique est plus complexe que ça en a l’air et peux parfois représenter un véritable défi technique, surtout lorsqu’il s’agit de garantir une expérience utilisateur homogène sur ordinateurs, tablettes et smartphones. L’équilibre entre design, performance et interactivité est essentiel pour assurer un outil à la fois performant et simple d’utilisation.

Si vous avez besoin d’une solution sur-mesure pour intégrer une carte interactive à votre site web, n’hésitez pas à nous contacter. Nous saurons vous accompagner pour concevoir une solution adaptée à vos besoins et à votre audience !

Découvrir ce projet