{"pageProps":{"locale":{"code":"fr","domain":"frenchstack.fr","lang":"fr-FR","json":{"TRANSLATE":"Traduire en","EN":"Anglais","FR":"Français","NO_TRANSLATION_AVAILABLE":"Aucune traduction disponible","PROFILE_OF":"Profil de","FILTER_BY_TAG":"Filtrer par tag","REMOVE_FILTER":"Supprimer le filtre","RESULT":"Résulat","RESULTS":"Résulats","FORM_CONTACT_SUPPORT":"Support","FORM_CONTACT_SALES":"Devis","FORM_CONTACT_BUGS":"Rapport de bug","FORM_LOADING":"Chargement","FORM_SEND":"Envoyer","FORM_VERIFY":"Vérifier","FORM_NAME":"Nom","FORM_TOPIC":"Sujet","FORM_PHONE":"Téléphone","FORM_EMAIL":"Email","FORM_MESSAGE":"Message","FORM_DOMAIN_PLACEHOLDER":"exemple.fr","FORM_DOMAIN_AVAILABLE":"Félicitations, le domaine <span data-selector='domain'></span> est disponible !","FORM_DOMAIN_TAKEN":"Désolé, le domaine <span data-selector='domain'></span> est pris.","SUBSCRIBE":"S'abonner","SUCCESS_CONTACT":"Votre message a bien été envoyé ! Nous vous répondrons dans les plus brefs délais.","SOMETING_WENT_WRONG":"Oops, une erreur s'est produite. Veuillez réessayer ultérieurement.","PERFORMANCE":"Performance","ACCESSIBILITY":"Accessibilité","BEST_PRACTICES":"Bonnes pratiques","SEO":"Référencement","MOBILE":"Mobile","TABLET":"Tablette","DESKTOP":"Ordinateur","VISITORS":"Visiteurs","ENGAGEMENT":"Engagement","CONVERSIONS":"Conversions","JAN":"Janv","FEB":"Févr","MAR":"Mars","APR":"Avr","MAY":"Mai","JUN":"Juin","JUL":"Juil","AUG":"Août","SEP":"Sept","OCT":"Oct","NOV":"Nov","DEC":"Déc","METHOD_PHONE":"Téléphone","METHOD_EMAIL":"Email"},"subdomains":{"blog":"blog","clients":"references","videos":"videos","services":"services"},"ogSection":"Technologie"},"slugs":["fr","index"],"component":"home","articles":[{"id":"content/articles/fr/nouilles-oi.mdx","heroSection":{"heroTitle":"Nouilles Oi","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"La cuisine asiatique mobile"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/nouilles-oi-food-truck.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(90deg, rgba(59, 208, 161, 0.9), rgba(255, 130, 19, 0.9))","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"nouilles oi food truck","imageWidth":2109,"imageHeight":1186},"seoSection":{"metaTitle":"Nouilles Oi - Cuisine Asiatique Authentique & Expérience Digitale Innovante","metaDescription":"Food truck alsacien proposant une cuisine asiatique créative. Site web moderne mettant en valeur des saveurs authentiques et une expérience culinaire unique.","metaTags":"Nouilles Oi, food truck, cuisine asiatique, marketing digital, design web, gastronomie mobile, événementiel culinaire, alsace","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-30T13:09:14.260Z","localeCode":"fr","slug":"nouilles-oi","url":"/fr/references/nouilles-oi","ogId":"nouilles-oi-references-fr","ogImagePath":"/og/nouilles-oi-references-fr.png","type":"Article","title":"Nouilles Oi","subtitle":"Spécialiste de la cuisine asiatique","browserUrl":"nouilles-oi.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Un design web moderne pour sublimer une cuisine asiatique créative"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Création d'une plateforme en ligne engageante pour augmenter les commandes et refléter la qualité des plats"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Design épuré, formulaire de contact, mise en avant des plats emblématiques"}]}]}]}]},"subdomainKey":"clients","subdomain":"references","logo":"/images/nouilles-oi-logo.svg","logoAlt":"nouilles oi logo","logoWidth":500,"logoHeight":128,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Un design moderne pour sublimer une cuisine créative"}]},{"type":"p","children":[{"type":"text","text":"Nouilles Oi incarne une vision contemporaine de la cuisine asiatique, repoussant les frontières entre tradition culinaire et expérience moderne. Plus qu'un simple food truck, c'est un concept gastronomique qui transporte l'authenticité des saveurs asiatiques au cœur de l'Alsace."}]},{"type":"p","children":[{"type":"text","text":"La création du site web s'est imposée comme une stratégie de communication essentielle. L'objectif : développer l'identité numérique de la marque pour accroître les opportunités professionnelles, de l'événementiel d'entreprise aux occasions spéciales."}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/nouilles-oi-logo.svg","caption":"500x128","children":[{"type":"text","text":""}],"alt":"Nouilles Oi Logo"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Création d'un design moderne"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement du site web éditable"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Rédaction de contenus éditoriaux et visuels stratégiques"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Optimisation des performances"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Analyse des visites web, conforme au RGPD"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Formulaire de contact"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/nouilles-oi-a-propos.png","caption":"1580x889","children":[{"type":"text","text":""}],"alt":"Nouilles Oi A Propos"}]},{"type":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Site web : "},{"type":"a","url":"https://www.nouilles-oi.fr/","title":null,"children":[{"type":"text","text":"nouilles-oi.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2024"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Développement web, Web design, SEO, Photographie et montage"}]}]}]}]},"dateCreate":"2024-12-09T18:59:28.509Z","dateUpdate":"2024-12-09T18:59:28.509Z","translations":[{"localeCode":"en","title":"Oi Noodles","slug":"nouilles-oi","url":"/en/clients/nouilles-oi"}],"tags":[]},{"id":"content/articles/fr/angular-validation-formulaire-comparer-plusieurs-champs.mdx","heroSection":{"heroTitle":"Comparer plusieurs champs","heroSubtitle":"","heroBadge":"Validation de formulaire Angular","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Comment valider deux champs d'un formulaire en faisant une comparaison ?"}]},{"type":"p","children":[{"type":"text","text":"Vérifions plusieurs champs avec un validateur de haut niveau !"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/angular-form-validation.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, transparent 0%, #0e256ddb 17%, #ff4444db 120%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"angular form validation","imageWidth":1344,"imageHeight":768},"seoSection":{"metaTitle":"Validation de formulaire Angular : Comparer plusieurs champs","metaDescription":"Comment valider deux champs d'un formulaire en faisant une comparaison ? Vérifions plusieurs champs avec un validateur de haut niveau !","metaTags":"formulaire, angular, validation, angular-validation","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-07T00:09:54.046Z","localeCode":"fr","slug":"angular-validation-formulaire-comparer-plusieurs-champs","url":"/fr/blog/angular-validation-formulaire-comparer-plusieurs-champs","ogId":"angular-validation-formulaire-comparer-plusieurs-champs-blog-fr","ogImagePath":"/og/angular-validation-formulaire-comparer-plusieurs-champs-blog-fr.png","type":"Article","title":"Comparer plusieurs champs avec Angular","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"blog","subdomain":"blog","logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Supposons que notre formulaire ait des champs de date "},{"type":"text","text":"startDate","code":true},{"type":"text","text":" et "},{"type":"text","text":"endDate","code":true},{"type":"text","text":" et nous voulons nous assurer que "},{"type":"text","text":"startDate","code":true},{"type":"text","text":" doit être avant "},{"type":"text","text":"endDate","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Pour implémenter des validations contenant un ou plusieurs contrôles frères, nous devons définir la fonction de validation à un niveau supérieur à celui des contrôles frères."}]},{"type":"mdxJsxFlowElement","name":"codeHeader","children":[{"type":"text","text":""}],"props":{"filePath":"app / src / pages / form-example / form-example.component.ts","fileName":"form-example.component.ts","svgFile":"typescript"}},{"type":"code_block","lang":"typescript","value":"ngOnInit() : void\n{\n  this.formGroup = this.formBuilder.group(\n  {\n    startDate : new FormControl({\n      value    : null,\n      disabled : false\n    }, [ Validators.required ]),\n    endDate : new FormControl({\n      value    : null,\n      disabled : false\n    }, [ Validators.required ]),\n  },\n  // NOTE Validateur de haut niveau\n  { validator : DateValidator.dateRangeValidator });\n}","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"text","text":"Ensuite, nous définissons un validateur personnalisé dans un fichier séparé, par exemple "},{"type":"text","text":"date.validator.ts","code":true},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"codeHeader","children":[{"type":"text","text":""}],"props":{"fileName":"date.validator.ts","filePath":"app / src / shared / validators / date.validator.ts","svgFile":"typescript"}},{"type":"code_block","lang":"typescript","value":"// Angular modules\nimport { Injectable }       from '@angular/core';\nimport { AbstractControl }  from '@angular/forms';\nimport { ValidationErrors } from '@angular/forms';\n\n@Injectable({\n  providedIn : 'root'\n})\nexport class DateValidator\n{\n  constructor() {}\n\n  public static dateRangeValidator(control : AbstractControl) : ValidationErrors | null\n  {\n    // NOTE Contrôle de sécurité\n    if (!control.get('startDate').value || !control.get('endDate').value)\n      return null;\n\n    // NOTE Comparaison de champs\n    // const mStart  = moment(control.get('startDate').value);\n    // const mEnd    = moment(control.get('endDate').value);\n    // const isValid = mStart.isBefore(mEnd);\n\n    // NOTE Invalide\n    if (!isValid)\n      return { invalidDateRange : true };\n\n    // NOTE Valide\n    return null;\n  }\n}","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"text","text":"Si invalide, retourne un objet d'erreur (n'importe quel nom arbitraire), comme, "},{"type":"text","text":"return { invalidEndDate: true }","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Assurez-vous qu'il renvoie toujours un "},{"type":"text","text":"null","code":true},{"type":"text","text":" pour les cas valides ou non pertinents, et un objet \"non-null\" dans les cas où une erreur doit être déclenchée sur le "},{"type":"text","text":"formGroup","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Pour afficher l'erreur au niveau de notre vue, nous utilisons la clé "},{"type":"text","text":"invalidDateRange","code":true},{"type":"text","text":" retournée par notre validateur."}]},{"type":"mdxJsxFlowElement","name":"codeHeader","children":[{"type":"text","text":""}],"props":{"fileName":"form-example.component.html","filePath":"app / src / pages / form-example / form-example.component.html","svgFile":"html"}},{"type":"code_block","lang":"html","value":"<div *ngIf=\"formGroup.hasError('invalidDateRange')\">\n  La date de début n'est pas antérieure à la date de fin\n</div>","children":[{"type":"text","text":""}]}]},"dateCreate":"2021-03-17T10:46:42.000Z","dateUpdate":"2021-09-15T10:57:26.000Z","author":{"id":"content/authors/fr/nicolas-roehm-bettcher.mdx","heroSection":{"heroTitle":"Nicolas Roehm","heroSubtitle":"Ingénieur logiciel","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Fondateur de French Stack, je conçois des solutions informatiques complètes."}]},{"type":"p","children":[{"type":"text","text":"Développeur full-stack, j'interviens principalement sur des projets frontend avec Angular, React ou Vue."}]},{"type":"p","children":[{"type":"text","text":"Passionné de design, voici quelques-unes de mes "},{"type":"a","url":"https://www.artstation.com/nicolas-roehm","title":"ArtStation - Nicolas Roehm","children":[{"type":"text","text":"conceptions graphiques"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"socialLinks","children":[{"type":"text","text":""}],"props":{"links":[{"icon":"gitHub","link":"https://github.com/NicolasRoehm"},{"icon":"stackOverflow","link":"https://stackoverflow.com/users/7462178/nicolas-roehm?tab=profile"},{"icon":"linkedIn","link":"https://fr.linkedin.com/in/nicolas-roehm-bettcher"}]}}]},"heroSubtitleIsInline":true,"heroHasBackground":false,"heroImage":"/images/nicolas-roehm-bettcher.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(312deg, #0800ff 0%, #4300ff00 70%)","heroMaxWidth":"","heroMs":"25%","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"#fff0","navbarBorderColor":"","navbarLinkActive":"#6785be","navbarLinkHover":"#6785be"},"imageAlt":"nicolas roehm bettcher","imageWidth":0,"imageHeight":0},"seoSection":{"metaTitle":"Nicolas Roehm, Ingénieur logiciel","metaDescription":"Passionné d'informatique, je conçois des sites web dans leur intégralité : design, developpement, référencement, e-reputation, e-mailling, hébergement","metaTags":"Nicolas Roehm, Ingénieur logiciel, web, mobile, site internet","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:38:50.025Z","localeCode":"fr","slug":"nicolas-roehm-bettcher","url":"/fr/nicolas-roehm-bettcher","ogId":"nicolas-roehm-bettcher-fr","ogImagePath":"/og/nicolas-roehm-bettcher-fr.png","type":"Author","title":"Nicolas Roehm-Bettcher","avatar":"/images/nicolas-roehm-avatar.png","lname":"Roehm","fname":"Nicolas","name":"Nicolas Roehm","translations":[{"localeCode":"en","title":"Nicolas Roehm-Bettcher","slug":"nicolas-roehm-bettcher","url":"/en/nicolas-roehm-bettcher"}]},"translations":[{"localeCode":"en","title":"Comparing Multiple Fields with Angular","slug":"angular-form-validation-compare-multiple-fields","url":"/en/blog/angular-form-validation-compare-multiple-fields"}],"tags":[{"id":"content/tags/fr/angular.mdx","localeCode":"fr","title":"Angular","slug":"angular","url":"/fr/blog/angular"}]},{"id":"content/articles/fr/croisieurope.mdx","heroSection":{"heroTitle":"CroisiEurope","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroShape":"europe","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"L'expérience de navigation ultime"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/croisieurope-renoir.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"croisieurope renoir","imageWidth":1920,"imageHeight":1080},"seoSection":{"metaTitle":"CroisiEurope - Stratégie Digitale & Expérience Voyage Innovante","metaDescription":"Solution digitale sur-mesure pour CroisiEurope, leader européen des croisières. Portail web révolutionnant l'expérience de réservation B2B et B2C avec une approche technologique innovante.","metaTags":"CroisiEurope, transformation digitale, développement web, croisières européennes, portail professionnel, expérience client, stratégie digitale, design responsive","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-30T14:54:45.432Z","localeCode":"fr","slug":"croisieurope","url":"/fr/references/croisieurope","ogId":"croisieurope-references-fr","ogImagePath":"/og/croisieurope-references-fr.png","type":"Article","title":"CroisiEurope","subtitle":"N°1 de la croisière fluviale en Europe","browserUrl":"croisieurope.com","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Simplifier le voyage à travers une interface fluide"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Moderniser le site pour offrir une expérience utilisateur intuitive et optimiser les ventes en ligne"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Refonte UX/UI, mise en place d'un processus de réservation simplifié, adaptation mobile perfomante"}]}]}]}]},"subdomainKey":"clients","subdomain":"references","logo":"/images/croisieurope-logo.svg","logoAlt":"croisieurope logo","logoWidth":500,"logoHeight":213,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Simplifier le voyage à travers une interface fluide"}]},{"type":"p","children":[{"type":"text","text":"CroisiEurope, fleuron alsacien du tourisme maritime, incarne l'excellence des voyages depuis plus de 40 ans. Pionnier des croisières fluviales et côtières, l'entreprise a construit sa réputation sur une vision audacieuse : offrir des expériences de voyage uniques en Europe et à l'international."}]},{"type":"p","children":[{"type":"text","text":"La transformation digitale du portail web représente une étape stratégique majeure, conçue pour répondre aux exigences des clients B2B et B2C, et moderniser l'ensemble des processus de réservation et de communication."}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/croisieurope-logo.svg","caption":"500x213","children":[{"type":"text","text":""}],"alt":"Croisieurope Logo"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement Front-end"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement Back-end"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Intégration dynamique des maquettes"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Référencement naturel"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Gestion de projet"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Rédaction d'un document stratégique et technique"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Traduction des interfaces"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/croisieurope-destinations.png","caption":"1600x900","children":[{"type":"text","text":""}],"alt":"Croisieurope Destinations"}]},{"type":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Site web : "},{"type":"a","url":"https://croisieurope.com/","title":"CroisiEurope","children":[{"type":"text","text":"croisieurope.com"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2017"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Développement web, Intégration, SEO, Traduction"}]}]}]}]},"dateCreate":"2017-11-01T05:30:00.000Z","dateUpdate":"2021-05-28T04:49:10.000Z","translations":[{"localeCode":"en","title":"CroisiEurope","slug":"croisieurope","url":"/en/clients/croisieurope"}],"tags":[]},{"id":"content/articles/fr/atheo-ingenierie.mdx","heroSection":{"heroTitle":"Athéo Ingénierie","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"ARCHITECTES DE VOS DONNÉES"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/atheo-site-web.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(231deg, #af2541 -37%, #173371f0 50%, #af2541e6 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"atheo site web","imageWidth":2103,"imageHeight":1181},"seoSection":{"metaTitle":"","metaDescription":"Athéo Ingénierie est une entreprise spécialiste des infrastructures supervisées dont l'objectif est d'assurer la sécurité, l'intégrité et la cohérence des données informatiques","metaTags":"Athéo Ingénierie, cloud, hébergement, infrastructure","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:07:25.692Z","localeCode":"fr","slug":"atheo-ingenierie","url":"/fr/references/atheo-ingenierie","ogId":"atheo-ingenierie-references-fr","ogImagePath":"/og/atheo-ingenierie-references-fr.png","type":"Article","title":"Athéo Ingénierie","subtitle":"Spécialiste des infrastructures supervisées","browserUrl":"atheo.net","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Un site performant au service de la sécurité des données"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Moderniser le site pour offrir une expérience fluide et rapide sur tous les appareils"}]}]}]}]},"subdomainKey":"clients","subdomain":"references","logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Un site performant au service de la sécurité des données"}]},{"type":"p","children":[{"type":"text","text":"Athéo Ingénierie est une entreprise spécialiste des infrastructures supervisées dont l'objectif est d'assurer la sécurité, l'intégrité et la cohérence des données informatiques."}]}]}}},{"type":"h3","children":[{"type":"img","url":"/images/atheo-logo.png","caption":"283x97","children":[{"type":"text","text":""}],"alt":"Atheo Logo"}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Modernisation des pages du site pour une expérience optimisée sur tous les appareils"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Optimisation du chargement des pages"}]}]}]},{"type":"p","children":[{"type":"img","url":"/images/atheo-metiers.svg","caption":"1280x800","children":[{"type":"text","text":""}],"alt":"Atheo Metiers"}]},{"type":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Site web : "},{"type":"a","url":"https://www.atheo.net/","title":null,"children":[{"type":"text","text":"atheo.net"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Wordpress, Bootstrap, Optimisation, Mise en page"}]}]}]}]},"dateCreate":"2017-10-29T05:00:00.000Z","dateUpdate":"2021-05-28T04:50:04.000Z","translations":[{"localeCode":"en","title":"Athéo Engineering","slug":"atheo-engineering","url":"/en/clients/atheo-engineering"}],"tags":[]},{"id":"content/articles/fr/its-future.mdx","heroSection":{"heroTitle":"ITS future","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"< Creative Coding People />"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/its-future-site-web.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"its future site web","imageWidth":2086,"imageHeight":1181},"seoSection":{"metaTitle":"ITS future","metaDescription":"ITS future est une entreprise spécialiste en développement d'applications logicielles spécifiques, exploitables sur tous les supports modernes","metaTags":"ITS future, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:14:04.520Z","localeCode":"fr","slug":"its-future","url":"/fr/references/its-future","ogId":"its-future-references-fr","ogImagePath":"/og/its-future-references-fr.png","type":"Article","title":"ITS future","subtitle":"Créateur de solutions numériques innovantes","browserUrl":"its-future.com","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Des outils digitaux optimisés pour tous les supports modernes"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développer des pages stratégiques et améliorer les performances du site"}]}]}]}]},"subdomainKey":"clients","subdomain":"references","logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Des outils digitaux optimisés pour les supports modernes"}]},{"type":"p","children":[{"type":"text","text":"Basée à Strasbourg, ITS Future est entreprise de service numérique dont l'objectif est de développer des solutions innovantes (mobile, web, IoT) exploitables sur tous les supports modernes."}]}]}}},{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/its-future-logo.png","caption":"500x166","children":[{"type":"text","text":""}],"alt":"Its Future Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement de pages stratégiques"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Mise à jour des contenus du site"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Optimisation du chargement des pages"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/its-future-locaux.png","caption":"1388x850","children":[{"type":"text","text":""}],"alt":"Its Future Locaux"}]},{"type":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Site web : "},{"type":"a","url":"https://its-future.com/","title":"ITS future","children":[{"type":"text","text":"its-future.com"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Wordpress, Optimisation, Mise en page, Référencement, Vidéo"}]}]}]}]},"dateCreate":"2017-10-29T04:00:00.000Z","dateUpdate":"2021-05-13T12:17:19.000Z","translations":[{"localeCode":"en","title":"ITS future","slug":"its-future","url":"/en/clients/its-future"}],"tags":[]},{"id":"content/articles/fr/passion-auto-prestige.mdx","heroSection":{"heroTitle":"Passion Auto Prestige","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Vente de véhicules d'occasion de sport de prestiges"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/passion-auto-prestige.png","heroVideoBackground":"","heroStyle":{"heroBg":"radial-gradient(100% 71% at 50% 110%, #d80538 21%, #000000d9 75%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"rgba(0,0,0,0.15)","navbarBorderColor":"","navbarLinkActive":"#d80538","navbarLinkHover":"#d80538"},"imageAlt":"passion auto prestige","imageWidth":2086,"imageHeight":1181},"seoSection":{"metaTitle":"","metaDescription":"Passion Auto Prestige est une entreprise spécialiste en véhicule d'occasion luxe et sport à Vendenheim en Alsace","metaTags":"Passion Auto Prestige, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-30T13:34:18.922Z","localeCode":"fr","slug":"passion-auto-prestige","url":"/fr/references/passion-auto-prestige","ogId":"passion-auto-prestige-references-fr","ogImagePath":"/og/passion-auto-prestige-references-fr.png","type":"Article","title":"Passion Auto Prestige","subtitle":"Vente de véhicules de luxe et de sport d'occasion","browserUrl":"passionautoprestige.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Une vitrine élégante pour des voitures d’exception"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Concevoir un catalogue avec un design soigné et une navigation intuitive"}]}]}]}]},"subdomainKey":"clients","subdomain":"references","logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Une vitrine élégante pour des voitures d’exception"}]},{"type":"p","children":[{"type":"text","text":"Passion Auto Prestige est une entreprise spécialiste en véhicules d'occasion luxe et sport à Vendenheim en Alsace."}]}]}}},{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/passion-auto-prestige-logo.png","caption":"197x67","children":[{"type":"text","text":""}],"alt":"Passion Auto Prestige Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Création d'un site vitrine"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Élaboration d'une identité visuelle avec un web design unique pour Passion Auto Prestige"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Création d'un catalogue de modèles automobiles d'occasion triés par marques : Porsche, Ferrari, Maserati, Lamborghini, Aston Martin, Bentley, Jaguar, Audi, ..."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Réalisation de vidéos d'illustration en page d'accueil et de présentation du showroom"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Rédaction des présentations et mots clés du site"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Réalisation de visuels attractifs pour les marques et produits"}]}]}]},{"type":"p","children":[{"type":"img","url":"/images/passion-auto-prestige-showroom.png","caption":"1158x617","children":[{"type":"text","text":""}],"alt":"Passion Auto Prestige Showroom"}]},{"type":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Site web : "},{"type":"a","url":"http://www.passionautoprestige.fr/","title":null,"children":[{"type":"text","text":"passionautoprestige.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2015"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Développement web, Graphisme, Illustration, Logo et identité visuelle, Mise en page, Référencement, Vidéo, Web design"}]}]}]}]},"dateCreate":"2016-06-23T12:00:00.000Z","dateUpdate":"2021-05-28T04:48:26.000Z","translations":[{"localeCode":"en","title":"Passion Auto Prestige","slug":"passion-auto-prestige","url":"/en/clients/passion-auto-prestige"}],"tags":[]},{"id":"content/articles/fr/applipro.mdx","heroSection":{"heroTitle":"APPLIPRO","heroSubtitle":"","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Digitaliser l'accueil et l'intégration des collaborateurs"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/applipro.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"applipro","imageWidth":2108,"imageHeight":1185},"seoSection":{"metaTitle":"Applipro - CMS Mobile Innovant pour l'Engagement Collaboratif","metaDescription":"Solution digitale de CMS mobile pour entreprises. Développement d'un livret d'accueil numérique innovant facilitant la communication interne et l'intégration des collaborateurs.","metaTags":"Applipro, CMS mobile, transformation digitale, application collaborative, engagement employés, livret numérique, Expert Flow Control Management","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:28:31.364Z","localeCode":"fr","slug":"applipro","url":"/fr/references/applipro","ogId":"applipro-references-fr","ogImagePath":"/og/applipro-references-fr.png","type":"Article","title":"Applipro","subtitle":"Le CMS mobile évolutif pour les entreprises","browserUrl":"applipro.fr","textPreview":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Une solution complète pour créer des applications mobiles internes"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développer un CMS flexible et évolutif"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Intégration complète des API Ingénico pour le traitement des paiements"}]}]}]}]},"subdomainKey":"clients","subdomain":"references","logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"h2","children":[{"type":"text","text":"Une solution complète pour créer des applications internes"}]},{"type":"p","children":[{"type":"text","text":"Développé par Expert Flow Control Management (EFCM), Applipro représente une solution technologique avant-gardiste dans la communication digitale interne. Ce CMS mobile offre aux entreprises un outil stratégique de gestion et de diffusion d'informations."}]},{"type":"p","children":[{"type":"text","text":"La plateforme révolutionne l'intégration des collaborateurs en proposant un livret d'accueil numérique dynamique, centralisé et instantanément actualisable. Elle répond aux enjeux modernes de communication et d'engagement au sein des organisations."}]}]}}},{"type":"mdxJsxFlowElement","name":"centeredRow","children":[{"type":"text","text":""}],"props":{"centeredContent":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/applipro-logo.svg","caption":"500x138","children":[{"type":"text","text":""}],"alt":"Applipro Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"p","children":[{"type":"text","text":"La mission a consisté à gérer le projet tout en assurant le développement technique."}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Gestion de projet"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Étude de marché"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Rédaction du cahier des charges"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Tests et recette"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Stratégie de communication digitale"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Veille technologique"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement du CMS"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Modélisation des processus métier UML"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Modélisation de la base de données MLD"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement web"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Intégration du module bancaire de Ingénico"}]}]}]}]}}},{"type":"p","children":[{"type":"img","url":"/images/applipro-backoffice.png","caption":"1011x613","children":[{"type":"text","text":""}],"alt":"Applipro Backoffice"}]},{"type":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Site web : "},{"type":"a","url":"http://www.applipro.fr/","title":null,"children":[{"type":"text","text":"applipro.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Gestion de projet, Développement web, Management, Reporting"}]}]}]}]},"dateCreate":"2016-06-22T12:00:00.000Z","dateUpdate":"2023-08-20T17:35:00.000Z","translations":[{"localeCode":"en","title":"Applipro","slug":"applipro","url":"/en/clients/applipro"}],"tags":[]},{"id":"content/articles/fr/javascript-librairies-youtube-like.mdx","heroSection":{"heroTitle":"Javascript librairies #1 : Youtube","heroSubtitle":"","heroBadge":"","heroColoredWords":"5","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Découvrez les meilleurs plugins et scripts « Youtube like » pour votre site web !"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/js-libs-youtube-1.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, #010093eb 0%, #ffd400 100%)","heroMaxWidth":"","heroMs":"0","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"js libs youtube 1","imageWidth":1344,"imageHeight":768},"seoSection":{"metaTitle":"Youtube : JS plugins & scripts #1","metaDescription":"Cette semaine JS libs vous fait découvrir des plugins Youtube like pour votre site web","metaTags":"youtube js, youtube javascript, youtube libraries, youtube script, youtube plugin, youtube jquery","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","localeCode":"fr","slug":"javascript-librairies-youtube-like","url":"/fr/blog/javascript-librairies-youtube-like","ogId":"javascript-librairies-youtube-like-blog-fr","ogImagePath":"/og/javascript-librairies-youtube-like-blog-fr.png","type":"Article","title":"JS libs #1 : Youtube","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"blog","subdomain":"blog","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"play-btn","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Découvrez une sélection de "},{"type":"text","text":"ressources web","bold":true},{"type":"text","text":", "},{"type":"text","text":"scripts","bold":true},{"type":"text","text":", "},{"type":"text","text":"plugins","bold":true},{"type":"text","text":" et "},{"type":"text","text":"outils CSS","bold":true},{"type":"text","text":" pour personnaliser votre site ! Le premier épisode de "},{"type":"text","text":"JS libs","bold":true},{"type":"text","text":" est consacré aux "},{"type":"text","text":"plugins Youtube","bold":true},{"type":"text","text":". Bonne customisation !"}]},{"type":"h3","children":[{"type":"text","text":"Youtube Loading Bar"}]},{"type":"p","children":[{"type":"text","text":"Un petit plugin jQuery qui vous permet d'ajouter une barre de chargement « Youtube-like » à tous vos liens ajax."}]},{"type":"h4","children":[{"type":"text","text":"Exemple d'initialisation"}]},{"type":"code_block","lang":"javascript","value":"$('.ajax-link').loadingbar({\n  replaceURL : true, // You can visibly change the URL of the browser to reflect the clicked links by toggling this to true\n  target     : '#loadingbar-frame', // The container's selector where you want the ajax result to appear\n  direction  : 'right', // The direction where the the loading bar will progress\n});","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-loading-bar.png","alt":"Script Web : Youtube Loading Bar","caption":"845x475","children":[{"type":"text","text":""}]}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"gitHub","label":"GitHub","link":"https://github.com/peachananr/loading-bar","style":"primary"},{"icon":"","label":"Démonstration","link":"http://peachananr.github.io/loading-bar/demo.html","style":"light"}]}},{"type":"h3","children":[{"type":"text","text":"Tubular.js"}]},{"type":"p","children":[{"type":"text","text":"Tubular est un plugin jQuery qui vous permet de définir une vidéo YouTube en tant que fond de page. Pour cela, il vous suffit d'intégrer le plugin à votre site puis de lier le conteneur de votre page à l'ID de votre vidéo Youtube et le tour est joué !"}]},{"type":"h4","children":[{"type":"text","text":"Exemple d'initialisation"}]},{"type":"code_block","lang":"javascript","value":"$('#wrapper').tubular({ videoId : 'aJTGyyRXDh4' }); // where videoId is the YouTube ID","children":[{"type":"text","text":""}]},{"type":"h4","children":[{"type":"text","text":"Options paramétrables"}]},{"type":"code_block","lang":"javascript","value":"ratio            : 16 / 9, // Usually either 4/3 or 16/9 -- tweak as needed\nvideoId          : 'aJTGyyRXDh4',\nmute             : true,\nrepeat           : true,\nwidth            : $(window).width(), // No need to override\nwrapperZIndex    : 99,\nplayButtonClass  : 'tubular-play',\npauseButtonClass : 'tubular-pause',\nmuteButtonClass  : 'tubular-mute',\nvolumeUpClass    : 'tubular-volume-up',\nvolumeDownClass  : 'tubular-volume-down',\nincreaseVolumeBy : 10, // Increment value; volume range is 1-100\nstart            : 0 // Starting position in seconds","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-video-background.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"You Tube Video Background"}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"google","label":"Google Code","link":"https://code.google.com/archive/p/jquery-tubular/","style":"primary"}]}},{"type":"h3","children":[{"type":"text","text":"PreViewTube"}]},{"type":"p","children":[{"type":"text","text":"Un petit plugin jQuery pour animer les vignettes de vos vidéos YouTube au survole ou en continue. Il est possible d'ajuster la vitesse d'enchaînement des images pour une meilleur fluidité de l'aperçu."}]},{"type":"h4","children":[{"type":"text","text":"Exemple d'initialisation"}]},{"type":"code_block","lang":"javascript","value":"$('.preViewTube').PreViewTube();","children":[{"type":"text","text":""}]},{"type":"h4","children":[{"type":"text","text":"Options paramétrables"}]},{"type":"code_block","lang":"javascript","value":"interval: 500, // The animation rate in ms (default: 500ms)\nmode     : 'constant' // How the animation should run 'constant' or 'hover' (default : hover)","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-thumbnail-images.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"You Tube Thumbnail Images"}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"gitHub","label":"GitHub","link":"https://github.com/vool/PreViewTube.js","style":"primary"},{"icon":"","label":"Démonstration","link":"http://previewtube.vool.ie/","style":"light"}]}},{"type":"h3","children":[{"type":"text","text":"Youtube autoplay playlist"}]},{"type":"p","children":[{"type":"text","text":"Lecteur automatique de playlist Youtube, ce plugin jQuery permet également d'appliquer un effet cinéma à vos vidéos en « éteignant la lumière » de votre site ! De nombreuses options et paramètres sont disponibles pour personnaliser l'apparence et le mode de lecture des vidéos."}]},{"type":"h4","children":[{"type":"text","text":"Exemple d'initialisation"}]},{"type":"code_block","lang":"javascript","value":"$('#youtubevideo').youTubePlaylistResponsive({\n  listtype  : 'custom',\n  listvalue : 'gFftC9O9EZ0,-Fv-iUhLcys,Vv2YXjCWg1A,eIa7YxlHq3A'\n});","children":[{"type":"text","text":""}]},{"type":"h4","children":[{"type":"text","text":"Options paramétrables"}]},{"type":"code_block","lang":"javascript","value":"listtype        : 'search', // Choose between playlist, user_uploads, custom or search (max. 20 video's)\nlistvalue       : 'nature', // Playlist ID, channel name, ID's seperated by comma's (custom) or search for keywords\nautoplay        : false,    // If set to true the player will play onload\nshowrelated     : false,    // Show related movies at the end of the movie\nshowinfo        : true,     // Display thumbnail images for the videos in the playlist\nautohide        : false,    // Indicates whether the video controls will automatically hide after a video begins playing\ntheme           : false,    // Set the color scheme foer the player. true is white ad false is black\nmodestbranding  : true,     // Set to false to show the youtube logo in the player controll bar\niv_load_policy  : false,    // Setting to true will cause video annotations to be shown by default\nallowfullscreen : true,     // Show the fullscreen button\ncontrols        : true,     // This parameter indicates whether the video player controls will display\nhd              : false,    // Play the video's in HD at startup\nmaxwidth        : '',       // Here you can set the maxwidth in % or px\ncenter          : false,    // If maxwidth is set you can optional center the player\nlightsout       : true      // Mouseover the video turns out the light effect (background fading)","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"img","url":"/images/you-tube-autoplay-playlist.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"You Tube Autoplay Playlist"}]},{"type":"mdxJsxFlowElement","name":"buttons","children":[{"type":"text","text":""}],"props":{"buttons":[{"icon":"codeFile","label":"Documentation","link":"https://www.cfcms.nl/youtube-responsive/documentation/index.html#styles","style":"primary"},{"icon":"","label":"Démonstration","link":"https://www.cfcms.nl/youtube-responsive/index.html","style":"light"}]}}]},"dateCreate":"2016-05-23T09:56:46.000Z","dateUpdate":"2021-05-13T01:50:56.000Z","author":{"id":"content/authors/fr/nicolas-roehm-bettcher.mdx","heroSection":{"heroTitle":"Nicolas Roehm","heroSubtitle":"Ingénieur logiciel","heroBadge":"","heroColoredWords":"","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Fondateur de French Stack, je conçois des solutions informatiques complètes."}]},{"type":"p","children":[{"type":"text","text":"Développeur full-stack, j'interviens principalement sur des projets frontend avec Angular, React ou Vue."}]},{"type":"p","children":[{"type":"text","text":"Passionné de design, voici quelques-unes de mes "},{"type":"a","url":"https://www.artstation.com/nicolas-roehm","title":"ArtStation - Nicolas Roehm","children":[{"type":"text","text":"conceptions graphiques"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"socialLinks","children":[{"type":"text","text":""}],"props":{"links":[{"icon":"gitHub","link":"https://github.com/NicolasRoehm"},{"icon":"stackOverflow","link":"https://stackoverflow.com/users/7462178/nicolas-roehm?tab=profile"},{"icon":"linkedIn","link":"https://fr.linkedin.com/in/nicolas-roehm-bettcher"}]}}]},"heroSubtitleIsInline":true,"heroHasBackground":false,"heroImage":"/images/nicolas-roehm-bettcher.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(312deg, #0800ff 0%, #4300ff00 70%)","heroMaxWidth":"","heroMs":"25%","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"#fff0","navbarBorderColor":"","navbarLinkActive":"#6785be","navbarLinkHover":"#6785be"},"imageAlt":"nicolas roehm bettcher","imageWidth":0,"imageHeight":0},"seoSection":{"metaTitle":"Nicolas Roehm, Ingénieur logiciel","metaDescription":"Passionné d'informatique, je conçois des sites web dans leur intégralité : design, developpement, référencement, e-reputation, e-mailling, hébergement","metaTags":"Nicolas Roehm, Ingénieur logiciel, web, mobile, site internet","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:38:50.025Z","localeCode":"fr","slug":"nicolas-roehm-bettcher","url":"/fr/nicolas-roehm-bettcher","ogId":"nicolas-roehm-bettcher-fr","ogImagePath":"/og/nicolas-roehm-bettcher-fr.png","type":"Author","title":"Nicolas Roehm-Bettcher","avatar":"/images/nicolas-roehm-avatar.png","lname":"Roehm","fname":"Nicolas","name":"Nicolas Roehm","translations":[{"localeCode":"en","title":"Nicolas Roehm-Bettcher","slug":"nicolas-roehm-bettcher","url":"/en/nicolas-roehm-bettcher"}]},"translations":[{"localeCode":"en","title":"JS Libs #1: Youtube","slug":"javascript-librairies-youtube-like","url":"/en/blog/javascript-librairies-youtube-like"}],"tags":[{"id":"content/tags/fr/jquery.mdx","localeCode":"fr","title":"jQuery","slug":"jquery","url":"/fr/blog/jquery"}]},{"id":"content/articles/fr/identite-visuelle-agence-impression-graphique.mdx","heroSection":{"heroTitle":"Communication graphique","heroSubtitle":"","heroBadge":"","heroColoredWords":"2","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"L'identité visuelle est la matrice de toutes stratégies de communication."}]},{"type":"p","children":[{"type":"text","text":"Grâce à la « carte d'identité graphique », l'image de votre entreprise attire l'attention des clients, assoit votre notoriété et renforce votre crédibilité."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/visual-identity-graphic-printing-identite-visuelle-impression-graphique.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(10deg, #ff8100a3 0%, #0018ffe0 120%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"#ffc68b","navbarLinkHover":"#ffc68b"},"imageAlt":"visual identity graphic printing identite visuelle impression graphique","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Identité visuelle & impression","metaDescription":"L'identité visuelle est la matrice de toutes stratégies de communication. Grâce à la « carte d'identité graphique », l'image de votre entreprise attire l'attention des clients, assoit votre notoriété et renforce votre crédibilité","metaTags":"identité visuelle, web design, marketing visuel, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-06T23:22:31.126Z","localeCode":"fr","slug":"identite-visuelle-agence-impression-graphique","url":"/fr/services/identite-visuelle-agence-impression-graphique","ogId":"identite-visuelle-agence-impression-graphique-services-fr","ogImagePath":"/og/identite-visuelle-agence-impression-graphique-services-fr.png","type":"Article","title":"Identité visuelle & impression","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"palette","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Définition de l'identité visuelle"}]},{"type":"p","children":[{"type":"text","text":"Elle se compose d'un logo et d'éléments graphiques (typographie, couleurs, formes, devises), "},{"type":"text","text":"symboles de votre entreprise","bold":true},{"type":"text","text":". En d'autres termes, cette "},{"type":"text","text":"charte graphique","bold":true},{"type":"text","text":" lie visuellement les composantes de votre marque ! L'identité visuelle s'applique à divers "},{"type":"text","text":"supports de communication","bold":true},{"type":"text","text":" : cartes de visites, enveloppes, documents officiels…"}]},{"type":"h3","children":[{"type":"text","text":"Avantages de l'identité visuelle multisupport"}]},{"type":"p","children":[{"type":"text","text":"La "},{"type":"text","text":"publicité","bold":true},{"type":"text","text":" est la principale fonction de l'identité visuelle : elle véhicule l'"},{"type":"text","text":"image","bold":true},{"type":"text","text":" de votre entreprise, ses "},{"type":"text","text":"services","bold":true},{"type":"text","text":" ainsi que ses "},{"type":"text","text":"valeurs","bold":true},{"type":"text","text":". L'identité visuelle sert à "},{"type":"text","text":"vous distinguer","bold":true},{"type":"text","text":" des autres acteurs du marché et vous aide à "},{"type":"text","text":"communiquer","bold":true},{"type":"text","text":" de manière homogène via les médias existants. En effet, l'identité visuelle est la matrice de toutes "},{"type":"text","text":"stratégies de communication","bold":true},{"type":"text","text":". Grâce à la « carte d'identité graphique », l'image de votre entreprise "},{"type":"text","text":"attire l'attention","bold":true},{"type":"text","text":" des clients, assoit votre "},{"type":"text","text":"notoriété","bold":true},{"type":"text","text":" et renforce votre "},{"type":"text","text":"crédibilité","bold":true},{"type":"text","text":" dans le monde économique actuel."}]},{"type":"h3","children":[{"type":"text","text":"Services d'identité visuelle"}]},{"type":"p","children":[{"type":"text","text":"Nos services d'identité visuelle se définissent à travers l'"},{"type":"text","text":"impression multisupport","bold":true},{"type":"text","text":" ainsi que la "},{"type":"text","text":"création d'une charte graphique","bold":true},{"type":"text","text":". Ces entités regroupent les différents éléments suivants :"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Supports d'impression"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Carte de visite"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Flyer"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Enveloppe"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Catalogue"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Adhésifs d'impression pour vitrines et véhicules"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Poster"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Drapeau"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Sticker"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Créations visuelles"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Logo de l'entreprise (format image)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Nom de l'entreprise (format texte et/ou image)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Bannière promotionnelle"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/fr/services/creation-web-design","title":null,"children":[{"type":"text","text":"Web design"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/fr/services/agence-marketing-reseaux-sociaux-community-management","title":null,"children":[{"type":"text","text":"Réseaux sociaux"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/fr/services/video-motion-agence-marketing-audiovisuel","title":null,"children":[{"type":"text","text":"Vidéo"}]}]}]}]}]}}},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Exemples d'identité visuelle","href":"/fr/references","label":"Voir nos réalisations","firstImage":{"url":"/images/visual-identity-graphic-printing-identite-visuelle-impression-graphique.png","alt":"Visual Identity Graphic Printing Identite Visuelle Impression Graphique","caption":"845x475"},"secondImage":{"url":"/images/nastasia-roehm-nr-immobilier.png","alt":"Nastasia Roehm Nr Immobilier","caption":"845x475"}}},{"type":"h3","children":[{"type":"text","text":"Devis d'identité visuelle et impression"}]},{"type":"p","children":[{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"Contactez-nous"}]},{"type":"text","text":" pour obtenir un devis gratuit pour la réalisation de votre identité visuelle. Dès lors nous définissons ensemble vos besoins pour établir sur cette base votre devis."}]}]},"dateCreate":"2016-05-23T09:32:35.000Z","dateUpdate":"2021-05-28T04:39:20.000Z","translations":[{"localeCode":"en","title":"Visual Identity & Printing","slug":"visual-identity-graphic-printing-agency","url":"/en/services/visual-identity-graphic-printing-agency"}],"tags":[{"id":"content/tags/fr/creation-graphique.mdx","localeCode":"fr","title":"Graphisme","slug":"creation-graphique","url":"/fr/services/creation-graphique"}]},{"id":"content/articles/fr/agence-web-strasbourg.mdx","heroSection":{"heroTitle":"Services web & mobile","heroSubtitle":"","heroBadge":"","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Découvrez en vidéo les services de l'agence French Stack"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/agence-web-video-frenchstack.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, rgb(45,12,53) 0%, #0095fe00 180%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"agence web video frenchstack","imageWidth":1280,"imageHeight":720},"seoSection":{"metaTitle":"Agence web strasbourgeoise","metaDescription":"Vidéo de présentation des services de l'agence web French Stack à Strasbourg","metaTags":"agence web, service web, agence web strasbourg, French Stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-08T00:29:05.837Z","localeCode":"fr","slug":"agence-web-strasbourg","url":"/fr/videos/agence-web-strasbourg","ogId":"agence-web-strasbourg-videos-fr","ogImagePath":"/og/agence-web-strasbourg-videos-fr.png","type":"Article","title":"Présentation de French Stack","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"videos","subdomain":"videos","logoAlt":"","logoWidth":0,"logoHeight":0,"body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"youtube","children":[{"type":"text","text":""}],"props":{"id":"aJTGyyRXDh4","title":"French Stack - Agence Web"}},{"type":"p","children":[{"type":"text","text":"French Stack élabore, maintient et restaure votre "},{"type":"text","text":"image de marque","bold":true},{"type":"text","text":" véhiculée sur Internet. Situé à Strasbourg en Alsace, nous développons votre "},{"type":"text","text":"notoriété en ligne","bold":true},{"type":"text","text":" avec notre solution de référencement géo-localisé et multilingue."}]},{"type":"p","children":[{"type":"text","text":"Notre agence vous accompagne pour assurer le succès de vos "},{"type":"text","text":"projets web","bold":true},{"type":"text","text":" locaux et internationaux. Par le biais d'études de marché, nous analysons l'offre de la concurrence et définissons votre "},{"type":"text","text":"stratégie","bold":true},{"type":"text","text":" afin de promouvoir efficacement vos produits et services. Dans cette démarche, nous mettons à votre disposition les outils de "},{"type":"text","text":"communication","bold":true},{"type":"text","text":" essentiels à l'expansion de votre notoriété sur Internet."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Web marketing et communication digitale","label":"Voir nos services","href":"/fr/services"}},{"type":"mdxJsxFlowElement","name":"row3Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Création graphique"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Identité visuelle & impression"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Web design"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Photographie et montage"}]}]}]}]},"contentCenter":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Ingénierie logicielle"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement web et mobile"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Hébergement & sécurité"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Nom de domaine"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Stratégie digitale"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Référencement : SEO & SEA"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Réseaux sociaux : CM & SMO"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Vidéo & motion"}]}]}]}]}}}]},"dateCreate":"2016-05-23T03:52:41.000Z","dateUpdate":"2021-05-13T02:08:51.000Z","translations":[{"localeCode":"en","title":"French Stack Presentation","slug":"web-agency-strasbourg","url":"/en/videos/web-agency-strasbourg"}],"tags":[{"id":"content/tags/fr/marketing-audiovisuel.mdx","localeCode":"fr","title":"Marketing audiovisuel","slug":"marketing-audiovisuel","url":"/fr/videos/marketing-audiovisuel"}]},{"id":"content/articles/fr/web-design.mdx","heroSection":{"heroTitle":"Studio de graphisme","heroSubtitle":"Web design, ergonomie et accessibilité","heroBadge":"","heroColoredWords":"3","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Nous réalisons votre web design à partir de l'identité visuelle de votre entreprise."}]},{"type":"p","children":[{"type":"text","text":"Grâce à un design adapté aux supports numériques, nous traduisons visuellement vos objectifs et vos valeurs avec justesse et style."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/design-web-responsive.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(216deg, rgba(42,183,25,0.88) 62px, #004cffe0 110%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"#b2ffcb","navbarLinkHover":"#b2ffcb"},"imageAlt":"design web responsive","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Web design, ergonomie et accessibilité","metaDescription":"Nous réalisons votre web design à partir de l'identité visuelle de votre entreprise. Grâce à un design adapté aux supports numériques, nous traduisons visuellement vos objectifs et vos valeurs avec justesse et style","metaTags":"web design, communication visuelle, design responsive, design adaptatif, ergonomie, accessibilité","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-29T20:29:59.168Z","localeCode":"fr","slug":"web-design","url":"/fr/services/web-design","ogId":"web-design-services-fr","ogImagePath":"/og/web-design-services-fr.png","type":"Article","title":"Web design","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"web-design","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Définition du web design"}]},{"type":"p","children":[{"type":"text","text":"L'association de « "},{"type":"text","text":"web","bold":true},{"type":"text","text":" » et « "},{"type":"text","text":"design","bold":true},{"type":"text","text":" » signifie littéralement « toile » et « dessiner ». Ainsi, nos graphistes "},{"type":"text","text":"dessinent pour le web","bold":true},{"type":"text","text":". La réalisation d'un design esthétique vise l'"},{"type":"text","text":"harmonie des composants visuels","bold":true},{"type":"text","text":" (textes, images, vidéos…) dans le but d'optimiser l'expérience utilisateur."}]},{"type":"h3","children":[{"type":"text","text":"Avantages d'un web design original"}]},{"type":"p","children":[{"type":"text","text":"Un "},{"type":"text","text":"web design original","bold":true},{"type":"text","text":" valorise l'image de votre entreprise, participe à l'attractivité de votre site et renforce votre crédibilité sur Internet. Au delà de l'aspect « cosmétique », un "},{"type":"text","text":"design attractif","bold":true},{"type":"text","text":" améliore votre visibilité et confirme votre notoriété auprès de vos prospects."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Exemples de web design","firstImage":{"url":"/images/design-web-responsive.png","alt":"Design Web Responsive","caption":"845x475"},"secondImage":{"url":"/images/design-web-responsive-2.png","alt":"Design Web Responsive 2","caption":"845x475"},"label":"Voir nos réalisations","href":"/fr/references"}},{"type":"h3","children":[{"type":"text","text":"Services de web design"}]},{"type":"p","children":[{"type":"text","text":"Nous réalisons votre web design à partir de l'"},{"type":"a","url":"/fr/services/identite-visuelle-agence-impression-graphique","title":"Services d'identité visuelle","children":[{"type":"text","text":"identité visuelle"}]},{"type":"text","text":" de votre entreprise. Grâce à un "},{"type":"text","text":"design adapté","bold":true},{"type":"text","text":" aux "},{"type":"text","text":"supports numériques","bold":true},{"type":"text","text":", nous traduisons visuellement vos "},{"type":"text","text":"objectifs","bold":true},{"type":"text","text":" et vos "},{"type":"text","text":"valeurs","bold":true},{"type":"text","text":" avec "},{"type":"text","text":"justesse & style","bold":true},{"type":"text","text":". En cas de "},{"type":"a","url":"/fr/services/creation-site-internet-agence-web-strasbourg","title":"Services de site Internet","children":[{"type":"text","text":"refonte de site Internet"}]},{"type":"text","text":", nous pouvons nous inspirer ou reproduire le design de votre précédent site en le rendant parfaitement compatible avec les écrans mobiles et tablettes."}]},{"type":"h3","children":[{"type":"text","text":"Devis d'un web design"}]},{"type":"p","children":[{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"Contactez-nous"}]},{"type":"text","text":" pour obtenir un devis gratuit pour la réalisation de votre web design."}]}]},"dateCreate":"2016-05-22T09:32:32.000Z","dateUpdate":"2021-05-28T04:39:34.000Z","translations":[{"localeCode":"en","title":"Web design","slug":"web-design-creation","url":"/en/services/web-design-creation"}],"tags":[{"id":"content/tags/fr/creation-graphique.mdx","localeCode":"fr","title":"Graphisme","slug":"creation-graphique","url":"/fr/services/creation-graphique"}]},{"id":"content/articles/fr/agence-photographique.mdx","heroSection":{"heroTitle":"Marketing visuel","heroSubtitle":"","heroBadge":"","heroColoredWords":"2","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Les images sont l'un des principaux leviers de vos ventes !"}]},{"type":"p","children":[{"type":"text","text":"Notre équipe d'experts en photographie et montage, capture puis met en valeur le personnage ou le produit pour concevoir le visuel de votre campagne publicitaire."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/photo-pro-montage-agence-photograph.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(90deg, #7a00ffe3 -30%, #00ff89 120%)","heroMaxWidth":"860px","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"photo pro montage agence photograph","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Photographie & montage","metaDescription":"Les images sont l'un des principaux leviers de vos ventes ! Notre équipe d'experts en photographie et montage, capture puis met en valeur le personnage ou le produit pour concevoir le visuel de votre campagne publicitaire","metaTags":"photographie, montage photo, agence photographique, photoshop","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-06T23:47:51.853Z","localeCode":"fr","slug":"agence-photographique","url":"/fr/services/agence-photographique","ogId":"agence-photographique-services-fr","ogImagePath":"/og/agence-photographique-services-fr.png","type":"Article","title":"Photographie & montage","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"camera","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Définition de la photographie et du montage"}]},{"type":"p","children":[{"type":"text","text":"► La photographie est la "},{"type":"text","text":"création d'un visuel","bold":true},{"type":"text","text":" comportant un personnage ou un produit capturé spécifiquement pour votre entreprise."}]},{"type":"p","children":[{"type":"text","text":"► L'étape du montage - aussi appelé incrustation - consiste à mettre en valeur le sujet dans une scène existante tout en respectant l'ambiance générale."}]},{"type":"h3","children":[{"type":"text","text":"Avantages du photomontage publicitaire"}]},{"type":"p","children":[{"type":"text","text":"Les images sont l'un des principaux leviers de vos ventes! Qu'il s'agisse de la "},{"type":"text","text":"mise en valeur","bold":true},{"type":"text","text":" d'un objet ou d'un visuel de campagne publicitaire, une belle photographie n'est pas le fruit du hasard. Elle demande une expérience du "},{"type":"text","text":"cadrage","bold":true},{"type":"text","text":" et de la "},{"type":"text","text":"lumière","bold":true},{"type":"text","text":", mais également une "},{"type":"text","text":"préparation","bold":true},{"type":"text","text":" et une "},{"type":"text","text":"finition","bold":true},{"type":"text","text":" irréprochables."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Exemples de photomontage","label":"Voir nos réalisations","href":"/fr/references","firstImage":{"url":"/images/photo-pro-montage-agence-photograph-2.png","alt":"Photo Pro Montage Agence Photograph 2","caption":"845x475"},"secondImage":{"url":"/images/photo-pro-montage-agence-photograph-3.png","alt":"Photo Pro Montage Agence Photograph 3","caption":"845x475"}}},{"type":"h3","children":[{"type":"text","text":"Services de photographie et photomontage"}]},{"type":"p","children":[{"type":"text","text":"Notre équipe d'experts en photographie et montage, capture puis met en valeur le personnage ou le produit pour concevoir le visuel de votre "},{"type":"text","text":"campagne publicitaire","bold":true},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Devis de production visuelle"}]},{"type":"p","children":[{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"Contactez-nous"}]},{"type":"text","text":" pour obtenir un devis gratuit pour la réalisation de votre communication visuelle. Dès lors nous définissons ensemble vos besoins pour établir sur cette base votre devis."}]}]},"dateCreate":"2016-05-21T09:32:29.000Z","dateUpdate":"2021-05-28T04:42:50.000Z","translations":[{"localeCode":"en","title":"Photography & Editing","slug":"photography-agency","url":"/en/services/photography-agency"}],"tags":[{"id":"content/tags/fr/creation-graphique.mdx","localeCode":"fr","title":"Graphisme","slug":"creation-graphique","url":"/fr/services/creation-graphique"}]},{"id":"content/articles/fr/creation-site-internet-agence-web-strasbourg.mdx","heroSection":{"heroTitle":"Ingénierie logicielle","heroSubtitle":"WEB & MOBILE","heroBadge":"","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Nous réalisons, rénovons et maintenons votre site internet professionnel avec un univers graphique "},{"type":"text","text":"original","bold":true},{"type":"text","text":", "},{"type":"text","text":"adapté","bold":true},{"type":"text","text":" à vos besoins et "},{"type":"text","text":"optimisé","bold":true},{"type":"text","text":" pour le référencement."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/website-site-web-service-creation.png","heroVideoBackground":"","heroStyle":{"heroBg":"radial-gradient(50% 200% at 50% 50%, #7700e4 15%, #5200ffcc 75%, #003cff 136%)","heroMaxWidth":"860px","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"website site web service creation","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Développement web","metaDescription":"Nous réalisons, rénovons et maintenons votre site internet avec un univers graphique original, adapté à vos besoins et optimisé pour le référencement. Nos prestations vont de la création d'un site web statique à l'élaboration d'une forteresse digitale","metaTags":"creation site internet, développement web, agence web, French Stack, qualité Française","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","localeCode":"fr","slug":"creation-site-internet-agence-web-strasbourg","url":"/fr/services/creation-site-internet-agence-web-strasbourg","ogId":"creation-site-internet-agence-web-strasbourg-services-fr","ogImagePath":"/og/creation-site-internet-agence-web-strasbourg-services-fr.png","type":"Article","title":"Développement de site web","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"code","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"French Stack vous apporte toutes les "},{"type":"a","url":"/fr/services/developpement-web-mobile","title":"Nos services pour votre site web","children":[{"type":"text","text":"solutions techniques"}]},{"type":"text","text":" pour mener à bien votre développement de "},{"type":"text","text":"site web","bold":true},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Avantages d'un site Internet optimisé"}]},{"type":"p","children":[{"type":"text","text":"Aujourd'hui vos prospects et clients vous recherchent sur Internet. Le web est devenu le média le plus utilisé par les entreprises et les particuliers pour se "},{"type":"text","text":"renseigner et acheter","bold":true},{"type":"text","text":". Posséder un site c'est détenir une "},{"type":"text","text":"carte de visite mondiale","bold":true},{"type":"text","text":" qui vous permet de mieux connaître votre clientèle. Accessible à tous, votre site internet vous permet de disposer d'une "},{"type":"text","text":"documentation publicitaire","bold":true},{"type":"text","text":" "},{"type":"text","text":"permanente","bold":true},{"type":"text","text":" et de réduire vos coûts de "},{"type":"text","text":"communication","bold":true},{"type":"text","text":". Le site augmente votre "},{"type":"text","text":"visibilité","bold":true},{"type":"text","text":" et par conséquent votre carnet de clients, il renforce également votre "},{"type":"text","text":"crédibilité","bold":true},{"type":"text","text":" et améliore votre service à la clientèle."}]},{"type":"p","children":[{"type":"img","url":"/images/website-site-web-service-creation.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Website Site Web Service Creation"}]},{"type":"h3","children":[{"type":"text","text":"Type de site Internet"}]},{"type":"p","children":[{"type":"text","text":"Afin d'identifier le type de votre futur site web, nous déterminons ensemble le nombre de pages nécessaires à l'estimation des dimensions du projet. Les propositions suivantes vous aident à définir le type de site qui convient le mieux à votre "},{"type":"text","text":"projet web","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► L'offre n°1 correspond à un site web dit « "},{"type":"text","text":"one page","bold":true},{"type":"text","text":" », c'est-à-dire que les informations concernant votre société sont présentées sur l'unique page de votre site. Cette « carte de visite », accessible partout et en tout temps, est une solution économique permettant à votre entreprise d'être présente sur Internet en tapant son intitulé sur les moteurs de recherche."}]},{"type":"p","children":[{"type":"text","text":"► L'offre n°2 correspond à un site web classique, aussi appelé « "},{"type":"text","text":"site vitrine","bold":true},{"type":"text","text":" », contenant plusieurs pages et permettant ainsi la promotion de votre entreprise grâce aux informations présentes sur lesdites pages. Idéale pour rendre visible les acteurs et expertises de votre entreprise, cette solution garantit un excellent rapport qualité/prix."}]},{"type":"p","children":[{"type":"text","text":"► L'offre n°3 correspond à l'élaboration d'une « "},{"type":"text","text":"forteresse digitale","bold":true},{"type":"text","text":" » pouvant accueillir une infinité de pages. Cette solution élargit considérablement votre audience et apporte une visibilité importante à votre marque grâce aux recherches effectuées par vos visiteurs sur les sujets que vous traitez. Notre outil permet l'ajout, la mise à jour et la suppression d'articles et s'adresse aux sociétés éditrices de contenus ou souhaitant déléguer celle-ci à une agence. Nous vous invitons également à découvrir nos "},{"type":"a","url":"/fr/services/referencement-naturel-payant-seo-sea","title":"Services de référencement","children":[{"type":"text","text":"offres de positionnement et rédaction de contenu"}]},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Devis de site Internet référencé"}]},{"type":"p","children":[{"type":"text","text":"N'hésitez pas à remplir une "},{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"demande de devis"}]},{"type":"text","text":". Nous prendrons contact avec vous pour discuter ensemble de votre projet de site internet."}]}]},"dateCreate":"2016-05-20T09:32:26.000Z","dateUpdate":"2021-05-28T04:44:43.000Z","translations":[{"localeCode":"en","title":"Website Development","slug":"website-development-web-agency-strasbourg","url":"/en/services/website-development-web-agency-strasbourg"}],"tags":[{"id":"content/tags/fr/developpement-web-mobile.mdx","localeCode":"fr","title":"Développement","slug":"developpement-web-mobile","url":"/fr/services/developpement-web-mobile"}]},{"id":"content/articles/fr/hebergement-web-securite.mdx","heroSection":{"heroTitle":"Hébergement web sécurisé","heroSubtitle":"","heroBadge":"","heroColoredWords":"1","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Nous proposons un service d'hébergement complet pour les entreprises et particuliers souhaitant développer une activité sur Internet."}]},{"type":"p","children":[{"type":"text","text":"En souscrivant à notre offre d'hébergement, vous disposez d'une sécurité pour vos données, de notre architecture optimisée, de l'attention de notre équipe technique et d'un maintien en ligne constant."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":true,"heroImage":"/images/web-hosting-hebergement.png","heroVideoBackground":"","heroStyle":{"heroBg":"","heroMaxWidth":"1100px","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"web hosting hebergement","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Hébergement & Sécurité web","metaDescription":"Nous proposons un service d'hébergement complet pour les entreprises et particuliers souhaitant développer une activité sur Internet. En souscrivant à notre offre d'hébergement, vous disposez d'une sécurité pour vos données","metaTags":"hébergement web, hébergement sécurisé, hébergement de site","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-29T02:10:59.139Z","localeCode":"fr","slug":"hebergement-web-securite","url":"/fr/services/hebergement-web-securite","ogId":"hebergement-web-securite-services-fr","ogImagePath":"/og/hebergement-web-securite-services-fr.png","type":"Article","title":"Hébergement & sécurité","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"server","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Services d'hébergement et infogérance"}]},{"type":"p","children":[{"type":"text","text":"► Nos équipes assurent l'administration et la "},{"type":"text","text":"protection de votre espace","bold":true},{"type":"text","text":" pour vous garantir un service de qualité. Notre infrastructure permet d'augmenter, sans perte de performance, la "},{"type":"text","text":"capacité de trafic","bold":true},{"type":"text","text":" de vos sites."}]},{"type":"p","children":[{"type":"text","text":"► Votre hébergement couplé à notre offre d'infogérance, vous assure une "},{"type":"text","text":"disponibilité optimale","bold":true},{"type":"text","text":". Nous garantissons la continuité de nos services pour vous apporter une qualité d'hébergement permanente."}]},{"type":"p","children":[{"type":"img","url":"/images/web-hosting-hebergement.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Web Hosting Hebergement"}]},{"type":"h3","children":[{"type":"text","text":"Option de sauvegarde des données"}]},{"type":"p","children":[{"type":"text","text":"Pour vous garantir une qualité de service irréprochable, nous proposons un "},{"type":"text","text":"service de sauvegarde complet","bold":true},{"type":"text","text":" ! Cette option vous apporte une "},{"type":"text","text":"sérénité","bold":true},{"type":"text","text":" concernant vos informations et celles de vos clients. En effet, toutes les données de votre site sont stockées sur une plateforme spécialement conçue pour les sauvegardes."}]},{"type":"h3","children":[{"type":"text","text":"Option de certificat de sécurité"}]},{"type":"p","children":[{"type":"text","text":"Notre agence installe et renouvelle vos certificats de sécurité. Les certificats "},{"type":"text","text":"rassurent","bold":true},{"type":"text","text":" les internautes, "},{"type":"text","text":"protègent","bold":true},{"type":"text","text":" les données de votre site et sont reconnus comme des "},{"type":"a","url":"/fr/services/referencement-naturel-payant-seo-sea","title":"Services de référencement","children":[{"type":"text","text":"facteurs de référencement"}]},{"type":"text","text":" par les moteurs de recherche."}]},{"type":"h3","children":[{"type":"text","text":"Devis d'hébergement sécurisé"}]},{"type":"p","children":[{"type":"text","text":"N'hésitez pas à prendre "},{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" avec notre équipe commerciale afin de vous faire parvenir une proposition au plus près de vos attentes."}]}]},"dateCreate":"2016-05-19T12:00:00.000Z","dateUpdate":"2021-05-28T04:45:02.000Z","translations":[{"localeCode":"en","title":"Hosting & Security","slug":"web-hosting-security","url":"/en/services/web-hosting-security"}],"tags":[{"id":"content/tags/fr/developpement-web-mobile.mdx","localeCode":"fr","title":"Développement","slug":"developpement-web-mobile","url":"/fr/services/developpement-web-mobile"}]},{"id":"content/articles/fr/service-nom-de-domaine.mdx","heroSection":{"heroTitle":"Dépôt de nom de domaine","heroSubtitle":"","heroBadge":"","heroColoredWords":"5","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Notre agence propose et réserve un ou plusieurs noms de domaines efficients pour votre entreprise."}]},{"type":"p","children":[{"type":"text","text":"En effet, l'étude et la réservation d'un nom de domaine constituent une étape clé dans l'élaboration de votre référencement sur Internet."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/domain-name-nom-de-domaine.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(70deg, rgb(10,0,95) -20%, rgb(17,73,255) 42%, rgba(0,126,255,0.89) 63%, rgba(0,224,255,0.38) 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"domain name nom de domaine","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Nom de domaine","metaDescription":"Notre agence propose et réserve un ou plusieurs noms de domaines efficients pour votre entreprise. En effet, l'étude et la réservation d'un nom de domaine constituent une étape clé dans l'élaboration de votre référencement sur Internet","metaTags":"nom de domaine, référencement naturel, SEO","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-06T23:40:42.925Z","localeCode":"fr","slug":"service-nom-de-domaine","url":"/fr/services/service-nom-de-domaine","ogId":"service-nom-de-domaine-services-fr","ogImagePath":"/og/service-nom-de-domaine-services-fr.png","type":"Article","title":"Nom de domaine","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"globe","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Études de marché & réservation"}]},{"type":"p","children":[{"type":"text","text":"Notre agence propose et réserve un ou plusieurs "},{"type":"text","text":"noms de domaines efficients","bold":true},{"type":"text","text":" pour votre entreprise. En effet, l'étude et la réservation d'un nom de domaine constituent une étape clé dans l'élaboration de votre "},{"type":"a","url":"/fr/services/referencement-naturel-payant-seo-sea","title":"Services de référencement","children":[{"type":"text","text":"référencement"}]},{"type":"text","text":". Aussi, votre nom de domaine vous permet d'exprimer toute votre créativité, par le choix des mots et extensions qui font sens pour votre clientèle."}]},{"type":"h3","children":[{"type":"img","url":"/images/domain-name-nom-de-domaine.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Domain Name Nom De Domaine"}]},{"type":"h3","children":[{"type":"text","text":"Définition d'un nom de domaine"}]},{"type":"p","children":[{"type":"text","text":"Un "},{"type":"text","text":"nom de domaine","bold":true},{"type":"text","text":" est une "},{"type":"text","text":"adresse","bold":true},{"type":"text","text":" accessible sur Internet, équivalent de votre adresse postale sur le Web. Il permet à vos contacts et clients de se rendre sur votre site. En conclusion, le nom de domaine est "},{"type":"text","text":"indispensable","bold":true},{"type":"text","text":" à la "},{"type":"a","url":"/fr/services/creation-site-internet-agence-web-strasbourg","title":"Services de site Internet","children":[{"type":"text","text":"création de votre site web"}]},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"N'hésitez pas à vous renseigner, en consultant l'article « "},{"type":"a","url":"https://www.afnic.fr/fr/votre-nom-de-domaine/comment-choisir-et-creer-mon-nom-de-domaine/","title":null,"children":[{"type":"text","text":"comment choisir et créer mon nom de domaine"}]},{"type":"text","text":" » sur le site officiel de l'Afnic (responsable des noms de domaine français)."}]},{"type":"h3","children":[{"type":"text","text":"Devis de réservation de nom de domaine"}]},{"type":"p","children":[{"type":"text","text":"N'hésitez pas à prendre "},{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" avec notre équipe commerciale afin de vous faire parvenir une proposition au plus près de vos attentes."}]}]},"dateCreate":"2016-05-18T09:32:23.000Z","dateUpdate":"2021-05-28T04:45:36.000Z","translations":[{"localeCode":"en","title":"Domain Name","slug":"domain-name-service","url":"/en/services/domain-name-service"}],"tags":[{"id":"content/tags/fr/developpement-web-mobile.mdx","localeCode":"fr","title":"Développement","slug":"developpement-web-mobile","url":"/fr/services/developpement-web-mobile"}]},{"id":"content/articles/fr/referencement-naturel-payant-seo-sea.mdx","heroSection":{"heroTitle":"Référencement naturel et AdWords","heroSubtitle":"","heroBadge":"","heroColoredWords":"4","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"French Stack vous offre la possibilité d'accroître votre positionnement auprès des moteurs de recherche."}]},{"type":"p","children":[{"type":"text","text":"Notre équipe de spécialistes vous permet d'avoir une présence en ligne optimale sur le long terme."}]},{"type":"p","children":[{"type":"text","text":"Nos services permettent une indexation personnalisée."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/seo-referencement-naturel-service-expert.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(9deg, #00ff0f -30%, #006bffcf 50%, #000000 130%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"seo referencement naturel service expert","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Référencement naturel et payant","metaDescription":"French Stack vous offre la possibilité d'accroître votre positionnement auprès des moteurs de recherche. Notre équipe de spécialistes vous permet d'avoir une présence en ligne optimale sur le long terme. Nos services permettent une indexation personnalisée","metaTags":"référencement naturel, référencement payant, SEO, SEA, AdWords","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-29T02:12:36.740Z","localeCode":"fr","slug":"referencement-naturel-payant-seo-sea","url":"/fr/services/referencement-naturel-payant-seo-sea","ogId":"referencement-naturel-payant-seo-sea-services-fr","ogImagePath":"/og/referencement-naturel-payant-seo-sea-services-fr.png","type":"Article","title":"Référencement : SEO & SEA","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"chart-up","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Définition du référencement naturel SEO et payant SEA"}]},{"type":"p","children":[{"type":"text","text":"► Le "},{"type":"text","text":"référencement naturel","bold":true},{"type":"text","text":" (en anglais Search Engine Optimization : SEO) regroupe l'ensemble des nombreuses actions permettant d'améliorer la "},{"type":"text","text":"visibilité de votre site","bold":true},{"type":"text","text":" sur les moteurs de recherche, et ainsi "},{"type":"text","text":"générer du trafic ciblé","bold":true},{"type":"text","text":". Le SEO repose sur un travail de fond en matière de "},{"type":"text","text":"qualité des contenus","bold":true},{"type":"text","text":" et consiste à favoriser l'"},{"type":"text","text":"amélioration des pages","bold":true},{"type":"text","text":" de votre site web."}]},{"type":"p","children":[{"type":"text","text":"► Le "},{"type":"text","text":"référencement payant","bold":true},{"type":"text","text":" (en anglais Search Engine Advertising : SEA) consiste à mettre en place une action de type "},{"type":"text","text":"publicitaire","bold":true},{"type":"text","text":" et permet de positionner un site Internet dans les "},{"type":"text","text":"premiers résultats","bold":true},{"type":"text","text":" des moteurs de recherche. Le SEA consiste en l'achat aux enchères de "},{"type":"text","text":"mots clés","bold":true},{"type":"text","text":" sur un ou plusieurs réseaux de diffusion (Google AdWords, Microsoft AdCenter, Yahoo Sponsored Links...)."}]},{"type":"h3","children":[{"type":"text","text":"Avantages du référencement et de l'indexation manuelle SEM"}]},{"type":"p","children":[{"type":"text","text":"Les SEO et SEA sont deux "},{"type":"text","text":"stratégies de référencement","bold":true},{"type":"text","text":" différentes avec un seul et même objectif : améliorer la position d'un site au sein des moteurs de recherche afin de générer le maximum de trafic."}]},{"type":"p","children":[{"type":"text","text":"L'indexation manuelle - aussi appelé "},{"type":"text","text":"marketing sur les moteurs de recherche","bold":true},{"type":"text","text":" - (en anglais Search Engine Marketing : SEM) met l'accent sur la génération de trafic à partir des moteurs de recherche. En effet, votre site web doit être inscrit manuellement sur les « moteurs » pour bénéficier d'une "},{"type":"text","text":"indexation optimale","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"img","url":"/images/seo-referencement-naturel-service-expert.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Seo Referencement Naturel Service Expert"}]},{"type":"h3","children":[{"type":"text","text":"Services de référencement"}]},{"type":"p","children":[{"type":"text","text":"Nous vous apportons les solutions adéquates pour vous garantir un "},{"type":"text","text":"référencement","bold":true},{"type":"text","text":" propre et efficace sur le "},{"type":"text","text":"long terme","bold":true},{"type":"text","text":". Notre agence propose une "},{"type":"text","text":"indexation manuelle","bold":true},{"type":"text","text":" par le biais d'une inscription de votre site en ligne auprès des "},{"type":"text","text":"moteurs de recherche","bold":true},{"type":"text","text":". Nous éditons les contenus qui soulignent votre expertise et qui vous identifient en tant qu'"},{"type":"text","text":"acteur référent","bold":true},{"type":"text","text":" de votre domaine."}]},{"type":"p","children":[{"type":"text","text":"En plus du travail technique et rédactionnel, notre agence assure le suivi du "},{"type":"text","text":"trafic","bold":true},{"type":"text","text":" de votre site. Le « reporting » est une phase d'analyse incontournable en référencement puisqu'elle permet d'établir un bilan de la performance de votre visibilité sur Internet. Les statistiques de votre site sont mises à disposition par notre agence via Google Analytics."}]},{"type":"p","children":[{"type":"text","text":"Notre offre SEO se base sur plusieurs critères et regroupe diverses prestations :"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Amélioration du site"}]},{"type":"p","children":[{"type":"text","text":"Notre équipe effectue une étude approfondie de l'architecture de vos pages ainsi qu'une vérification et amélioration du responsive design."}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Contrôle du contenu"}]},{"type":"p","children":[{"type":"text","text":"Nous vérifions intégralement la pertinence de votre contenu tel que les titres, les textes, les liens entrants et sortants, l'attribut ALT des balises, etc."}]}]}}},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Recherche des mots clés"}]},{"type":"p","children":[{"type":"text","text":"Nous effectuons une révision complète des mots clés utilisés, des redondances, des synonymes, etc."}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Suivi de la progression"}]},{"type":"p","children":[{"type":"text","text":"Notre analyse comprend la vérification des Adwords ainsi que l'analyse du positionnement de votre site par rapport à la concurrence."}]}]}}},{"type":"h4","children":[{"type":"text","text":"Statistiques du site"}]},{"type":"p","children":[{"type":"text","text":"Enfin, nous assurons un suivi journalier des travaux entrepris avec modélisation des statistiques de visibilité, de provenance et de fréquence."}]},{"type":"h3","children":[{"type":"text","text":"Devis de référencement personnalisé"}]},{"type":"p","children":[{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"Contactez-nous"}]},{"type":"text","text":" pour toutes demandes de devis ou toutes questions."}]}]},"dateCreate":"2016-05-17T09:32:20.000Z","dateUpdate":"2021-05-28T04:45:55.000Z","translations":[{"localeCode":"en","title":"Referencing: SEO & SEA","slug":"seo-sea-adwords","url":"/en/services/seo-sea-adwords"}],"tags":[{"id":"content/tags/fr/marketing-web.mdx","localeCode":"fr","title":"Marketing","slug":"marketing-web","url":"/fr/services/marketing-web"}]},{"id":"content/articles/fr/agence-marketing-reseaux-sociaux-community-management.mdx","heroSection":{"heroTitle":"Marketing social et community management","heroSubtitle":"","heroBadge":"","heroColoredWords":"4,5","heroBreakTitle":"3","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Notre agence de community management déploie son expertise pour la gestion, l'animation et la modération de vos réseaux sociaux."}]},{"type":"p","children":[{"type":"text","text":"Nos équipes élaborent votre stratégie de communication sur les réseaux sociaux pour accroître votre visibilité et votre notoriété."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/community-management-social-networks-reseaux-sociaux.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(272deg, #00ffe785 -20%, #fd7000c4 -80%, #4300ff 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"community management social networks reseaux sociaux","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Community management : SMO & SMA","metaDescription":"Notre agence de community management déploie son expertise pour la gestion, l'animation et la modération de vos réseaux sociaux. Notre équipe élabore, anime et modère les réseaux sociaux de votre marque pour accroître votre visibilité","metaTags":"réseaux sociaux, SMO, SMA, CM, Community Management, Social Media Optimization, Search Media Advertising","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-08T19:52:10.958Z","localeCode":"fr","slug":"agence-marketing-reseaux-sociaux-community-management","url":"/fr/services/agence-marketing-reseaux-sociaux-community-management","ogId":"agence-marketing-reseaux-sociaux-community-management-services-fr","ogImagePath":"/og/agence-marketing-reseaux-sociaux-community-management-services-fr.png","type":"Article","title":"Réseaux sociaux : CM & SMO","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"share","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Définition du community management et référencement social SMO"}]},{"type":"p","children":[{"type":"text","text":"► Le "},{"type":"text","text":"community management","bold":true},{"type":"text","text":" désigne la "},{"type":"text","text":"gestion de la présence","bold":true},{"type":"text","text":" d'une marque ou organisation sur les "},{"type":"text","text":"réseaux sociaux","bold":true},{"type":"text","text":" et autres "},{"type":"text","text":"espaces communautaires","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► L'"},{"type":"text","text":"optimisation pour les médias sociaux","bold":true},{"type":"text","text":" ou "},{"type":"text","text":"référencement social","bold":true},{"type":"text","text":" (en anglais Social Media Optimization : SMO) désigne les actions visant à "},{"type":"text","text":"développer la visibilité","bold":true},{"type":"text","text":" d'une entité au travers des "},{"type":"text","text":"médias sociaux","bold":true},{"type":"text","text":". Il consiste à attirer des visiteurs vers les contenus de "},{"type":"a","url":"/fr/services/creation-site-internet-agence-web-strasbourg","title":"Services de site Internet","children":[{"type":"text","text":"votre site web"}]},{"type":"text","text":" grâce à la promotion de ceux-ci sur les plateformes sociales."}]},{"type":"h3","children":[{"type":"text","text":"Avantages d'être présent et actif sur les réseaux sociaux"}]},{"type":"p","children":[{"type":"text","text":"Votre "},{"type":"text","text":"présence active","bold":true},{"type":"text","text":" sur les réseaux sociaux permet l'acquisition d'une "},{"type":"text","text":"nouvelle clientèle","bold":true},{"type":"text","text":" et le développement de votre "},{"type":"text","text":"notoriété","bold":true},{"type":"text","text":". En effet, les stratégies de communication du "},{"type":"text","text":"community manager","bold":true},{"type":"text","text":" favorisent l'"},{"type":"text","text":"engagement","bold":true},{"type":"text","text":" des internautes par le biais de la "},{"type":"text","text":"promotion","bold":true},{"type":"text","text":" de votre marque sur les réseaux sociaux. Ces plateformes permettent le renforcement de votre "},{"type":"text","text":"e-réputation","bold":true},{"type":"text","text":" grâce à l'animation de votre communauté, la promotion de vos contenus, la gestion de vos "},{"type":"text","text":"offres","bold":true},{"type":"text","text":" et "},{"type":"text","text":"événements","bold":true},{"type":"text","text":" sans oublier l'assurance d'un "},{"type":"text","text":"dialogue / support","bold":true},{"type":"text","text":" avec vos clients et prospects."}]},{"type":"p","children":[{"type":"text","text":"Le SMO est lié au "},{"type":"text","text":"marketing","bold":true},{"type":"text","text":" sur les moteurs de recherche (en anglais Search Engine Marketing : SEM). La spécificité du SMO est qu'il met l'accent sur la "},{"type":"text","text":"génération de trafic","bold":true},{"type":"text","text":" à partir de sources autres que les moteurs de recherche. De plus, à long terme, un bon SMO aura également un "},{"type":"text","text":"effet bénéfique","bold":true},{"type":"text","text":" sur le "},{"type":"a","url":"/fr/services/referencement-naturel-payant-seo-sea","title":"Services de référencement","children":[{"type":"text","text":"positionnement d'un site"}]},{"type":"text","text":" dans les résultats de recherche."}]},{"type":"p","children":[{"type":"img","url":"/images/community-management-social-networks-reseaux-sociaux.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Community Management Social Networks Reseaux Sociaux"}]},{"type":"h3","children":[{"type":"text","text":"Services de community management"}]},{"type":"p","children":[{"type":"text","text":"Notre agence de "},{"type":"text","text":"community management","bold":true},{"type":"text","text":" déploie son expertise pour la "},{"type":"text","text":"gestion","bold":true},{"type":"text","text":", l'"},{"type":"text","text":"animation","bold":true},{"type":"text","text":" et la "},{"type":"text","text":"modération","bold":true},{"type":"text","text":" de vos réseaux sociaux. Notre rôle est d'élaborer votre "},{"type":"text","text":"stratégie de communication","bold":true},{"type":"text","text":" et de représenter votre entreprise sur les médias sociaux. Nous prenons le temps d'étudier et de définir ensemble vos besoins ainsi que votre "},{"type":"text","text":"cœur de cible","bold":true},{"type":"text","text":" pour démarrer votre campagne « sur mesure » de community management."}]},{"type":"p","children":[{"type":"text","text":"Notre agence vous propose ses services à travers un panel des "},{"type":"text","text":"principaux réseaux sociaux","bold":true},{"type":"text","text":". Nous sommes à votre disposition pour vous guider dans le choix le plus pertinent quant à votre positionnement sur ces plateformes sociales."}]},{"type":"p","children":[{"type":"text","text":"Notre service comprend :"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"la création des profils admin et des comptes de la marque"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"la conception des visuels (image de profil, image de couverture, thème)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"l'élaboration d'une ligne éditoriale selon chaque réseau."}]}]}]},{"type":"h3","children":[{"type":"text","text":"Devis de community management"}]},{"type":"p","children":[{"type":"text","text":"N'hésitez pas à prendre "},{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" avec notre équipe pour obtenir un devis gratuit pour la réalisation de votre référencement social."}]}]},"dateCreate":"2016-05-16T12:00:00.000Z","dateUpdate":"2021-05-28T04:46:35.000Z","translations":[{"localeCode":"en","title":"Social Networks: CM & SMO","slug":"social-networks-marketing-agency-community-management","url":"/en/services/social-networks-marketing-agency-community-management"}],"tags":[{"id":"content/tags/fr/marketing-web.mdx","localeCode":"fr","title":"Marketing","slug":"marketing-web","url":"/fr/services/marketing-web"}]},{"id":"content/articles/fr/video-motion-agence-marketing-audiovisuel.mdx","heroSection":{"heroTitle":"Production audiovisuelle","heroSubtitle":"","heroBadge":"","heroColoredWords":"2","heroBreakTitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Notre agence conçoit, réalise et diffuse vos vidéos institutionnelles."}]},{"type":"p","children":[{"type":"text","text":"Au-delà du simple outil visuel, la vidéo permet d'accroître votre audience, améliorer votre référencement et renforcer votre message."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/video-motion-marketing-agency-service.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(169deg, rgba(255,0,0,0.86) -50%, rgba(51,0,255,0.69) 100%)","heroMaxWidth":"","heroMs":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"video motion marketing agency service","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Vidéo & motion : VSEO & VSEA","metaDescription":"Notre agence  conçoit, réalise et diffuse vos vidéos institutionnelles. Au-delà du simple outil visuel, la vidéo permet d'accroître votre audience, améliorer votre référencement et renforcer votre message","metaTags":"VSEO, VSEA, Video Search Engine Optimisation, Video Search Engine Advertising","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-08T00:27:50.566Z","localeCode":"fr","slug":"video-motion-agence-marketing-audiovisuel","url":"/fr/services/video-motion-agence-marketing-audiovisuel","ogId":"video-motion-agence-marketing-audiovisuel-services-fr","ogImagePath":"/og/video-motion-agence-marketing-audiovisuel-services-fr.png","type":"Article","title":"Vidéo & motion","subtitle":"","browserUrl":"","textPreview":{"type":"root","children":[]},"subdomainKey":"services","subdomain":"services","logoAlt":"","logoWidth":0,"logoHeight":0,"icon":"play-btn","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Définition de la vidéo et du motion design"}]},{"type":"p","children":[{"type":"text","text":"► La "},{"type":"text","text":"vidéo","bold":true},{"type":"text","text":" regroupe l'ensemble des techniques permettant l'enregistrement ainsi que la restitution d'"},{"type":"text","text":"images animées","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► Le "},{"type":"text","text":"motion design","bold":true},{"type":"text","text":" ou "},{"type":"text","text":"design d'animation","bold":true},{"type":"text","text":" consiste à mettre en mouvement des éléments graphiques. C'est l'art de penser en mouvement ! Il peut s'agir d'un "},{"type":"text","text":"spot","bold":true},{"type":"text","text":" entièrement animé, d'une animation intégrée à des images réelles, ou encore d'une animation ayant pour seul objectif de rendre dynamique un "},{"type":"text","text":"élément visuel","bold":true},{"type":"text","text":" sur un site."}]},{"type":"h3","children":[{"type":"text","text":"Avantages d'une vidéo marketing"}]},{"type":"p","children":[{"type":"text","text":"À la fois "},{"type":"text","text":"divertissante","bold":true},{"type":"text","text":" et "},{"type":"text","text":"attractive","bold":true},{"type":"text","text":", la vidéo garantit un taux d'engagement élevé et croissant ! Au-delà du simple outil visuel, la vidéo permet d'accroître votre audience, "},{"type":"a","url":"/fr/services/referencement-naturel-payant-seo-sea","title":"Services de référencement","children":[{"type":"text","text":"améliorer votre référencement"}]},{"type":"text","text":" et renforcer votre message. Ce n'est plus un secret, la vidéo est devenue une composante récurrente de la "},{"type":"text","text":"stratégie marketing","bold":true},{"type":"text","text":" en ligne de toutes les grandes entreprises. Les "},{"type":"text","text":"plateformes","bold":true},{"type":"text","text":" et "},{"type":"text","text":"technologies","bold":true},{"type":"text","text":" actuelles permettent d'utiliser la vidéo comme un véritable "},{"type":"text","text":"support marketing","bold":true},{"type":"text","text":" sur Internet. En effet, elle est accessible sur les terminaux mobiles de plus en plus présents dans notre quotidien. Enfin, la vidéo vient compléter votre "},{"type":"a","url":"/fr/services/identite-visuelle-agence-impression-graphique","title":"Services d'identité visuelle","children":[{"type":"text","text":"identité visuelle"}]},{"type":"text","text":" et renforcer votre notoriété digitale."}]},{"type":"h3","children":[{"type":"text","text":"Services de vidéo promotionnelle"}]},{"type":"p","children":[{"type":"text","text":"Nous concevons, réalisons et diffusons vos "},{"type":"text","text":"vidéos institutionnelles","bold":true},{"type":"text","text":". Notre studio de "},{"type":"text","text":"création audiovisuelle et multimédia","bold":true},{"type":"text","text":" met à disposition son expertise pour la réalisation de vos "},{"type":"text","text":"films d'entreprises","bold":true},{"type":"text","text":" et "},{"type":"text","text":"spots publicitaires","bold":true},{"type":"text","text":". Nos équipes se chargent de la mise en ligne ainsi que de la promotion de vos « contenus » via les "},{"type":"a","url":"/fr/services/agence-marketing-reseaux-sociaux-community-management","title":"Services de community management","children":[{"type":"text","text":"réseaux sociaux vidéo"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Exemple de vidéo","label":"Voir nos réalisations","href":"/fr/references"}},{"type":"mdxJsxFlowElement","name":"youtube","children":[{"type":"text","text":""}],"props":{"title":"French Stack - Agence Web","id":"aJTGyyRXDh4"}},{"type":"h3","children":[{"type":"text","text":"Devis de production audiovisuelle"}]},{"type":"p","children":[{"type":"text","text":"N'hésitez pas à remplir une "},{"type":"a","url":"/fr/contact","title":"Formulaire de contact","children":[{"type":"text","text":"demande de devis"}]},{"type":"text","text":", nous prendrons contact avec vous pour discuter ensemble de votre projet audiovisuel."}]}]},"dateCreate":"2016-05-15T09:32:12.000Z","dateUpdate":"2021-08-26T11:24:34.000Z","translations":[{"localeCode":"en","title":"Video & Motion","slug":"video-motion-audiovisual-marketing-agency","url":"/en/services/video-motion-audiovisual-marketing-agency"}],"tags":[{"id":"content/tags/fr/marketing-web.mdx","localeCode":"fr","title":"Marketing","slug":"marketing-web","url":"/fr/services/marketing-web"}]}],"page":{"id":"content/pages/fr/index.mdx","heroSection":{"heroTitle":"L’art numérique au service de votre marque","heroSubtitle":"","heroBadge":"","heroColoredWords":"1,2","heroBreakTitle":"2","heroShape":"waves","heroGradient":"halo-gradient","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Notre agence développe des solutions informatiques sur mesure."}]},{"type":"p","children":[{"type":"text","text":"Nos créations uniques vous distinguent et vous placent durablement au sommet."}]},{"type":"mdxJsxFlowElement","name":"homeActions","children":[{"type":"text","text":""}],"props":{"link1":"/fr/references","title1":"Découvrez nos réalisations","link2":"/fr/contact","title2":"Contactez-nous"}}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/web-internet-agency-frenchstack.jpg","heroVideoBackground":"","heroStyle":{"heroBg":"radial-gradient(100% 27% at 50% 110%, #0077ffbf 15%, #0001ff2e 75%)","heroMaxWidth":"","heroMs":"0","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroContentBlur":"","heroBlurImage":"","navbarBg":"","navbarBorderColor":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"web internet agency frenchstack","imageWidth":0,"imageHeight":0},"seoSection":{"metaTitle":"Agence web à Strasbourg","metaDescription":"Studio web spécialisé dans la conception de sites conformes aux standards W3C. Située à Strasbourg en Alsace, notre agence élabore, maintient et restaure votre image de marque véhiculée sur internet.","metaTags":"création site web, création site internet, site web, site internet, agence web, prestations web, réalisation de sites, Strasbourg, Alsace, Grand-Est, e-commerce, blog, e-reputation, web design, sites accessibles, W3C","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-12-09T00:39:27.210Z","localeCode":"fr","slug":"index","url":"/fr/index","ogId":"index-fr","ogImagePath":"/og/index-fr.png","type":"Page","title":"Accueil","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"articleList","children":[{"type":"text","text":""}],"props":{"blocks":[{"href":"references","label":"Transformons vos idées en succès","title":"Références","count":2,"cardTemplate":"full-width","subdomain":"clients","cardContainer":"row-col-12"},{"href":"services","label":"Maximisons votre impact digital","title":"Prestations","count":9,"cardTemplate":"simple","subdomain":"services","cardContainer":"container-3-col"}]}}]},"isContainerized":false,"translations":[{"localeCode":"en","title":"Home","slug":"index","url":"/en/index"}]},"global":{"id":"content/global/fr/settings.json","localeCode":"fr","header":{"nav":[{"href":"index","label":"Accueil"},{"href":"blog","label":"Blog"},{"href":"videos","label":"Vidéos"},{"href":"services","label":"Prestations"},{"href":"references","label":"Références"},{"href":"a-propos","label":"À propos"},{"href":"contact","label":"Contact"}]},"footer":{"social":[{"website":"youtube","account":"@french-stack"}],"hasSocial":true,"nav":[{"title":"L'agence","links":[{"href":"references","label":"Références"},{"href":"a-propos","label":"À propos"},{"href":"contact","label":"Contact"}]},{"title":"Prestations","links":[{"href":"services/creation-graphique","label":"Graphisme"},{"href":"services/developpement-web-mobile","label":"Développement"},{"href":"services/marketing-web","label":"Marketing"},{"href":"services/formation-informatique","label":"Formation"}]},{"title":"Blog","links":[{"href":"blog/angular","label":"Angular"},{"href":"blog/jquery","label":"jQuery"}]},{"title":"Vidéos","links":[{"href":"videos/marketing-audiovisuel","label":"Marketing audiovisuel"}]}]},"bottom":{"dateCreate":"2015-12-27T05:55:00.000Z","nav":[{"href":"mentions-legales","label":"Mentions légales"},{"href":"politique-de-confidentialite","label":"Politique de confidentialité"}],"hasLinks":true},"contactInfo":{"contactMethods":[{"id":"email","icon":"envelope","value":"frenchstack@gmail.com"},{"id":"phone","icon":"phone","value":"0651570751"}]}}},"__N_SSG":true}