{"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 est disponible !","FORM_DOMAIN_TAKEN":"Désolé, le domaine 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."},"subdomains":{"blog":"blog","clients":"references","videos":"videos","services":"services"},"ogSection":"Technologie"},"slugs":["fr","index"],"component":"home","articles":[{"id":"content/articles/fr/angular-validation-formulaire-comparer-plusieurs-champs.mdx","heroSection":{"heroTitle":"Comparer plusieurs champs","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"VALIDATION DE FORMULAIRE ANGULAR"}]},{"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%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"angular form validation","imageWidth":1720,"imageHeight":900},"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":"2023-08-18T08:52:56.731Z","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","subdomainKey":"blog","subdomain":"blog","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":"\n La date de début n'est pas antérieure à la date de fin\n
","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","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Fondateur de FrenchStack, 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":"Designer à mes heures perdues, 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%)","heroMs":"25%","heroWidth":"75%","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"#fff0","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":"2023-08-18T18:56:00.822Z","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","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":"Compare multiple fields using 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":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"REFONTE DES PROCESSUS DE VENTE"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/croisieurope-renoir.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(0deg, #f5d492 0%, #fbb3691a 35%, #fbb36900 46%, #ffbb7503 150%)","heroMs":"","heroWidth":"","heroTitleMb":"0","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"#012954ad","navbarLinkActive":"#88c1ff","navbarLinkHover":""},"imageAlt":"croisieurope renoir","imageWidth":1920,"imageHeight":1080},"seoSection":{"metaTitle":"CroisiEurope","metaDescription":"CroisiEurope, anciennement Alsace Croisière, améliore ses processus de vente","metaTags":"CroisiEurope, FrenchStack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","localeCode":"fr","slug":"croisieurope","url":"/fr/references/croisieurope","ogId":"croisieurope-references-fr","ogImagePath":"/og/croisieurope-references-fr.png","type":"Article","title":"CroisiEurope","subdomainKey":"clients","subdomain":"references","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"CroisiEurope est une entreprise alsacienne qui propose depuis plus de 40 ans des croisières fluviales et côtières en Europe, mais aussi dans le monde.\nLe projet présenté sur cette page est celui de la conception d'un portail web destiné aux collaborateurs B2B et aux clients B2C du spécialiste des croisières, à savoir CroisiEurope."}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/croisieurope-logo.png","caption":"800x289","children":[{"type":"text","text":""}],"alt":"Croisieurope Logo"}]}]}}},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"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":"Intégration dynamique des maquettes"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Référencement naturel"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Développement Back-end"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Administration Back-office"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Front-office"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Gestion de projet"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Rédaction du mémoire de fin d'études"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Traduction des interfaces"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Présentation en interne de ma formation portant sur le « Responsive Design » avec Bootstrap 3 et 4"}]}]}]}]}}},{"type":"h3","children":[{"type":"text","text":"Technologies"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"JAVA"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Bootstrap 3"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"SASS"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Jquery"}]}]}]},{"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/interfacile.mdx","heroSection":{"heroTitle":"Interfacile","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"CODÉVELOPPONS VOTRE FUTUR"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/interfacile-site-web.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, #1D71B8 0%, #87b8dcba 87%, #FAC766 100%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"8px","navbarBg":"#00aaff3b","navbarLinkActive":"#fbc766","navbarLinkHover":"#F9B333"},"imageAlt":"interfacile site web","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"","metaDescription":"Interfacile est une solution numérique qui répond aux besoins de flexibilité et de réactivité des entreprises industrielles","metaTags":"Interfacile, Alsace Digitale, Hacking Industry Camp, Startup Weekend Strasbourg","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T14:40:54.164Z","localeCode":"fr","slug":"interfacile","url":"/fr/references/interfacile","ogId":"interfacile-references-fr","ogImagePath":"/og/interfacile-references-fr.png","type":"Article","title":"Interfacile","subdomainKey":"clients","subdomain":"references","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/logo-interfacile.svg","caption":"350x398","children":[{"type":"text","text":""}],"alt":"Logo Interfacile"}]}]},"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Interfacile : l'interface qui met l'Homme au cœur du projet, a reçu le prix "},{"type":"text","text":"Alsace Digitale","bold":true},{"type":"text","text":" lors du "},{"type":"text","text":"Startup Weekend « Hacking Industry Camp 2015 »","bold":true},{"type":"text","text":". La solution numérique répond aux besoins de flexibilité et de réactivité des entreprises industrielles."}]},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"p","children":[{"type":"text","text":"J'interviens en tant que développeur Front-End pour intégrer les maquettes mobiles avec précision."}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Intégration de l'interface de création, édition et gestion d'images"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Basé sur « "},{"type":"a","url":"http://techslides.com/demos/canvasedit/","title":null,"children":[{"type":"text","text":"Online Image Editor"}]},{"type":"text","text":" »"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Étude et définition des technologies à implémenter"}]}]}]}]}}},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Technologies"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"HTML5"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"CSS3, SASS & Bootstrap 3"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Canvas"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"SVG"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Javascript"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Jquery"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"HammerJs"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Fabric"}]}]}]}]},"contentRight":{"type":"root","children":[{"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://interfacile.com/","title":"Interfacile","children":[{"type":"text","text":"interfacile.com"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Mise en page"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Application : Intranet"}]}]}]}]}}}]},"dateCreate":"2017-10-29T06:00:00.000Z","dateUpdate":"2023-08-20T17:37:05.000Z","translations":[{"localeCode":"en","title":"Interfacile","slug":"interfacile","url":"/en/clients/interfacile"}],"tags":[]},{"id":"content/articles/fr/atheo-ingenierie.mdx","heroSection":{"heroTitle":"Athéo Ingénierie","heroSubtitle":"","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%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"atheo site web","imageWidth":845,"imageHeight":475},"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","subdomainKey":"clients","subdomain":"references","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"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."}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/atheo-logo.png","caption":"283x97","children":[{"type":"text","text":""}],"alt":"Atheo Logo"}]}]}}},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Refonte complète et responsive des pages du site avec Bootstrap 3"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Optimisation du chargement des pages"}]}]}]},{"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"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/atheo-human.png","caption":"350x250","children":[{"type":"text","text":""}],"alt":"Atheo Human"}]}]}}}]},"dateCreate":"2017-10-29T05:00:00.000Z","dateUpdate":"2021-05-28T04:50:04.000Z","translations":[{"localeCode":"en","title":"Atheo Engineering","slug":"atheo-engineering","url":"/en/clients/atheo-engineering"}],"tags":[]},{"id":"content/articles/fr/its-future.mdx","heroSection":{"heroTitle":"ITS future","heroSubtitle":"","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":"linear-gradient(180deg, rgba(255,118,0,0.83) 62px, #ff2b48 110%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"rgba(255,255,255,0.15)","navbarLinkActive":"#000","navbarLinkHover":"#000"},"imageAlt":"its future site web","imageWidth":845,"imageHeight":475},"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, FrenchStack","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","subdomainKey":"clients","subdomain":"references","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Basée à Strasbourg, ITS Future est une jeune entreprise de service numérique dont l'objectif est de développer des solutions innovantes (mobile, web, IoT) exploitables sur tous les supports modernes."}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/its-future-logo.png","caption":"842x279","children":[{"type":"text","text":""}],"alt":"Its Future Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Création des pages "},{"type":"a","url":"https://its-future.com/etude-cas-previa-2/","title":"Comment Prévia a transformé sa relation-client","children":[{"type":"text","text":"Etude de cas (Prévia)"}]},{"type":"text","text":" et "},{"type":"a","url":"https://its-future.com/contact/","title":"Page contact","children":[{"type":"text","text":"contact"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Mise à jour de la liste des clients"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Optimisation du chargement des pages"}]}]}]},{"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":"","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":"linear-gradient(181deg, rgb(0,0,0,0.79), #000000db, #d80538)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"rgba(0,0,0,0.15)","navbarLinkActive":"#d80538","navbarLinkHover":"#d80538"},"imageAlt":"passion auto prestige","imageWidth":845,"imageHeight":475},"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, FrenchStack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:20:49.949Z","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","subdomainKey":"clients","subdomain":"references","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"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."}]}]},"contentRight":{"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":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"p","children":[{"type":"img","url":"/images/passion-auto-prestige-showroom.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Passion Auto Prestige Showroom"}]},{"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":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"APPLICATIONS & STRATÉGIES MOBILES"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/applipro.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(360deg, rgba(255,176,96,0.85) -20%, #ff8a7c 44%, #ffffff00 150%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"rgba(255,255,255,0.15)","navbarLinkActive":"#ffcc97","navbarLinkHover":"#fab36a"},"imageAlt":"applipro","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"","metaDescription":"Applipro est un CMS web mobile édité par la société Expert Flow Control Management (EFCM)","metaTags":"Applipro, CMS application mobile, générateur application mobile, EFCM","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","subdomainKey":"clients","subdomain":"references","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Applipro est un CMS web mobile édité par la société Expert Flow Control Management (EFCM). La start-up EFCM a vu le jour grâce au projet présenté sur cette page, à savoir Appliclub, le générateur de sites web et application mobiles. EFCM se positionne sur ces technologies afin de développer des produits accessibles et évolutifs."}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/applipro-logo.png","caption":"658x173","children":[{"type":"text","text":""}],"alt":"Applipro Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"p","children":[{"type":"text","text":"J'interviens à la fois en tant que chef de projet junior ainsi qu'en tant que développeur."}]},{"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":"ul","children":[{"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":"ul","children":[{"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":"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":"","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%)","heroMs":"0","heroWidth":"100%","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"js libs youtube 1","imageWidth":845,"imageHeight":475},"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","subdomainKey":"blog","subdomain":"blog","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"},{"icon":"","label":"Démonstration","link":"http://www.seanmccambridge.com/tubular/","style":"light"}]}},{"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","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Fondateur de FrenchStack, 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":"Designer à mes heures perdues, 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%)","heroMs":"25%","heroWidth":"75%","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"#fff0","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":"2023-08-18T18:56:00.822Z","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","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":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"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é."}]}]},"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%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","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, FrenchStack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","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","subdomainKey":"services","subdomain":"services","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/identite-visuelle-graphique.png","alt":"Identite Visuelle Graphique","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 & Print","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":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Découvrez en vidéo les services de l'agence FrenchStack"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/agence-web-video-frenchstack.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(180deg, rgb(45,12,53) 0%, #0095fe00 180%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"agence web video frenchstack","imageWidth":1920,"imageHeight":960},"seoSection":{"metaTitle":"Agence web strasbourgeoise","metaDescription":"Vidéo de présentation des services de l'agence web FrenchStack à Strasbourg","metaTags":"agence web, service web, agence web strasbourg, FrenchStack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","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 FrenchStack","subdomainKey":"videos","subdomain":"videos","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"youtube","children":[{"type":"text","text":""}],"props":{"id":"aJTGyyRXDh4","title":"FrenchStack - Agence Web"}},{"type":"p","children":[{"type":"text","text":"FrenchStack é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":"FrenchStack overview","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é","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"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."}]}]},"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%)","heroMs":"","heroWidth":"","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","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":"2023-08-18T08:52:56.731Z","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","subdomainKey":"services","subdomain":"services","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, le web design correspond à l'action de "},{"type":"text","text":"dessiner 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":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"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."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/photo-pro-montage-agence-photograph.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(90deg, #7a00ffe3 -30%, #00ff89 120%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"rgba(255, 255, 255, 0.15)","navbarLinkActive":"#c3c3fe","navbarLinkHover":"#c3c3fe"},"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":"2023-08-18T08:52:56.731Z","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","subdomainKey":"services","subdomain":"services","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","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%)","heroMs":"","heroWidth":"","heroTitleMb":"0.5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"rgba(0,0,0, 0.15)","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, FrenchStack, 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","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"FrenchStack 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":" évoluée et "},{"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":"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 régulière d'articles et s'adresse principalement aux sociétés de distribution (producteur, revendeur-spécialiste) et 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":"Option d'indexation et référencement personnalisés"}]},{"type":"p","children":[{"type":"text","text":"Un nouveau site n'a que peu de "},{"type":"text","text":"visibilité","bold":true},{"type":"text","text":" lors de son lancement. Il ne sera que peu visité s'il n'est pas correctement "},{"type":"text","text":"référencé","bold":true},{"type":"text","text":" auprès des annuaires, index et moteurs de recherche. C'est pourquoi, dès la mise en ligne, l'utilisation d'un "},{"type":"a","url":"/fr/services/referencement-naturel-payant-seo-sea","title":"Services de référencement","children":[{"type":"text","text":"service de référencement"}]},{"type":"text","text":" s'avère primordiale. Il va permettre de "},{"type":"text","text":"faire connaître votre site","bold":true},{"type":"text","text":", votre marque et vos produits en répondant directement aux requêtes des internautes."}]},{"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":"","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.\nEn souscrivant à notre offre d'hébergement, vous disposez d'une sécurité pour vos données, de notre architecture optimisée de type Cloud Computing, 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":"","heroMs":"0","heroWidth":"100%","heroTitleMb":"","heroTitleColor":"","heroContentBg":"rgba(0,0,0,0.15)","heroContentAlign":"left","heroBlurImage":"","navbarBg":"rgba(0,0,0,0.15)","navbarLinkActive":"#ff856f","navbarLinkHover":"#ff856f"},"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":"2023-08-18T08:52:56.731Z","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é","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Services d'hébergement et infogérance"}]},{"type":"p","children":[{"type":"text","text":"► Notre offre d'"},{"type":"text","text":"hébergement","bold":true},{"type":"text","text":" procure une forte perspective d'évolution et d'adaptabilité pour vos projets de "},{"type":"text","text":"sites Internet","bold":true},{"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 de type Cloud Computing 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 également la continuité de nos services pour vous apporter une qualité d'hébergement permanente. En choisissant notre offre d'hébergement, vous faites confiance à notre équipe d'experts. En effet, notre studio vous fournit l'assurance de bénéficier d'une équipe dotée d'une "},{"type":"text","text":"forte expérience","bold":true},{"type":"text","text":" d'hébergement d'applications stratégiques, d'un "},{"type":"text","text":"accompagnement","bold":true},{"type":"text","text":" à la hauteur de vos attentes et de la proactivité d'équipes dédiées."}]},{"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":"","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. 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%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","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":"2023-08-18T08:52:56.731Z","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","subdomainKey":"services","subdomain":"services","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":"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":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"FrenchStack 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."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/seo-referencement-naturel-service-expert.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(9deg, #00ff0f -30%, #006bffcf 50%, #000000 130%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","navbarLinkActive":"","navbarLinkHover":""},"imageAlt":"seo referencement naturel service expert","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Référencement naturel et payant","metaDescription":"FrenchStack 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":"2023-08-18T08:52:56.731Z","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","subdomainKey":"services","subdomain":"services","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":"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":"Search Engine Optimization","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":"","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%)","heroMs":"0","heroWidth":"100%","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"left","heroBlurImage":"","navbarBg":"","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":"2023-08-18T08:52:56.731Z","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","subdomainKey":"services","subdomain":"services","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":"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":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Réseaux sociaux généralistes","bold":true}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Facebook"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"X"}]}]}]},{"type":"p","children":[{"type":"text","text":"Réseaux sociaux professionnels","bold":true}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Linkedin"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Viadeo"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Réseaux sociaux visuels","bold":true}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Instagram"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Pinterest"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Flickr"}]}]}]},{"type":"p","children":[{"type":"text","text":"Réseaux sociaux vidéo","bold":true}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Youtube"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Dailymotion"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Vimeo"}]}]}]}]}}},{"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","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":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Notre agence conçoit, réalise et diffuse vos vidéos institutionnelles.\nAu-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%)","heroMs":"50%","heroWidth":"50%","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"rgba(255,255,255,0.15)","navbarLinkActive":"#ffb2da","navbarLinkHover":"#ffb2da"},"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":"2023-08-18T08:52:56.731Z","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","subdomainKey":"services","subdomain":"services","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":"FrenchStack - 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"}]},{"id":"content/articles/fr/jfg-international.mdx","heroSection":{"heroTitle":"JFG International","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"SPÉCIALISTE ALSACIEN"}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/jfg-international.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(6deg, #ffe9b2db 19%, #0087a2 90%)","heroMs":"","heroWidth":"","heroTitleMb":"","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","navbarLinkActive":"#004d60","navbarLinkHover":"#00699a"},"imageAlt":"jfg international","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"","metaDescription":"JFG International est une entreprise alsacienne spécialisée dans la conception et la commercialisation des traditionnels fours à tartes flambées alsaciens","metaTags":"JFG International, Guillet","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T15:16:18.656Z","localeCode":"fr","slug":"jfg-international","url":"/fr/references/jfg-international","ogId":"jfg-international-references-fr","ogImagePath":"/og/jfg-international-references-fr.png","type":"Article","title":"JFG International","subdomainKey":"clients","subdomain":"references","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"JFG International est une entreprise alsacienne spécialisée dans la conception et la commercialisation des traditionnels fours à tartes flambées alsaciens. L'expérience et les exigences en matière de qualité font de JFG International un spécialiste du petit électroménager depuis bientôt 10 ans."}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/jfg-international-logo.png","caption":"658x210","children":[{"type":"text","text":""}],"alt":"Jfg International Logo"}]}]}}},{"type":"h3","children":[{"type":"text","text":"Missions"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Création d'un e-commerce avec Magento"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Élaboration d'un web design unique pour JFG International"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Création des contenus (catégories et produits) du monde du jardin et de la maison, en passant par l'univers cuisine, sport et loisir"}]}]},{"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":"h3","children":[{"type":"text","text":"Projet"}]},{"type":"p","children":[{"type":"img","url":"/images/design-web-responsive-2.png","caption":"845x475","children":[{"type":"text","text":""}],"alt":"Design Web Responsive 2"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Site web : jfg-international.com"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Année : 2014"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Création web, Graphisme, Illustration, Mise en page, Référencement, Web design"}]}]}]}]},"dateCreate":"2016-03-08T12:00:00.000Z","dateUpdate":"2021-05-28T04:48:07.000Z","translations":[{"localeCode":"en","title":"JFG International","slug":"jfg-international","url":"/en/clients/jfg-international"}],"tags":[]}],"page":{"id":"content/pages/fr/index.mdx","heroSection":{"heroTitle":"","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"homeLogo","children":[{"type":"text","text":""}],"props":{}},{"type":"p","children":[{"type":"text","text":"Située à Strasbourg, notre agence est spécialisée dans la conception de "},{"type":"text","text":"sites conformes","bold":true},{"type":"text","text":" et "},{"type":"text","text":"accessibles","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Consultez nos services et "},{"type":"text","text":"réalisations web","bold":true},{"type":"text","text":" locales et internationales."}]},{"type":"p","children":[{"type":"text","text":"Découvrez également l'"},{"type":"text","text":"actualité du numérique,","bold":true},{"type":"text","text":" vue par des passionnés de "},{"type":"text","text":"technologies","bold":true},{"type":"text","text":" et d'"},{"type":"text","text":"innovation","bold":true},{"type":"text","text":"."}]}]},"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%)","heroMs":"0","heroWidth":"100%","heroTitleMb":"5rem","heroTitleColor":"","heroContentBg":"","heroContentAlign":"","heroBlurImage":"","navbarBg":"","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":"2023-08-19T14:09:59.025Z","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":"blog","label":"Articles récents","title":"Blog","count":1,"cardTemplate":"default","subdomain":"blog","cardContainer":"home"},{"href":"videos","label":"Nouvelles vidéos","title":"Vidéos","count":1,"cardTemplate":"video","subdomain":"videos","cardContainer":"home"},{"href":"references","label":"Portfolio","title":"Références","count":1,"cardTemplate":"full-width","subdomain":"clients","cardContainer":"home"},{"href":"services","label":"Notre expertise","title":"Prestations","count":9,"cardTemplate":"simple","subdomain":"services","cardContainer":"container-3-col"}]}}]},"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":"facebook","account":"StudioCenturio"},{"website":"youtube","account":"UCBLJwUROjmJPB1CIk0lPVdg"},{"website":"x","account":"StudioCenturio"}],"hasSocial":true,"nav":[{"title":"Blog","links":[{"href":"blog/angular","label":"Angular"},{"href":"blog/jquery","label":"jQuery"}]},{"title":"Vidéos","links":[{"href":"videos/marketing-audiovisuel","label":"Marketing audiovisuel"}]},{"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":"FrenchStack","links":[{"href":"references","label":"Références"},{"href":"a-propos","label":"À propos"},{"href":"contact","label":"Contact"}]}]},"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}}},"__N_SSG":true}