{"pageProps":{"locale":{"code":"en","domain":"frenchstack.com","lang":"en-US","json":{"TRANSLATE":"Translate into","EN":"English","FR":"French","NO_TRANSLATION_AVAILABLE":"No translation available","PROFILE_OF":"Profile of","FILTER_BY_TAG":"Filter by tag","REMOVE_FILTER":"Remove filter","RESULT":"Result","RESULTS":"Results","FORM_CONTACT_SUPPORT":"Support","FORM_CONTACT_SALES":"Sales","FORM_CONTACT_BUGS":"Report a bug","FORM_LOADING":"Loading","FORM_SEND":"Send","FORM_VERIFY":"Verify","FORM_NAME":"Name","FORM_TOPIC":"Subject","FORM_PHONE":"Phone","FORM_EMAIL":"Email","FORM_MESSAGE":"Message","FORM_DOMAIN_PLACEHOLDER":"example.com","FORM_DOMAIN_AVAILABLE":"Congrats, is available!","FORM_DOMAIN_TAKEN":"Sorry, is taken.","SUBSCRIBE":"Subscribe","SUCCESS_CONTACT":"Your message has been successfully sent! We'll be in touch soon.","SOMETING_WENT_WRONG":"Oops, something went wrong. Please try again later."},"subdomains":{"blog":"blog","clients":"clients","videos":"videos","services":"services"},"ogSection":"Technology"},"slugs":["en","index"],"component":"home","articles":[{"id":"content/articles/en/angular-form-validation-compare-multiple-fields.mdx","heroSection":{"heroTitle":"Compare multiple fields","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"ANGULAR FORM VALIDATION"}]},{"type":"p","children":[{"type":"text","text":"How to validate two fields of a form doing a comparison?"}]},{"type":"p","children":[{"type":"text","text":"Let's check multiple fields with a top level validator!"}]}]},"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":"Angular form validation : compare multiple fields","metaDescription":"How to validate two fields of a form doing a comparison? Let's check multiple fields with a top level validator!","metaTags":"forms, angular, validation, angular-forms, angular-validation","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T12:36:19.922Z","localeCode":"en","slug":"angular-form-validation-compare-multiple-fields","url":"/en/blog/angular-form-validation-compare-multiple-fields","ogId":"angular-form-validation-compare-multiple-fields-blog-en","ogImagePath":"/og/angular-form-validation-compare-multiple-fields-blog-en.png","type":"Article","title":"Compare multiple fields using Angular","subdomainKey":"blog","subdomain":"blog","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Let's suppose that our form has a "},{"type":"text","text":"startDate","code":true},{"type":"text","text":" and an "},{"type":"text","text":"endDate","code":true},{"type":"text","text":" date fields and we want to make sure that "},{"type":"text","text":"startDate","code":true},{"type":"text","text":" must be before "},{"type":"text","text":"endDate","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"To implement validations containing one or more sibling (form) controls, we need to set the validator function to a higher level than the sibling controls."}]},{"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 Top level validator\n { validator : DateValidator.dateRangeValidator });\n}","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"text","text":"Then we define a custom validator in a separate file, for example "},{"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 Safety check\n if (!control.get('startDate').value || !control.get('endDate').value)\n return null;\n\n // NOTE Compare fields\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 Invalid\n if (!isValid)\n return { invalidDateRange : true };\n\n // NOTE Valid\n return null;\n }\n}","children":[{"type":"text","text":""}]},{"type":"p","children":[{"type":"text","text":"If invalid, return an error object (any arbitrary name), like, "},{"type":"text","text":"return { invalidEndDate: true }","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Make sure it always returns a "},{"type":"text","text":"null","code":true},{"type":"text","text":" for valid or non-relevant cases, and a 'non-null' object for when an error should be raised on the "},{"type":"text","text":"formGroup","code":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"To display the error in our view, we use the "},{"type":"text","text":"invalidDateRange","code":true},{"type":"text","text":" key returned by our validator."}]},{"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 Start date is not before the end date\n
","children":[{"type":"text","text":""}]}]},"dateCreate":"2021-03-17T10:46:42.000Z","dateUpdate":"2021-09-15T10:57:26.000Z","author":{"id":"content/authors/en/nicolas-roehm-bettcher.mdx","heroSection":{"heroTitle":"Nicolas Roehm","heroSubtitle":"Software engineer","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Founder of FrenchStack, I design complete IT solutions."}]},{"type":"p","children":[{"type":"text","text":"Full-stack developer, I work mainly on frontend projects with Angular, React or Vue."}]},{"type":"p","children":[{"type":"text","text":"Designer in my spare time, here are some of my "},{"type":"a","url":"https://www.artstation.com/nicolas-roehm","title":"ArtStation - Nicolas Roehm","children":[{"type":"text","text":"graphic designs"}]},{"type":"text","text":"."}]}]},"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, Software engineer","metaDescription":"I design websites in their entirety: template, development, SEO, e-reputation, e-mailling and hosting","metaTags":"Nicolas Roehm, Software engineer, web, mobile, website","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","localeCode":"en","slug":"nicolas-roehm-bettcher","url":"/en/nicolas-roehm-bettcher","ogId":"nicolas-roehm-bettcher-en","ogImagePath":"/og/nicolas-roehm-bettcher-en.png","type":"Author","title":"Nicolas Roehm-Bettcher","lname":"Roehm","fname":"Nicolas","name":"Nicolas Roehm","translations":[{"localeCode":"fr","title":"Nicolas Roehm-Bettcher","slug":"nicolas-roehm-bettcher","url":"/fr/nicolas-roehm-bettcher"}]},"translations":[{"localeCode":"fr","title":"Comparer plusieurs champs avec Angular","slug":"angular-validation-formulaire-comparer-plusieurs-champs","url":"/fr/blog/angular-validation-formulaire-comparer-plusieurs-champs"}],"tags":[{"id":"content/tags/en/angular.mdx","localeCode":"en","title":"Angular","slug":"angular","url":"/en/blog/angular"}]},{"id":"content/articles/en/croisieurope.mdx","heroSection":{"heroTitle":"CroisiEurope","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"REDESIGN OF SALES PROCESSES"}]}]},"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":"#88c1ff"},"imageAlt":"croisieurope renoir","imageWidth":1920,"imageHeight":1080},"seoSection":{"metaTitle":"","metaDescription":"CroisiEurope, formerly Alsace Croisière, improves its sales processes","metaTags":"CroisiEurope, FrenchStack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-21T07:35:38.461Z","localeCode":"en","slug":"croisieurope","url":"/en/clients/croisieurope","ogId":"croisieurope-clients-en","ogImagePath":"/og/croisieurope-clients-en.png","type":"Article","title":"CroisiEurope","subdomainKey":"clients","subdomain":"clients","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"CroisiEurope is an Alsatian company that has been offering river and coastal cruises in Europe and around the world for more than 40 years.\nWe have designed a web portal intended for B2B collaborators and B2C clients of the cruise specialist, namely 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 completed"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Front-end development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Dynamic integration of mock-ups"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"SEO"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Back-end development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Back-office administration"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Front-office"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Project management"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"End of studies thesis"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Interface translation"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"I presented a conference on responsive design with Bootstrap 3 & 4"}]}]}]}]},"contentRight":{"type":"root","children":[{"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":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website : "},{"type":"a","url":"https://croisieurope.com/","title":"CroisiEurope","children":[{"type":"text","text":"croisieurope.com"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Date : 2017"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Web development, Integration, SEO, Translation"}]}]}]}]}}}]},"dateCreate":"2017-11-01T05:30:00.000Z","dateUpdate":"2021-05-28T04:49:10.000Z","translations":[{"localeCode":"fr","title":"CroisiEurope","slug":"croisieurope","url":"/fr/references/croisieurope"}],"tags":[]},{"id":"content/articles/en/interfacile.mdx","heroSection":{"heroTitle":"Interfacile","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"DEVELOP YOUR FUTURE TOGETHER"}]}]},"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 is a digital solution that meets the flexibility and responsiveness needs of industrial companies","metaTags":"Interfacile, Alsace Digitale, Hacking Industry Camp, Startup Weekend Strasbourg","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-21T07:53:28.268Z","localeCode":"en","slug":"interfacile","url":"/en/clients/interfacile","ogId":"interfacile-clients-en","ogImagePath":"/og/interfacile-clients-en.png","type":"Article","title":"Interfacile","subdomainKey":"clients","subdomain":"clients","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Interfacile: the interface that puts people at the heart of the project, received the Alsace Digitale prize during the Startup Weekend « Hacking Industry Camp 2015 ». The digital solution meets the flexibility and responsiveness needs of industrial companies."}]},{"type":"h3","children":[{"type":"text","text":"Missions completed"}]},{"type":"p","children":[{"type":"text","text":"I work as a Front-End developer to integrate mobile mock-ups with precision."}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Integration of the interface for creating, editing and managing images"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Based on « "},{"type":"a","url":"http://techslides.com/demos/canvasedit/","title":"Online Image Editor","children":[{"type":"text","text":"Online Image Editor"}]},{"type":"text","text":" »"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Study and definition of the technologies to be implemented"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"p","children":[{"type":"img","url":"/images/logo-interfacile.svg","caption":"350x398","children":[{"type":"text","text":""}],"alt":"Logo Interfacile"}]}]}}},{"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":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website : "},{"type":"a","url":"http://interfacile.com/","title":"Interfacile","children":[{"type":"text","text":"interfacile.com"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Date : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Front-end development"}]}]},{"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":"fr","title":"Interfacile","slug":"interfacile","url":"/fr/references/interfacile"}],"tags":[]},{"id":"content/articles/en/atheo-engineering.mdx","heroSection":{"heroTitle":"Atheo Engineering","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"ARCHITECTS OF YOUR DATA"}]}]},"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 Engineering is a company specializing in supervised infrastructures whose objective is to ensure the security, integrity and consistency of computer data.","metaTags":"Athéo Engineering, cloud, hosting, infrastructure","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-21T08:01:20.641Z","localeCode":"en","slug":"atheo-engineering","url":"/en/clients/atheo-engineering","ogId":"atheo-engineering-clients-en","ogImagePath":"/og/atheo-engineering-clients-en.png","type":"Article","title":"Atheo Engineering","subdomainKey":"clients","subdomain":"clients","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Atheo Engineering is a company specializing in supervised infrastructures whose objective is to ensure the security, integrity and consistency of computer data."}]}]},"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 completed"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Complete redesign of responsive with Bootstrap 3"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Page loading optimization"}]}]}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website : "},{"type":"a","url":"https://www.atheo.net/","title":"Atheo Engineering","children":[{"type":"text","text":"atheo.net"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Date : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Wordpress, Bootstrap, Optimization, Layout"}]}]}]}]},"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":"fr","title":"Athéo Ingénierie","slug":"atheo-ingenierie","url":"/fr/references/atheo-ingenierie"}],"tags":[]},{"id":"content/articles/en/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":"","metaDescription":"ITS Future is a company specializing in the development of specific software applications, accessible on all modern devices","metaTags":"ITS Future, FrenchStack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-21T08:15:29.154Z","localeCode":"en","slug":"its-future","url":"/en/clients/its-future","ogId":"its-future-clients-en","ogImagePath":"/og/its-future-clients-en.png","type":"Article","title":"ITS future","subdomainKey":"clients","subdomain":"clients","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"ITS Future aims to develop specific software applications accessible on all modern devices to meet the needs of its customers. The two main services of the company are: • Design of innovative solutions • Delivery of the service"}]}]},"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 completed"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of "},{"type":"a","url":"https://its-future.com/etude-cas-previa/","title":"Prévia Case study","children":[{"type":"text","text":"(Prévia) Case study"}]},{"type":"text","text":" and "},{"type":"a","url":"https://its-future.com/contact/","title":"Contact page","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" pages"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Updating the client list"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Page loading optimization"}]}]}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website : "},{"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":"Date : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Wordpress, Optimization, Layout, SEO, Video"}]}]}]}]},"dateCreate":"2017-10-29T04:00:00.000Z","dateUpdate":"2021-05-13T12:17:19.000Z","translations":[{"localeCode":"fr","title":"ITS future","slug":"its-future","url":"/fr/references/its-future"}],"tags":[]},{"id":"content/articles/en/passion-auto-prestige.mdx","heroSection":{"heroTitle":"PASSION AUTO PRESTIGE","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Sale of pre-owned prestigious sports vehicles"}]}]},"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 is a company specializing in luxury and sports used vehicles in Vendenheim in Alsace","metaTags":"Passion Auto Prestige, FrenchStack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-21T08:29:18.827Z","localeCode":"en","slug":"passion-auto-prestige","url":"/en/clients/passion-auto-prestige","ogId":"passion-auto-prestige-clients-en","ogImagePath":"/og/passion-auto-prestige-clients-en.png","type":"Article","title":"Passion Auto Prestige","subdomainKey":"clients","subdomain":"clients","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 is a company specializing in luxury and sports used vehicles in Vendenheim in 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 completed"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Development of a showcase website"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of a visual identity with a unique web design for Passion Auto Prestige"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of a catalog of used car models sorted by brands: Porsche, Ferrari, Maserati, Lamborghini, Aston Martin, Bentley, Jaguar, Audi, ..."}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Production of illustrative videos on the home page and presentation of the showroom"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Writing of site presentations and keywords"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Creation of attractive visuals for brands and products"}]}]}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"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":"Website : "},{"type":"a","url":"https://www.passionautoprestige.fr","title":"Passion Auto Prestige","children":[{"type":"text","text":"passionautoprestige.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Date : 2015"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Web development, Graphics, Illustration, Logo and visual identity, Layout, SEO, Video, Web design"}]}]}]}]},"dateCreate":"2016-06-23T12:00:00.000Z","dateUpdate":"2021-05-28T04:48:26.000Z","translations":[{"localeCode":"fr","title":"Passion Auto Prestige","slug":"passion-auto-prestige","url":"/fr/references/passion-auto-prestige"}],"tags":[]},{"id":"content/articles/en/applipro.mdx","heroSection":{"heroTitle":"APPLIPRO","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"MOBILE APPS & STRATEGIES"}]}]},"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 is a mobile web CMS edited by Expert Flow Control management (EFCM)","metaTags":"Applipro, CMS mobile application, mobile application generator, EFCM","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-21T08:57:34.880Z","localeCode":"en","slug":"applipro","url":"/en/clients/applipro","ogId":"applipro-clients-en","ogImagePath":"/og/applipro-clients-en.png","type":"Article","title":"Applipro","subdomainKey":"clients","subdomain":"clients","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"EFCM (Expert Flow Control Management) is a publisher of web and mobile solutions. The startup was created for the CMS Applipro project which is a builder of websites and mobile applications. The company uses these technologies to provide accessible and scalable products."}]}]},"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 completed"}]},{"type":"p","children":[{"type":"text","text":"I work as a junior project manager as well as a developer."}]},{"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":"Project management"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Market research"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Specification writing"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Tests"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Digital communication strategy"}]}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Technological watch"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"CMS development"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Business Process Modeling UML"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Database Modeling LDM"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Web development"}]}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Implementation of the banking payment module"}]}]}]}]}}},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Website : "},{"type":"a","url":"http://www.applipro.fr/","title":null,"children":[{"type":"text","text":"applipro.fr"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Date : 2016"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Project management, Web development, Management, Reporting"}]}]}]}]},"dateCreate":"2016-06-22T12:00:00.000Z","dateUpdate":"2023-08-20T17:35:00.000Z","translations":[{"localeCode":"fr","title":"Applipro","slug":"applipro","url":"/fr/references/applipro"}],"tags":[]},{"id":"content/articles/en/javascript-librairies-youtube-like.mdx","heroSection":{"heroTitle":"Javascript libraries #1 : Youtube","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Discover the best « Youtube like » plugins and scripts for your website!"}]}]},"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":"This week JS libs makes you discover Youtube like plugins for your website","metaTags":"youtube js, youtube javascript, youtube libraries, youtube script, youtube plugin, youtube jquery","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2024-11-14T00:59:52.283Z","localeCode":"en","slug":"javascript-librairies-youtube-like","url":"/en/blog/javascript-librairies-youtube-like","ogId":"javascript-librairies-youtube-like-blog-en","ogImagePath":"/og/javascript-librairies-youtube-like-blog-en.png","type":"Article","title":"JS libs #1 : Youtube","subdomainKey":"blog","subdomain":"blog","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Discover a selection of "},{"type":"text","text":"web resources","bold":true},{"type":"text","text":", "},{"type":"text","text":"scripts","bold":true},{"type":"text","text":", "},{"type":"text","text":"plugins","bold":true},{"type":"text","text":" and "},{"type":"text","text":"CSS tools","bold":true},{"type":"text","text":" to customize your site! The first episode of "},{"type":"text","text":"JS libs","bold":true},{"type":"text","text":" is dedicated to "},{"type":"text","text":"Youtube plugins","bold":true},{"type":"text","text":". Happy customization!"}]},{"type":"h3","children":[{"type":"text","text":"Youtube Loading Bar"}]},{"type":"p","children":[{"type":"text","text":"A small jQuery plugin that allows you to add a « Youtube-like » loading bar to all your ajax links."}]},{"type":"h4","children":[{"type":"text","text":"Initialization example"}]},{"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":"Demonstration","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 is a jQuery plugin that allows you to set a YouTube video as the page background. To do this, all you have to do is integrate the plugin into your site and then link the container of your page to the ID of your Youtube video and you're done!"}]},{"type":"h4","children":[{"type":"text","text":"Initialization example"}]},{"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":"Configurable options"}]},{"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":"Demonstration","link":"http://www.seanmccambridge.com/tubular/","style":"light"}]}},{"type":"h3","children":[{"type":"text","text":"PreViewTube"}]},{"type":"p","children":[{"type":"text","text":"A small jQuery plugin to animate the thumbnails of your YouTube videos on hover or continuously.It is possible to adjust the flow rate of the images for a better fluidity of the preview."}]},{"type":"h4","children":[{"type":"text","text":"Initialization example"}]},{"type":"code_block","lang":"javascript","value":"$('.preViewTube').PreViewTube();","children":[{"type":"text","text":""}]},{"type":"h4","children":[{"type":"text","text":"Configurable options"}]},{"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":"Demonstration","link":"http://previewtube.vool.ie/","style":"light"}]}},{"type":"h3","children":[{"type":"text","text":"Youtube autoplay playlist"}]},{"type":"p","children":[{"type":"text","text":"Automatic Youtube playlist player, this jQuery plugin also allows you to apply a cinema effect to your videos by \"turning off the light\" on your site! There are many options and settings available to customize how videos look and play."}]},{"type":"h4","children":[{"type":"text","text":"Initialization example"}]},{"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":"Configurable options"}]},{"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":"Demonstration","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/en/nicolas-roehm-bettcher.mdx","heroSection":{"heroTitle":"Nicolas Roehm","heroSubtitle":"Software engineer","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Founder of FrenchStack, I design complete IT solutions."}]},{"type":"p","children":[{"type":"text","text":"Full-stack developer, I work mainly on frontend projects with Angular, React or Vue."}]},{"type":"p","children":[{"type":"text","text":"Designer in my spare time, here are some of my "},{"type":"a","url":"https://www.artstation.com/nicolas-roehm","title":"ArtStation - Nicolas Roehm","children":[{"type":"text","text":"graphic designs"}]},{"type":"text","text":"."}]}]},"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, Software engineer","metaDescription":"I design websites in their entirety: template, development, SEO, e-reputation, e-mailling and hosting","metaTags":"Nicolas Roehm, Software engineer, web, mobile, website","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","localeCode":"en","slug":"nicolas-roehm-bettcher","url":"/en/nicolas-roehm-bettcher","ogId":"nicolas-roehm-bettcher-en","ogImagePath":"/og/nicolas-roehm-bettcher-en.png","type":"Author","title":"Nicolas Roehm-Bettcher","lname":"Roehm","fname":"Nicolas","name":"Nicolas Roehm","translations":[{"localeCode":"fr","title":"Nicolas Roehm-Bettcher","slug":"nicolas-roehm-bettcher","url":"/fr/nicolas-roehm-bettcher"}]},"translations":[{"localeCode":"fr","title":"JS libs #1 : Youtube","slug":"javascript-librairies-youtube-like","url":"/fr/blog/javascript-librairies-youtube-like"}],"tags":[{"id":"content/tags/en/jquery.mdx","localeCode":"en","title":"jQuery","slug":"jquery","url":"/en/blog/jquery"}]},{"id":"content/articles/en/visual-identity-graphic-printing-agency.mdx","heroSection":{"heroTitle":"Graphic communication","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Visual identity is the matrix of all communication strategies. With a « graphic identity card », your company attracts the customer attention and strengthens your notoriety and credibility."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"heroImage":"/images/visual-identity-graphic-printing-identite-visuelle-impression-graphique.png","heroVideoBackground":"","heroStyle":{"heroBg":"linear-gradient(10deg, rgba(255,129,0,0.64) 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":"","metaDescription":"Visual identity is the matrix of all communication strategies. With a « graphic identity card », your company attracts the customer attention and strengthens your notoriety and credibility","metaTags":"visual identity, web design, visual marketing, french stack","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T09:53:29.106Z","localeCode":"en","slug":"visual-identity-graphic-printing-agency","url":"/en/services/visual-identity-graphic-printing-agency","ogId":"visual-identity-graphic-printing-agency-services-en","ogImagePath":"/og/visual-identity-graphic-printing-agency-services-en.png","type":"Article","title":"Visual identity & Print","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of visual identity"}]},{"type":"p","children":[{"type":"text","text":"It consists of a logo and graphic elements (typography, colors, shapes, currencies), "},{"type":"text","text":"symbols of your company","bold":true},{"type":"text","text":". In other words, this "},{"type":"text","text":"graphic charter","bold":true},{"type":"text","text":" visually links the components of your brand! The visual identity applies to various "},{"type":"text","text":"communication media","bold":true},{"type":"text","text":": business cards, envelopes, official documents..."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of multi-media visual identity"}]},{"type":"p","children":[{"type":"text","text":"Advertising","bold":true},{"type":"text","text":" is the main objective of the visual identity: it reflects the "},{"type":"text","text":"image","bold":true},{"type":"text","text":" of your company, its "},{"type":"text","text":"services","bold":true},{"type":"text","text":" as well as its "},{"type":"text","text":"values","bold":true},{"type":"text","text":". Visual identity is useful in "},{"type":"text","text":"distinguish yourself","bold":true},{"type":"text","text":" from other market players and helps you "},{"type":"text","text":"communicate","bold":true},{"type":"text","text":" in a consistent manner via existing media. Indeed, visual identity is the matrix of all "},{"type":"text","text":"communication strategies","bold":true},{"type":"text","text":". With a « graphic identity card », your business "},{"type":"text","text":"attracts the attention of customers","bold":true},{"type":"text","text":", establishes your "},{"type":"text","text":"brand awareness","bold":true},{"type":"text","text":" and strengthens your "},{"type":"text","text":"credibility","bold":true},{"type":"text","text":" in the current economic world."}]},{"type":"h3","children":[{"type":"text","text":"Visual identity services"}]},{"type":"p","children":[{"type":"text","text":"Our visual identity services are defined through "},{"type":"text","text":"multi-media printing","bold":true},{"type":"text","text":" as well as the "},{"type":"text","text":"creation of a graphic charter","bold":true},{"type":"text","text":". These entities include the following elements:"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Printing media"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Business card"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Flyer"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Envelope"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Catalog"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Printing adhesives for shop windows and vehicles"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Poster"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Flag"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Sticker"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Visual creations"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Company logo (image format)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Company name (text and/or image format)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Promotional banner"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/en/services/web-design-creation","title":"Graphic design studio","children":[{"type":"text","text":"Web design"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/en/services/social-networks-marketing-agency-community-management","title":"Social marketing and community management","children":[{"type":"text","text":"Social networks"}]}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"a","url":"/en/services/video-motion-audiovisual-marketing-agency","title":"Audiovisual production","children":[{"type":"text","text":"Video"}]}]}]}]}]}}},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Examples of visual identity","label":"See our projects","href":"/en/clients","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":"Visual identity and printing quote"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" for a free estimate of the creation of your visual identity. We then define together your needs in order to establish your estimate on this basis."}]}]},"dateCreate":"2016-05-23T09:32:35.000Z","dateUpdate":"2021-05-28T04:39:20.000Z","translations":[{"localeCode":"fr","title":"Identité visuelle & impression","slug":"identite-visuelle-agence-impression-graphique","url":"/fr/services/identite-visuelle-agence-impression-graphique"}],"tags":[{"id":"content/tags/en/graphic-design.mdx","localeCode":"en","title":"Design","slug":"graphic-design","url":"/en/services/graphic-design"}]},{"id":"content/articles/en/web-agency-strasbourg.mdx","heroSection":{"heroTitle":"Web & mobile services","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Discover in video the services of FrenchStack agency"}]}]},"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":"Web agency in Strasbourg","metaDescription":"Web services of the FrenchStack agency : Website creation, Web design, SEO, Community management, Video & motion, E-mailing","metaTags":"website creation, visual identity, web design, photography, hosting, domain name, security, SEO, Community management, Video & motion, E-mailing, E-learning","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T08:47:12.586Z","localeCode":"en","slug":"web-agency-strasbourg","url":"/en/videos/web-agency-strasbourg","ogId":"web-agency-strasbourg-videos-en","ogImagePath":"/og/web-agency-strasbourg-videos-en.png","type":"Article","title":"FrenchStack overview","subdomainKey":"videos","subdomain":"videos","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"youtube","children":[{"type":"text","text":""}],"props":{"id":"aJTGyyRXDh4","title":"FrenchStack - Web Agency"}},{"type":"p","children":[{"type":"text","text":"FrenchStack designs, maintains and restores the "},{"type":"text","text":"brand image","bold":true},{"type":"text","text":" reflected by websites. Located in Strasbourg in Alsace, we develop your "},{"type":"text","text":"online reputation","bold":true},{"type":"text","text":" with our geo-localized and multilingual SEO solution."}]},{"type":"p","children":[{"type":"text","text":"Our agency guides you to ensure the success of your local and international "},{"type":"text","text":"web projects","bold":true},{"type":"text","text":". Through market research, we analyze the offer of the competition and we define your "},{"type":"text","text":"strategy","bold":true},{"type":"text","text":" to effectively promote your products and services. In this approach, we provide you the essential "},{"type":"text","text":"communication","bold":true},{"type":"text","text":" tools to increase your "},{"type":"text","text":"visibility","bold":true},{"type":"text","text":" and "},{"type":"text","text":"SEO","bold":true},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Web marketing and digital communication","label":"See our services","href":"/en/services"}},{"type":"mdxJsxFlowElement","name":"row3Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Graphic design"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Visual identity & print"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Web design"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Photography & Editing"}]}]}]}]},"contentCenter":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Software engineering"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Web & mobile development"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Hosting & IT outsourcing"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Domain name"}]}]}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Digital strategy"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"SEO & SEA"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Social networks : CM & SMO"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Video & motion"}]}]}]}]}}}]},"dateCreate":"2016-05-23T03:52:41.000Z","dateUpdate":"2021-05-13T02:08:51.000Z","translations":[{"localeCode":"fr","title":"Présentation de FrenchStack","slug":"agence-web-strasbourg","url":"/fr/videos/agence-web-strasbourg"}],"tags":[{"id":"content/tags/en/audiovisual-marketing.mdx","localeCode":"en","title":"Audiovisual Marketing","slug":"audiovisual-marketing","url":"/en/videos/audiovisual-marketing"}]},{"id":"content/articles/en/web-design-creation.mdx","heroSection":{"heroTitle":"Graphic design studio","heroSubtitle":"WEB DESIGN, ERGONOMICS AND ACCESSIBILITY","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our web designs are mainly based on the visual identity of your business. We visually translate your goals and philosophy with accuracy and 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, ergonomics and accessibility","metaDescription":"Our web designs are mainly based on the visual identity of your business. We visually translate your goals and philosophy with accuracy and style","metaTags":"web design, visual communication, responsive design, adaptive design, ergonomics, accessibility","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T10:47:53.641Z","localeCode":"en","slug":"web-design-creation","url":"/en/services/web-design-creation","ogId":"web-design-creation-services-en","ogImagePath":"/og/web-design-creation-services-en.png","type":"Article","title":"Web design","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of web design"}]},{"type":"p","children":[{"type":"text","text":"The combination of « "},{"type":"text","text":"web","bold":true},{"type":"text","text":" » and « "},{"type":"text","text":"design","bold":true},{"type":"text","text":" » literally means « canvas » and « draw ». So, web design is the action of "},{"type":"text","text":"drawing for the web","bold":true},{"type":"text","text":". The creation of an aesthetic design brings the "},{"type":"text","text":"harmony of visual components","bold":true},{"type":"text","text":" (texts, images, videos ...) in order to optimize the user experience."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of an original web design"}]},{"type":"p","children":[{"type":"text","text":"An "},{"type":"text","text":"original web design","bold":true},{"type":"text","text":" enhances the image of your company, contributes to the attractiveness of your site and increases your credibility on the Internet. Beyond the « aesthetic » aspect, an "},{"type":"text","text":"attractive design","bold":true},{"type":"text","text":" improves your visibility and confirms your notoriety with your prospects."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Examples of web design","label":"See our projects","href":"/en/services","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"}}},{"type":"h3","children":[{"type":"text","text":"Web design services"}]},{"type":"p","children":[{"type":"text","text":"We create your web design from the "},{"type":"a","url":"/en/services/visual-identity-graphic-printing-agency","title":"Visual identity services","children":[{"type":"text","text":"visual identity"}]},{"type":"text","text":" of your company. With a "},{"type":"text","text":"design adapted to digital media","bold":true},{"type":"text","text":", we visually translate your "},{"type":"text","text":"goals","bold":true},{"type":"text","text":" and your "},{"type":"text","text":"values","bold":true},{"type":"text","text":" with "},{"type":"text","text":"accuracy","bold":true},{"type":"text","text":" and "},{"type":"text","text":"style","bold":true},{"type":"text","text":". When "},{"type":"a","url":"/en/services/website-development-web-agency-strasbourg","title":"Website development","children":[{"type":"text","text":"reforging the website"}]},{"type":"text","text":", we can draw or replicate your previous website design making it perfectly compatible with mobile and tablets screens."}]},{"type":"h3","children":[{"type":"text","text":"Quote for a web design"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" for a free quote for your next design."}]}]},"dateCreate":"2016-05-22T09:32:32.000Z","dateUpdate":"2021-05-28T04:39:34.000Z","translations":[{"localeCode":"fr","title":"Web design","slug":"web-design","url":"/fr/services/web-design"}],"tags":[{"id":"content/tags/en/graphic-design.mdx","localeCode":"en","title":"Design","slug":"graphic-design","url":"/en/services/graphic-design"}]},{"id":"content/articles/en/photography-agency.mdx","heroSection":{"heroTitle":"Visual marketing","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Putting high-quality images to work in your business is key to selling. Our team of photography and editing experts, captures and highlights the character or product to design your ad campaign."}]}]},"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":"","metaDescription":"Putting high-quality images to work in your business is key to selling. Our team of photography and editing experts, captures and highlights the character or product to design your ad campaign","metaTags":"photography, photo montage, photo agency, photoshop","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T10:51:24.799Z","localeCode":"en","slug":"photography-agency","url":"/en/services/photography-agency","ogId":"photography-agency-services-en","ogImagePath":"/og/photography-agency-services-en.png","type":"Article","title":"Photography & Editing","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of photography and editing"}]},{"type":"p","children":[{"type":"text","text":"► Photography is the "},{"type":"text","text":"creation of an image","bold":true},{"type":"text","text":" containing a character or product captured specifically for your business."}]},{"type":"p","children":[{"type":"text","text":"► The editing stage involves "},{"type":"text","text":"highlighting","bold":true},{"type":"text","text":" the subject in an existing scene while respecting the general atmosphere."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of advertising photomontages"}]},{"type":"p","children":[{"type":"text","text":"Images are one of the main keys for your sales! Whether it is the highlighting of an object or an advertising campaign, a beautiful photograph does not come about by chance. It requires experience with "},{"type":"text","text":"framing","bold":true},{"type":"text","text":" and "},{"type":"text","text":"light","bold":true},{"type":"text","text":", but also an irreproachable "},{"type":"text","text":"preparation","bold":true},{"type":"text","text":" and "},{"type":"text","text":"finish","bold":true},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Examples of photomontage","label":"See our projects","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"},"href":"/en/clients"}},{"type":"h3","children":[{"type":"text","text":"Photography and photomontage services"}]},{"type":"p","children":[{"type":"text","text":"Our team of experts in photography and editing, captures and then highlights the character or product to design the visual of your "},{"type":"text","text":"advertising campaign","bold":true},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Visual production quote"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" to obtain a free quote for the creation of your visual communication."}]}]},"dateCreate":"2016-05-21T09:32:29.000Z","dateUpdate":"2021-05-28T04:42:50.000Z","translations":[{"localeCode":"fr","title":"Photographie & montage","slug":"agence-photographique","url":"/fr/services/agence-photographique"}],"tags":[{"id":"content/tags/en/graphic-design.mdx","localeCode":"en","title":"Design","slug":"graphic-design","url":"/en/services/graphic-design"}]},{"id":"content/articles/en/website-development-web-agency-strasbourg.mdx","heroSection":{"heroTitle":"Software engineering","heroSubtitle":"WEB & MOBILE","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"We create, renovate and maintain your professional website with a original graphic universe,\nadapted to your needs and optimized for SEO."}]}]},"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":"0","heroWidth":"100%","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":"","metaDescription":"We create, renovate and maintain your website with an original graphic universe, adapted to your needs and optimized for SEO. The services we offer range from building a static website to developing a digital fortress","metaTags":"website creation, web development, web agency","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T10:57:26.530Z","localeCode":"en","slug":"website-development-web-agency-strasbourg","url":"/en/services/website-development-web-agency-strasbourg","ogId":"website-development-web-agency-strasbourg-services-en","ogImagePath":"/og/website-development-web-agency-strasbourg-services-en.png","type":"Article","title":"Website development","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"FrenchStack brings you all the "},{"type":"a","url":"/en/services/web-mobile-development","title":"Our services for your website","children":[{"type":"text","text":"technical solutions"}]},{"type":"text","text":" to carry out your "},{"type":"text","text":"website development","bold":true},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of an optimized website"}]},{"type":"p","children":[{"type":"text","text":"Today your prospects and customers are looking for you on the Internet. The web is primarily used by businesses and individuals for "},{"type":"text","text":"information and purchase","bold":true},{"type":"text","text":". Owning a site is having a "},{"type":"text","text":"global business card","bold":true},{"type":"text","text":" that allows you to get to know your customers better. Accessible to all, your website allows you to have advanced and permanent "},{"type":"text","text":"advertising documentation","bold":true},{"type":"text","text":" and to reduce your "},{"type":"text","text":"communication","bold":true},{"type":"text","text":" costs. The site increases your "},{"type":"text","text":"visibility","bold":true},{"type":"text","text":" and therefore your customer base, it also strengthens your "},{"type":"text","text":"credibility","bold":true},{"type":"text","text":" and improves your customer service."}]},{"type":"h3","children":[{"type":"text","text":"Website type"}]},{"type":"p","children":[{"type":"text","text":"In order to identify the type of your future website, we determine together the number of pages needed to estimate the dimensions of the project. The following suggestions will help you define the type of site that best suits your "},{"type":"text","text":"web project","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► Offer #1 is a « "},{"type":"text","text":"one page","bold":true},{"type":"text","text":" » website where information about your company is displayed on the single page of your site. This « business card », accessible anywhere and anytime, is an good solution allowing your website to be visible on the Internet by typing its title on search engines."}]},{"type":"p","children":[{"type":"text","text":"► Offer #2 is a « classic website » with "},{"type":"text","text":"multiple pages","bold":true},{"type":"text","text":" that promote your business through information contained on those pages. Ideal for showcasing your company's team and know-how, this solution guarantees you excellent value for money."}]},{"type":"p","children":[{"type":"text","text":"► Offer #3 is a real « "},{"type":"text","text":"digital fortress","bold":true},{"type":"text","text":" » which can contain an infinite number of pages. This solution significantly widens your audience and brings great visibility to your brand through the research your visitors perform on the topics you cover. Our tool allows you to add, update and delete articles and is mainly intended for distribution companies (manufacturer, retailer-specialist) and companies editing content or if you want to delegate it to an agency. Discover our "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO service","children":[{"type":"text","text":"SEO and content writing offers"}]},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"Custom indexing and SEO option"}]},{"type":"p","children":[{"type":"text","text":"A new site has little "},{"type":"text","text":"visibility","bold":true},{"type":"text","text":" at launch. There will not be many visitors if it is not properly "},{"type":"text","text":"indexed","bold":true},{"type":"text","text":" in search engines. This is why, as soon as it is online, the use of an "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO service","children":[{"type":"text","text":"SEO service"}]},{"type":"text","text":" is essential. It will help you "},{"type":"text","text":"reveal your website","bold":true},{"type":"text","text":", brand and products by responding directly to user queries."}]},{"type":"h3","children":[{"type":"text","text":"Indexed website quote"}]},{"type":"p","children":[{"type":"text","text":"Do not hesitate to complete a "},{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"quote request"}]},{"type":"text","text":". We will contact you to discuss your website project."}]}]},"dateCreate":"2016-05-20T09:32:26.000Z","dateUpdate":"2021-05-28T04:44:43.000Z","translations":[{"localeCode":"fr","title":"Développement de site web","slug":"creation-site-internet-agence-web-strasbourg","url":"/fr/services/creation-site-internet-agence-web-strasbourg"}],"tags":[{"id":"content/tags/en/web-mobile-development.mdx","localeCode":"en","title":"Development","slug":"web-mobile-development","url":"/en/services/web-mobile-development"}]},{"id":"content/articles/en/web-hosting-security.mdx","heroSection":{"heroTitle":"Hosting & IT outsourcing","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"We offer a complete hosting service for companies and individuals wishing to develop an online business.\nBy choosing our optimized Cloud Computing architecture, you benefit from high availability and strong security for your application data."}]}]},"heroSubtitleIsInline":false,"heroHasBackground":false,"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":"","metaDescription":"We offer a complete hosting service for companies and individuals wishing to develop an online business. Benefit from high availability and strong security for your application data","metaTags":"web hosting, secure hosting, website hosting","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T11:27:20.329Z","localeCode":"en","slug":"web-hosting-security","url":"/en/services/web-hosting-security","ogId":"web-hosting-security-services-en","ogImagePath":"/og/web-hosting-security-services-en.png","type":"Article","title":"Hosting & Security","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Hosting services"}]},{"type":"p","children":[{"type":"text","text":"► Our hosting offer provides a strong perspective of evolution and adaptability for your website projects. Our teams ensure the administration and protection of your space to guarantee you quality service. Our Cloud Computing infrastructure increases the traffic capacity of your sites without losing performance."}]},{"type":"p","children":[{"type":"text","text":"► Hosting coupled with our management service ensures optimal availability. We also guarantee the continuity of our services for permanent quality hosting. Our Studio offers you a team with solid experience in hosting strategic applications, support that meets your expectations and the responsiveness of dedicated teams."}]},{"type":"h3","children":[{"type":"text","text":"Data backup option"}]},{"type":"p","children":[{"type":"text","text":"For a real quality of service, we offer a complete backup service! This option gives you peace of mind regarding your information and that of your customers. All of your site's data is stored on a platform specifically designed for backups."}]},{"type":"h3","children":[{"type":"text","text":"Security certificate option HTTPS"}]},{"type":"p","children":[{"type":"text","text":"Our agency installs and renews your security certificates. Certificates reassure users, protect data of your website and are recognized as "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO service","children":[{"type":"text","text":"SEO factors"}]},{"type":"text","text":" by search engines."}]},{"type":"h3","children":[{"type":"text","text":"Secure hosting quote"}]},{"type":"p","children":[{"type":"text","text":"Do not hesitate to "},{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" our sales team to send you a proposal that meets your expectations."}]}]},"dateCreate":"2016-05-19T12:00:00.000Z","dateUpdate":"2021-05-28T04:45:02.000Z","translations":[{"localeCode":"fr","title":"Hébergement & sécurité","slug":"hebergement-web-securite","url":"/fr/services/hebergement-web-securite"}],"tags":[{"id":"content/tags/en/web-mobile-development.mdx","localeCode":"en","title":"Development","slug":"web-mobile-development","url":"/en/services/web-mobile-development"}]},{"id":"content/articles/en/domain-name-service.mdx","heroSection":{"heroTitle":"Domain name registration","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our agency offers and reserves one or more efficient domain names for your business. Indeed, the study and the registration of a domain name is a key step in building your SEO."}]}]},"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":"","metaDescription":"Our agency offers and reserves one or more efficient domain names for your business. Indeed, the study and the registration of a domain name is a key step in building your SEO","metaTags":"domain name, SEO","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T11:12:10.938Z","localeCode":"en","slug":"domain-name-service","url":"/en/services/domain-name-service","ogId":"domain-name-service-services-en","ogImagePath":"/og/domain-name-service-services-en.png","type":"Article","title":"Domain name","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Market research & booking"}]},{"type":"p","children":[{"type":"text","text":"Our agency offers and reserves one or more "},{"type":"text","text":"efficient domain names","bold":true},{"type":"text","text":" for your business. Indeed, the study and the reservation of a domain name is a key step in building your "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO service","children":[{"type":"text","text":"SEO"}]},{"type":"text","text":". Your domain name describes your business by choosing the words and extension that are meaningful to your customers."}]},{"type":"h3","children":[{"type":"text","text":"Definition of a domain name"}]},{"type":"p","children":[{"type":"text","text":"A "},{"type":"text","text":"domain name","bold":true},{"type":"text","text":" is an "},{"type":"text","text":"address","bold":true},{"type":"text","text":" reachable on the Internet. It allows your contacts and customers to visit your site. In conclusion, the domain name is "},{"type":"text","text":"essential","bold":true},{"type":"text","text":" for the "},{"type":"a","url":"/en/services/website-development-web-agency-strasbourg","title":"Website service","children":[{"type":"text","text":"creation of your website"}]},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"You can read the « "},{"type":"a","url":"https://www.afnic.fr/en/domain-names-and-support/everything-there-is-to-know-about-domain-names/create-a-domain-name/","title":"Choose and create a domain name","children":[{"type":"text","text":"how to choose and create my domain name"}]},{"type":"text","text":" » article on the official Afnic website."}]},{"type":"p","children":[{"type":"text","text":"We invite you to "},{"type":"text","text":"check the availability","bold":true},{"type":"text","text":" of domain names using the following form."}]},{"type":"h3","children":[{"type":"text","text":"Domain name reservation quote"}]},{"type":"p","children":[{"type":"text","text":"Feel free to "},{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"contact"}]},{"type":"text","text":" our sales team to send you a proposal that meets your expectations."}]}]},"dateCreate":"2016-05-18T09:32:23.000Z","dateUpdate":"2021-05-28T04:45:36.000Z","translations":[{"localeCode":"fr","title":"Nom de domaine","slug":"service-nom-de-domaine","url":"/fr/services/service-nom-de-domaine"}],"tags":[{"id":"content/tags/en/web-mobile-development.mdx","localeCode":"en","title":"Development","slug":"web-mobile-development","url":"/en/services/web-mobile-development"}]},{"id":"content/articles/en/seo-sea-adwords.mdx","heroSection":{"heroTitle":"Search Engine Optimization & AdWords","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"FrenchStack helps you increase your search engine rankings with custom indexing. Our dedicated team brings you an optimal online presence over the long term."}]}]},"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":"SEO & SEA","metaDescription":"FrenchStack helps you increase your search engine rankings with custom indexing. Our dedicated team brings you an optimal online presence over the long term","metaTags":"natural referencing, paid referencing, SEO, SEA, AdWords","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T11:13:26.569Z","localeCode":"en","slug":"seo-sea-adwords","url":"/en/services/seo-sea-adwords","ogId":"seo-sea-adwords-services-en","ogImagePath":"/og/seo-sea-adwords-services-en.png","type":"Article","title":"Search Engine Optimization","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of SEO and SEA"}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Search Engine Optimization","bold":true},{"type":"text","text":" includes all actions aimed at improving the "},{"type":"text","text":"visibility of your site","bold":true},{"type":"text","text":" on search engines and "},{"type":"text","text":"generating targeted traffic","bold":true},{"type":"text","text":". SEO is based on "},{"type":"text","text":"content quality","bold":true},{"type":"text","text":" work and is about "},{"type":"text","text":"improving the pages","bold":true},{"type":"text","text":" of your website."}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Search Engine Advertising","bold":true},{"type":"text","text":" aims to place "},{"type":"text","text":"advertisements","bold":true},{"type":"text","text":" in order to rank a website in the "},{"type":"text","text":"top search engines results","bold":true},{"type":"text","text":". SEA requires the purchase of "},{"type":"text","text":"keywords","bold":true},{"type":"text","text":" at auction on one or more platforms (Google AdWords, Microsoft AdCenter, Yahoo Sponsored Links ...)."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of SEO and manual indexing SEM"}]},{"type":"p","children":[{"type":"text","text":"SEO and SEA are two different "},{"type":"text","text":"strategies","bold":true},{"type":"text","text":" with the same goal: to improve a "},{"type":"text","text":"site's ranking","bold":true},{"type":"text","text":" in search engines in order to generate as much traffic as possible."}]},{"type":"p","children":[{"type":"text","text":"Manual indexing - also known as "},{"type":"text","text":"Search Engine Marketing","bold":true},{"type":"text","text":" - focuses on generating traffic from search engines. Indeed, your website must be registered manually on the « engines » for "},{"type":"text","text":"optimal indexing","bold":true},{"type":"text","text":"."}]},{"type":"h3","children":[{"type":"text","text":"SEO services"}]},{"type":"p","children":[{"type":"text","text":"We bring you the best solutions for a clean and "},{"type":"text","text":"efficient ranking","bold":true},{"type":"text","text":" over the long term. Our agency offers "},{"type":"text","text":"manual indexing","bold":true},{"type":"text","text":" by registering your site in "},{"type":"text","text":"search engines","bold":true},{"type":"text","text":". We publish content that "},{"type":"text","text":"highlights your expertise","bold":true},{"type":"text","text":" and identifies you as a key player in your field."}]},{"type":"p","children":[{"type":"text","text":"In addition to technical and editorial work, our agency monitors your site "},{"type":"text","text":"traffic","bold":true},{"type":"text","text":". We analyze and evaluate the "},{"type":"text","text":"SEO performance","bold":true},{"type":"text","text":" of your site on the Internet. Your site statistics are available through your "},{"type":"text","text":"Google Analytics","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Our SEO offer is based on several criteria and includes various services :"}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Site improvement"}]},{"type":"p","children":[{"type":"text","text":"Our team carries out an in-depth study of the architecture of your pages as well as a verification and improvement of the responsive design."}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Content validation"}]},{"type":"p","children":[{"type":"text","text":"We check the relevance of your content such as titles, texts, inbound and outbound links, the ALT attribute of tags, etc."}]}]}}},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Keyword analysis"}]},{"type":"p","children":[{"type":"text","text":"We do a complete review of the keywords used, redundancies, synonyms, etc."}]}]},"contentRight":{"type":"root","children":[{"type":"h4","children":[{"type":"text","text":"Progress tracking"}]},{"type":"p","children":[{"type":"text","text":"Our reporting includes the verification of Adwords as well as the analysis of your ranking compared to your competitors."}]}]}}},{"type":"h4","children":[{"type":"text","text":"Site statistics"}]},{"type":"p","children":[{"type":"text","text":"Finally, we monitor improvements with modeling of visibility, origin and frequency statistics."}]},{"type":"h3","children":[{"type":"text","text":"Specific SEO quote"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" for any quote requests or questions."}]}]},"dateCreate":"2016-05-17T09:32:20.000Z","dateUpdate":"2021-05-28T04:45:55.000Z","translations":[{"localeCode":"fr","title":"Référencement : SEO & SEA","slug":"referencement-naturel-payant-seo-sea","url":"/fr/services/referencement-naturel-payant-seo-sea"}],"tags":[{"id":"content/tags/en/web-marketing.mdx","localeCode":"en","title":"Marketing","slug":"web-marketing","url":"/en/services/web-marketing"}]},{"id":"content/articles/en/social-networks-marketing-agency-community-management.mdx","heroSection":{"heroTitle":"Social marketing and community management","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our community manager deploys his expertise for the management, animation and moderation of your social networks.\nWe define your communication strategy on social networks to increase your visibility and notoriety."}]}]},"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":"Our community manager deploys his expertise for the management, animation and moderation of your social networks. We define your communication strategy on social networks to increase your visibility and notoriety","metaTags":"social networks, SMO, SMA, CM, Community Management, Social Media Optimization, Search Media Advertising","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T11:29:54.037Z","localeCode":"en","slug":"social-networks-marketing-agency-community-management","url":"/en/services/social-networks-marketing-agency-community-management","ogId":"social-networks-marketing-agency-community-management-services-en","ogImagePath":"/og/social-networks-marketing-agency-community-management-services-en.png","type":"Article","title":"Social Networks","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of community management SMO"}]},{"type":"p","children":[{"type":"text","text":"► Community management refers to managing the online presence of a brand or organization on social networks and other community platforms."}]},{"type":"p","children":[{"type":"text","text":"► Social Media Optimization aims to develop the visibility of an entity through social media. It's all about attracting visitors to your "},{"type":"a","url":"/en/services/website-development-web-agency-strasbourg","title":"Website services","children":[{"type":"text","text":"website"}]},{"type":"text","text":" content by promoting it on social platforms."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of being active on social networks"}]},{"type":"p","children":[{"type":"text","text":"Your active presence on social networks allows the acquisition of new customers and the development of your notoriety. Indeed, the community manager's communication strategies foster the engagement of users through the promotion of your business on social networks. These platforms improve your e-reputation through the animation of your community, the promotion of your content, the management of your offers and events and the dialogue / support with your customers and prospects."}]},{"type":"p","children":[{"type":"text","text":"Social Media Optimization is related to Search Engine Marketing. The special thing about SMO is that it generates traffic from sources other than search engines. Additionally, SMO will also have a positive impact on a "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO services","children":[{"type":"text","text":"site's ranking"}]},{"type":"text","text":" in search results."}]},{"type":"h3","children":[{"type":"text","text":"Community management services"}]},{"type":"p","children":[{"type":"text","text":"Our community management agency deploys its expertise for the management, animation and moderation of your social network accounts. Our role is to create a communication strategy for your company on social media. Our role is to create a communication strategy for your company on social media. We study and define your needs and targets to build your specific community management campaign."}]},{"type":"p","children":[{"type":"text","text":"Our agency offers its services through a range of major social networks. We are at your disposal to guide you in the most relevant choice regarding your communication on these social platforms."}]},{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"General social networks","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":"Professional social networks","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":"Visual social networks","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":"Video social networks","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":"Our service includes :"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"the creation of admin profiles and brand accounts"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"visual design (profile image, cover image, theme)"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"the development of an editorial line according to each network."}]}]}]},{"type":"h3","children":[{"type":"text","text":"Community management quote"}]},{"type":"p","children":[{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"Contact us"}]},{"type":"text","text":" for a free quote for your next community management campaign."}]}]},"dateCreate":"2016-05-16T12:00:00.000Z","dateUpdate":"2021-05-28T04:46:35.000Z","translations":[{"localeCode":"fr","title":"Réseaux sociaux : CM & SMO","slug":"agence-marketing-reseaux-sociaux-community-management","url":"/fr/services/agence-marketing-reseaux-sociaux-community-management"}],"tags":[{"id":"content/tags/en/web-marketing.mdx","localeCode":"en","title":"Marketing","slug":"web-marketing","url":"/en/services/web-marketing"}]},{"id":"content/articles/en/video-motion-audiovisual-marketing-agency.mdx","heroSection":{"heroTitle":"Audiovisual production","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Our agency designs, films and distributes your institutional videos.\nBeyond the simple visual tool, a video increase your audience, boost your SEO and improve your 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":"rgb(255 255 255 / 15%)","navbarLinkActive":"#ffb2da","navbarLinkHover":"#ffb2da"},"imageAlt":"video motion marketing agency service","imageWidth":845,"imageHeight":475},"seoSection":{"metaTitle":"Video & Motion : VSEO & VSEA","metaDescription":"Our agency designs, films and distributes your institutional videos. Beyond the simple visual tool, a video increase your audience, boost your SEO and improve your message","metaTags":"VSEO, VSEA, Video Search Engine Optimisation, Video Search Engine Advertising","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-20T12:02:43.571Z","localeCode":"en","slug":"video-motion-audiovisual-marketing-agency","url":"/en/services/video-motion-audiovisual-marketing-agency","ogId":"video-motion-audiovisual-marketing-agency-services-en","ogImagePath":"/og/video-motion-audiovisual-marketing-agency-services-en.png","type":"Article","title":"Video & Motion","subdomainKey":"services","subdomain":"services","body":{"type":"root","children":[{"type":"h3","children":[{"type":"text","text":"Definition of video and motion design"}]},{"type":"p","children":[{"type":"text","text":"► The "},{"type":"text","text":"video","bold":true},{"type":"text","text":" includes all techniques from recording to restitution of "},{"type":"text","text":"images","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"► "},{"type":"text","text":"Motion design","bold":true},{"type":"text","text":" or "},{"type":"text","text":"animation design","bold":true},{"type":"text","text":" is about setting graphic elements in motion. It is the art of thinking in motion! It can be a fully "},{"type":"text","text":"animated scene","bold":true},{"type":"text","text":", an "},{"type":"text","text":"animation","bold":true},{"type":"text","text":" embedded in real images, or an animation that makes a visual element dynamic."}]},{"type":"h3","children":[{"type":"text","text":"Benefits of a marketing video"}]},{"type":"p","children":[{"type":"text","text":"Both "},{"type":"text","text":"entertaining and attractive","bold":true},{"type":"text","text":", video guarantees a high and growing engagement rate! Beyond the simple visual tool, a video increase your audience, "},{"type":"a","url":"/en/services/seo-sea-adwords","title":"SEO services","children":[{"type":"text","text":"boost your SEO"}]},{"type":"text","text":" and improve your message. Audiovisual has become a recurring component of the online "},{"type":"text","text":"marketing strategy","bold":true},{"type":"text","text":" of all large companies. Current platforms and technologies allow video to be used as a marketing tool on the Internet. Indeed, it is accessible on smartphones which are commonly used in our daily lives. Finally, video complements your "},{"type":"a","url":"/en/services/visual-identity-graphic-printing-agency","title":"Visual identity services","children":[{"type":"text","text":"visual identity"}]},{"type":"text","text":" and improves your digital reputation."}]},{"type":"h3","children":[{"type":"text","text":"Promotional video services"}]},{"type":"p","children":[{"type":"text","text":"Our agency designs, films and distributes your "},{"type":"text","text":"institutional videos","bold":true},{"type":"text","text":". Our "},{"type":"text","text":"audiovisual and multimedia studio provides","bold":true},{"type":"text","text":" its expertise for the production of your "},{"type":"text","text":"corporate films","bold":true},{"type":"text","text":" and "},{"type":"text","text":"advertisements","bold":true},{"type":"text","text":". Our teams are responsible for uploading and promoting your « content » on "},{"type":"a","url":"/en/services/social-networks-marketing-agency-community-management","title":"SMO services","children":[{"type":"text","text":"social networks"}]},{"type":"text","text":"."}]},{"type":"mdxJsxFlowElement","name":"exampleImg","children":[{"type":"text","text":""}],"props":{"title":"Example","label":"See our projects","href":"/fr/clients"}},{"type":"mdxJsxFlowElement","name":"youtube","children":[{"type":"text","text":""}],"props":{"id":"aJTGyyRXDh4","title":"FrenchStack - Web Agency"}},{"type":"h3","children":[{"type":"text","text":"Audiovisual production quote"}]},{"type":"p","children":[{"type":"text","text":"Do not hesitate to complete a "},{"type":"a","url":"/en/contact-us","title":"Contact form","children":[{"type":"text","text":"quote request"}]},{"type":"text","text":". We will contact you to discuss your audiovisual project."}]}]},"dateCreate":"2016-05-15T09:32:12.000Z","dateUpdate":"2021-08-26T11:24:34.000Z","translations":[{"localeCode":"fr","title":"Vidéo & motion","slug":"video-motion-agence-marketing-audiovisuel","url":"/fr/services/video-motion-agence-marketing-audiovisuel"}],"tags":[{"id":"content/tags/en/web-marketing.mdx","localeCode":"en","title":"Marketing","slug":"web-marketing","url":"/en/services/web-marketing"}]},{"id":"content/articles/en/jfg-international.mdx","heroSection":{"heroTitle":"JFG International","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"ALSATIAN SPECIALIST"}]}]},"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 is a subsidiary of Guillet specializing in the design and marketing of traditional oven tarte flambée","metaTags":"JFG International, Guillet, oven tarte flambée, e-commerce","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-21T09:03:31.974Z","localeCode":"en","slug":"jfg-international","url":"/en/clients/jfg-international","ogId":"jfg-international-clients-en","ogImagePath":"/og/jfg-international-clients-en.png","type":"Article","title":"JFG International","subdomainKey":"clients","subdomain":"clients","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"row2Cols","children":[{"type":"text","text":""}],"props":{"contentLeft":{"type":"root","children":[{"type":"p","children":[{"type":"text","text":"Guillet is a company specializing in the manufacture of equipment for the pharmaceutical, food, railway and entertainment industries. JFG International is a subsidiary of Guillet specializing in the design and marketing of traditional oven \"tarte flambée\"."}]}]},"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 completed"}]},{"type":"ul","children":[{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Needs analysis and specification writing"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Comparative study of the CMS solutions"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Task tracking & time management"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Build an e-commerce website"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Design a unique website template"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Content writing (SEO)"}]}]}]},{"type":"h3","children":[{"type":"text","text":"Project"}]},{"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":"Website : jfg-international.com"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Date : 2014"}]}]},{"type":"li","children":[{"type":"lic","children":[{"type":"text","text":"Services : Web creation, Graphics, Illustration, Layout, SEO, Web design"}]}]}]}]},"dateCreate":"2016-03-08T12:00:00.000Z","dateUpdate":"2021-05-28T04:48:07.000Z","translations":[{"localeCode":"fr","title":"JFG International","slug":"jfg-international","url":"/fr/references/jfg-international"}],"tags":[]}],"page":{"id":"content/pages/en/index.mdx","heroSection":{"heroTitle":"","heroSubtitle":"","heroDescription":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"homeLogo","children":[{"type":"text","text":""}],"props":{}},{"type":"p","children":[{"type":"text","text":"Located in "},{"type":"text","text":"Strasbourg","bold":true},{"type":"text","text":", our agency specializes in the design of "},{"type":"text","text":"compliant and accessible sites","bold":true},{"type":"text","text":"."}]},{"type":"p","children":[{"type":"text","text":"Check out our local and international "},{"type":"text","text":"web services","bold":true},{"type":"text","text":" and achievements."}]},{"type":"p","children":[{"type":"text","text":"Also discover "},{"type":"text","text":"digital news","bold":true},{"type":"text","text":", seen by "},{"type":"text","text":"technology","bold":true},{"type":"text","text":" and "},{"type":"text","text":"innovation","bold":true},{"type":"text","text":" enthusiasts."}]}]},"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":"Web agency in Strasbourg","metaDescription":"Web studio specializing in the design of sites compliant with W3C standards. Located in Strasbourg (France), our agency develops, maintains and restores your brand image reflected by websites","metaTags":"website creation, website creation, website, website, web agency, web services, website creation, Strasbourg, Alsace, Grand-Est, e-commerce, blog, e-reputation, web design, accessible sites, W3C","socialImageWidth":0,"socialImageHeight":0},"heroUpdatedAt":"2023-08-18T08:52:56.731Z","localeCode":"en","slug":"index","url":"/en/index","ogId":"index-en","ogImagePath":"/og/index-en.png","type":"Page","title":"Home","body":{"type":"root","children":[{"type":"mdxJsxFlowElement","name":"articleList","children":[{"type":"text","text":""}],"props":{"blocks":[{"href":"blog","label":"Recent posts","title":"Blog","count":1,"cardTemplate":"default","subdomain":"blog","cardContainer":"home"},{"href":"videos","label":"Newest videos","title":"Videos","count":1,"cardTemplate":"video","subdomain":"videos","cardContainer":"home"},{"href":"clients","label":"Portfolio","title":"Clients","count":1,"cardTemplate":"full-width","subdomain":"clients","cardContainer":"home"},{"href":"services","label":"Our expertise","title":"Services","count":9,"cardTemplate":"simple","subdomain":"services","cardContainer":"container-3-col"}]}}]},"translations":[{"localeCode":"fr","title":"Accueil","slug":"index","url":"/fr/index"}]},"global":{"id":"content/global/en/settings.json","localeCode":"en","header":{"nav":[{"href":"index","label":"Home"},{"href":"blog","label":"Blog"},{"href":"videos","label":"Videos"},{"href":"services","label":"Services"},{"href":"clients","label":"Clients"},{"href":"about","label":"About"},{"href":"contact-us","label":"Contact"}]},"footer":{"social":[{"website":"facebook","account":"StudioCenturio"},{"website":"youtube","account":"UCBLJwUROjmJPB1CIk0lPVdg"}],"hasSocial":true,"nav":[{"title":"Blog","links":[{"href":"blog/angular","label":"Angular"},{"href":"blog/jquery","label":"jQuery"}]},{"title":"Videos","links":[{"href":"videos/audiovisual-marketing","label":"Audiovisual Marketing"}]},{"title":"Services","links":[{"href":"services/graphic-design","label":"Design"},{"href":"services/web-mobile-development","label":"Development"},{"href":"services/web-marketing","label":"Marketing"},{"href":"services/it-training","label":"Training"}]},{"title":"FrenchStack","links":[{"href":"clients","label":"Clients"},{"href":"about","label":"About"},{"href":"contact-us","label":"Contact"}]}]},"bottom":{"dateCreate":"2015-12-27T05:55:00.000Z","nav":[{"href":"legal-informations","label":"Legal informations"},{"href":"privacy-policy","label":"Privacy policy"}],"hasLinks":true}}},"__N_SSG":true}