{"id":8267,"date":"2021-07-01T01:19:55","date_gmt":"2021-06-30T23:19:55","guid":{"rendered":"https:\/\/qreatix-theme.jkdevstudio.com\/?post_type=portfolio&#038;p=8267"},"modified":"2024-09-26T12:16:39","modified_gmt":"2024-09-26T10:16:39","slug":"design-system","status":"publish","type":"portfolio","link":"https:\/\/staging.chokago.com\/wp4\/portfolio\/design-system\/","title":{"rendered":"Design System de Consoneo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8267\" class=\"elementor elementor-8267\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9010a5a elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"9010a5a\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2304506\" data-id=\"2304506\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9e803a5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9e803a5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-eb453fe\" data-id=\"eb453fe\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-539b3a7 elementor-widget elementor-widget-heading\" data-id=\"539b3a7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Contexte<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10f006e elementor-widget elementor-widget-text-editor\" data-id=\"10f006e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-afee171 elementor-widget elementor-widget-text-editor\" data-id=\"afee171\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p><span style=\"white-space-collapse: preserve;\">Pour \u00eatre en coh\u00e9rence avec la nouvelle strat\u00e9gie mise en place dans l\u2019entreprise en d\u00e9but d\u2019ann\u00e9e 2022, la direction a d\u00e9cid\u00e9 de moderniser son image en repensant enti\u00e8rement son identit\u00e9 visuelle. <\/span><\/p><p><span style=\"white-space-collapse: preserve;\"><br><\/span><\/p>\n<p>Le besoin d\u2019\u00e9tablir une harmonie entre les diff\u00e9rents produits est donc rapidement devenu une n\u00e9cessit\u00e9 et une des priorit\u00e9s num\u00e9ro un. Tandis que j\u2019encadrais mon \u00e9quipe dans ce rebranding, j\u2019avais en parall\u00e8le pour mission de concevoir, seule dans un premier temps, le tout premier Design System de Consoneo, sur lequel reposerait nos produits existants ainsi que les prochains.<\/p>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88c278a elementor-widget elementor-widget-heading\" data-id=\"88c278a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Exemples d'incoh\u00e9rences<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ec15bb elementor-widget elementor-widget-image-gallery\" data-id=\"9ec15bb\" data-element_type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-8267 gallery-columns-2 gallery-size-2048x2048'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"9ec15bb\" data-elementor-lightbox-title=\"ds-incoherence-iframe-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MzIsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1pbmNvaGVyZW5jZS1pZnJhbWUtbWluLnBuZyIsInNsaWRlc2hvdyI6IjllYzE1YmIifQ%3D%3D\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-iframe-min.png'><img fetchpriority=\"high\" decoding=\"async\" width=\"1229\" height=\"819\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-iframe-min.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-iframe-min.png 1229w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-iframe-min-300x200.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-iframe-min-1024x683.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-iframe-min-768x512.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-iframe-min-540x360.png 540w\" sizes=\"(max-width: 1229px) 100vw, 1229px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"9ec15bb\" data-elementor-lightbox-title=\"ds-incoherence-isotab-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MzEsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1pbmNvaGVyZW5jZS1pc290YWItbWluLnBuZyIsInNsaWRlc2hvdyI6IjllYzE1YmIifQ%3D%3D\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-isotab-min.png'><img decoding=\"async\" width=\"1232\" height=\"818\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-isotab-min.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-isotab-min.png 1232w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-isotab-min-300x200.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-isotab-min-1024x680.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-isotab-min-768x510.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-incoherence-isotab-min-540x360.png 540w\" sizes=\"(max-width: 1232px) 100vw, 1232px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5516e40 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"5516e40\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-556a161\" data-id=\"556a161\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ee9c5a elementor-widget elementor-widget-heading\" data-id=\"7ee9c5a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Objectifs du Design System<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c796a27 elementor-widget elementor-widget-text-editor\" data-id=\"c796a27\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><span style=\"white-space-collapse: preserve;\"><strong>\u00c9tablir une consistance<\/strong> pour renforcer l&#8217;identit\u00e9 de marque et montrer son engagement envers la qualit\u00e9, la coh\u00e9rence et l&#8217;attention aux d\u00e9tails dans les produits et services.<br \/><\/span><\/li><li><span style=\"white-space-collapse: preserve;\"><strong>Am\u00e9liorer l\u2019exp\u00e9rience utilisateur<\/strong> pour que les utilisateurs apprennent plus rapidement \u00e0 utiliser les produits, et que ces derniers deviennent plus intuitifs.<br \/><\/span><\/li><li><span style=\"white-space-collapse: preserve;\"><strong>Augmenter la productivit\u00e9<\/strong> en utilisant des composants r\u00e9utilisables, ce qui permet d\u2019acc\u00e9l\u00e9rer le processus de d\u00e9veloppement des produits et de faciliter les mises \u00e0 jour.<br \/><\/span><\/li><li><strong><span style=\"white-space-collapse: preserve;\">Favoriser la scalabilit\u00e9<\/span><\/strong><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ebfdc4 elementor-widget elementor-widget-heading\" data-id=\"9ebfdc4\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Contraintes<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa53b8e elementor-widget elementor-widget-text-editor\" data-id=\"fa53b8e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Temps et ressources : la date de livraison de la premi\u00e8re version \u00e9tant proche et le fait que je sois, au lancement du projet, seule, nous obligeait \u00e0 \u00eatre pragmatique dans la mise en place de ce DS.&nbsp;<\/p><p><br><\/p><p>Nous devions accepter l\u2019imperfection et pr\u00e9parer les prochaines it\u00e9rations d\u00e8s le d\u00e9part. Par exemple, dans un premier temps, la documentation du DS serait exclusivement dans Figma pour les designers et dans Storybook pour les d\u00e9veloppeurs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e54b6ac elementor-widget elementor-widget-heading\" data-id=\"e54b6ac\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Processus de cr\u00e9ation (aka le plan d'attaque)<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac6a304 elementor-widget elementor-widget-text-editor\" data-id=\"ac6a304\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Le ma\u00eetre mot en mati\u00e8re de DS est la collaboration. Les d\u00e9veloppeurs ont \u00e9t\u00e9 tr\u00e8s impliqu\u00e9s et nous ont beaucoup conseill\u00e9 tout au long de ce processus, autant dans le choix des outils que dans les m\u00e9thodes de travail \u00e0 envisager.&nbsp;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2da39e elementor-widget elementor-widget-image\" data-id=\"b2da39e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"630\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-verbatims-min-1024x630.png\" class=\"attachment-large size-large wp-image-10898\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-verbatims-min-1024x630.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-verbatims-min-300x185.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-verbatims-min-768x472.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-verbatims-min.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8300a9 elementor-widget elementor-widget-heading\" data-id=\"b8300a9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">D\u00e9coupage du projet dans Figma<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42895ea elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"42895ea\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Palettes de couleur<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Echelles typographiques<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Grilles<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Effets<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ic\u00f4nes<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6792c4a elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6792c4a\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-fbb0974\" data-id=\"fbb0974\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3936d54 elementor-widget elementor-widget-image\" data-id=\"3936d54\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1526\" height=\"672\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-figma-cover-page-min.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10899\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-figma-cover-page-min.png 1526w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-figma-cover-page-min-300x132.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-figma-cover-page-min-1024x451.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-figma-cover-page-min-768x338.png 768w\" sizes=\"(max-width: 1526px) 100vw, 1526px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9d85937 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"9d85937\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-735878d\" data-id=\"735878d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-efb5620 elementor-widget elementor-widget-heading\" data-id=\"efb5620\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Composer (et recomposer) les palettes de couleurs :<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39fa054 elementor-widget elementor-widget-text-editor\" data-id=\"39fa054\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Gagner du temps en s\u2019aidant de g\u00e9n\u00e9rateur de palettes performants<ul><li>Utiliser un d\u00e9coupage de palette clair et efficace\u00a0<\/li><li>Couleurs primaires et secondaires + couleur de soutien issus du branding<\/li><li>Couleurs neutres : gris chauds et gris froids<\/li><li>Couleurs s\u00e9mantiques r\u00e9serv\u00e9es au produit : info, success, warning, danger, focus<\/li><\/ul><\/li><li>R\u00e9adapter les couleurs de branding \u00e9tablies pour une utilisation produit (soin port\u00e9 \u00e0 l\u2019accessibilit\u00e9 et \u00e0 une homog\u00e9n\u00e9it\u00e9 globale)<\/li><li>Anticiper les besoins futurs en pr\u00e9parant une couleur neutre de marque blanche (tertiaire)<\/li><li>Anticiper les besoins en testant une version dark mode des palettes<\/li><li>Challenger en \u00e9quipe les parti-pris<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4705271 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"4705271\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-11fce4e\" data-id=\"11fce4e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a89e33e elementor-widget elementor-widget-image\" data-id=\"a89e33e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"961\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-palette-couleurs-min-2048x961.jpg\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10900\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-palette-couleurs-min-2048x961.jpg 2048w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-palette-couleurs-min-300x141.jpg 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-palette-couleurs-min-1024x481.jpg 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-palette-couleurs-min-768x361.jpg 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-palette-couleurs-min-1536x721.jpg 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b3972b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"b3972b8\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-56cfbd9\" data-id=\"56cfbd9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a8d18f6 elementor-widget elementor-widget-heading\" data-id=\"a8d18f6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Choix des m\u00e9thodologies \u00e0 adopter et du syst\u00e8me de nommage des composants<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc6e255 elementor-widget elementor-widget-text-editor\" data-id=\"cc6e255\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"background-color: var(--jkd-bg); color: var(--jkd-txt-col); font-family: var(--jkd-qreatix-text-font); font-weight: var(--jkd-d-fw);\">Un fichier \u201cComponents\u201d comprenant :<\/span><\/p><p><span style=\"background-color: var(--jkd-bg); color: var(--jkd-txt-col); font-family: var(--jkd-qreatix-text-font); font-weight: var(--jkd-d-fw);\">\u00a0<\/span><\/p><ul><li>Les r\u00e8gles \u00e0 suivre pour utiliser et maintenir correctement le DS<\/li><li>Les changelogs d\u00e9taillant avec pr\u00e9cisions les mises \u00e0 jour effectu\u00e9es<\/li><li>Chaque composant expliqu\u00e9 et contextualis\u00e9 dans une page d\u00e9di\u00e9e\u00a0<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d2a9fe6 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"d2a9fe6\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-13fd259\" data-id=\"13fd259\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a059d8c elementor-widget elementor-widget-image\" data-id=\"a059d8c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1876\" height=\"672\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-min.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10901\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-min.png 1876w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-min-300x107.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-min-1024x367.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-min-768x275.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-min-1536x550.png 1536w\" sizes=\"(max-width: 1876px) 100vw, 1876px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9548112 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"9548112\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-51560b8\" data-id=\"51560b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f471066 elementor-widget elementor-widget-heading\" data-id=\"f471066\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Pr\u00e9venir les d\u00e9veloppeurs des mises \u00e0 jour<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4da4216 elementor-widget elementor-widget-text-editor\" data-id=\"4da4216\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En utilisant un plugin pour versionner les mises \u00e0 jour et en \u00e9tablissant un rapport d\u00e9taill\u00e9 des changements effectu\u00e9s, autant dans le fichier \u201cAssets\u201d que dans \u201cComponents\u201d<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a36d1b1 elementor-widget elementor-widget-image-gallery\" data-id=\"a36d1b1\" data-element_type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-2' class='gallery galleryid-8267 gallery-columns-1 gallery-size-2048x2048'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"a36d1b1\" data-elementor-lightbox-title=\"ds-changelogs-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MDIsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1jaGFuZ2Vsb2dzLW1pbi5wbmciLCJzbGlkZXNob3ciOiJhMzZkMWIxIn0%3D\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-changelogs-min.png'><img loading=\"lazy\" decoding=\"async\" width=\"1848\" height=\"520\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-changelogs-min.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-changelogs-min.png 1848w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-changelogs-min-300x84.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-changelogs-min-1024x288.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-changelogs-min-768x216.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-changelogs-min-1536x432.png 1536w\" sizes=\"(max-width: 1848px) 100vw, 1848px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-745f8d6 elementor-widget elementor-widget-heading\" data-id=\"745f8d6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Template de documentation<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6168f74 elementor-widget elementor-widget-text-editor\" data-id=\"6168f74\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li>Afin de clarifier le contexte d\u2019utilisation des composants et de rendre leur lecture plus agr\u00e9able. Ce template comprend : un encart d\u00e9di\u00e9 aux r\u00e8gles g\u00e9n\u00e9rales \u00e0 suivre pour maintenir le DS de mani\u00e8re coh\u00e9rente, un encart pour les composants \u201cmaster\u201d et leurs composants enfants (souvent non publi\u00e9s), un encart pour contextualiser les composants et les prototyper, un encart pour les composants pr\u00eats \u00e0 \u00eatre utilis\u00e9s et un encart pour les cas particuliers concernant les composants utilisant des variables sp\u00e9cifiques.<\/li><li>Pour faciliter l\u2019apprentissage des m\u00e9thodes de travail par les nouveaux designers<\/li><li>Pour disposer d\u2019une source de v\u00e9rit\u00e9 disponible \u00e0 tout moment en cas de doute.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-17b2c54 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"17b2c54\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-87b3cc4\" data-id=\"87b3cc4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-90033a0 elementor-widget elementor-widget-image\" data-id=\"90033a0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1111\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-doc-min-2048x1111.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10903\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-doc-min-2048x1111.png 2048w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-doc-min-300x163.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-doc-min-1024x555.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-doc-min-768x417.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-components-doc-min-1536x833.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7f4a8aa elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"7f4a8aa\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ff61c72\" data-id=\"ff61c72\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a4d6a2 elementor-widget elementor-widget-heading\" data-id=\"5a4d6a2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Nommer un composant<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fb1a3a elementor-widget elementor-widget-text-editor\" data-id=\"3fb1a3a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li>Les composants disposent de noms standards et donc coh\u00e9rents et facilement identifiable. A l\u2019aide de component.gallery, nous avons s\u00e9lectionn\u00e9 ceux qui nous convenaient le mieux. Quelques exemples : Button, Calendar, Modal&#8230;<\/li>\n<li>Le syst\u00e8me mis en place fonctionne comme suit :\n<ul>\n<li>Utilisation des chevrons pour les \u201ccore\u201d composants. Ex : &lt;Accordion&gt;<\/li>\n<li>Les composants \u201cenfants\u201d et imbriqu\u00e9s (props) sont signal\u00e9s \u00e0 l\u2019aide du mot \u201cAssets\u201d, un emoji losange orange et non publi\u00e9s.&nbsp;<\/li>\n<li>Comme les props, les composants \u201cslots\u201d sont \u00e9galement signal\u00e9s et diff\u00e9renci\u00e9s par un emoji losange bleu.<\/li>\n<li>Le syst\u00e8me de classification des composants natif de Figma peut \u00eatre exploit\u00e9 en utilisant les slashs dans le nom des composants pour faciliter leur recherche dans un projet.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-dc8e2b3 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"dc8e2b3\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-64ac579\" data-id=\"64ac579\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b4deb2 elementor-widget elementor-widget-image\" data-id=\"2b4deb2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1231\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-comment-structure-min-2048x1231.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10904\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-comment-structure-min-2048x1231.png 2048w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-comment-structure-min-300x180.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-comment-structure-min-1024x616.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-comment-structure-min-768x462.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-comment-structure-min-1536x924.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a3507f6 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"a3507f6\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-baf5cbd\" data-id=\"baf5cbd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ffc95dc elementor-widget elementor-widget-heading\" data-id=\"ffc95dc\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Contextualiser un composant<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f7ff7b elementor-widget elementor-widget-text-editor\" data-id=\"9f7ff7b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Chaque composant est pr\u00e9sent\u00e9, d\u00e9crit et l\u00e9gend\u00e9 \u00e0 l\u2019aide du template de documentation. Ce dernier permet notamment de pr\u00e9ciser les animations li\u00e9es aux interactions avec le composant et d\u2019apporter toutes les informations n\u00e9cessaires \u00e0 la bonne utilisation du composant.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-dc0f099 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"dc0f099\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5c4b974\" data-id=\"5c4b974\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fc6a19a elementor-widget elementor-widget-image\" data-id=\"fc6a19a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1095\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-contextualiser-composant-min-2048x1095.jpg\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10915\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-contextualiser-composant-min-2048x1095.jpg 2048w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-contextualiser-composant-min-300x160.jpg 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-contextualiser-composant-min-1024x547.jpg 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-contextualiser-composant-min-768x410.jpg 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-contextualiser-composant-min-1536x821.jpg 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b3a32de elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"b3a32de\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8348697\" data-id=\"8348697\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-340ea80 elementor-widget elementor-widget-heading\" data-id=\"340ea80\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Construire un composant<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b6dad1 elementor-widget elementor-widget-text-editor\" data-id=\"3b6dad1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Les composants les plus complexes comprennent toutes les propri\u00e9t\u00e9s qui leurs sont utiles en \u00e9vitant la multiplication inutile de variants.\u00a0<span style=\"background-color: var(--jkd-bg); color: var(--jkd-txt-col); font-family: var(--jkd-qreatix-text-font); font-weight: var(--jkd-d-fw);\">Les diff\u00e9rentes d\u00e9clinaisons possibles sont ainsi mis en lumi\u00e8re dans la partie d\u00e9di\u00e9e \u00e0 la contextualisation du composant.\u00a0<\/span><\/p><p><span style=\"background-color: var(--jkd-bg); color: var(--jkd-txt-col); font-family: var(--jkd-qreatix-text-font); font-weight: var(--jkd-d-fw);\">\u00a0<\/span><\/p><p><span style=\"background-color: var(--jkd-bg); color: var(--jkd-txt-col); font-family: var(--jkd-qreatix-text-font); font-weight: var(--jkd-d-fw);\">Utiliser les emojis &#8211; avec parcimonie &#8211; dans le nom des propri\u00e9t\u00e9s permet de les rep\u00e9rer en un coup d\u2019\u0153il. L\u2019utilisation des slots accorde une flexibilit\u00e9 et une modularit\u00e9 parfois primordiale.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f90a65e elementor-widget elementor-widget-image-gallery\" data-id=\"f90a65e\" data-element_type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-3' class='gallery galleryid-8267 gallery-columns-1 gallery-size-2048x2048'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f90a65e\" data-elementor-lightbox-title=\"ds-construire-composant-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MTYsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1jb25zdHJ1aXJlLWNvbXBvc2FudC1taW4ucG5nIiwic2xpZGVzaG93IjoiZjkwYTY1ZSJ9\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-construire-composant-min.png'><img loading=\"lazy\" decoding=\"async\" width=\"1438\" height=\"1264\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-construire-composant-min.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-construire-composant-min.png 1438w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-construire-composant-min-300x264.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-construire-composant-min-1024x900.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-construire-composant-min-768x675.png 768w\" sizes=\"(max-width: 1438px) 100vw, 1438px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-81d7104 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"81d7104\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-cc77097\" data-id=\"cc77097\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-80ef6b9 elementor-widget elementor-widget-heading\" data-id=\"80ef6b9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Proposer des composants strat\u00e9giques<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdce5d0 elementor-widget elementor-widget-text-editor\" data-id=\"cdce5d0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ces composants ne sont pas \u00e0 d\u00e9velopper car ils ne sont pas de \u201cvrais\u201d composants \u00e0 proprement parler. Ils ne sont utiles que dans Figma car ils permettent de gagner un temps consid\u00e9rable dans la conception de produit et d\u2019optimiser les mises \u00e0 jour des maquettes. Ex : \u201cTextfield\u201d.<\/p><p>\u00a0<\/p><p>D\u2019autres composants utilis\u00e9s comme \u201cprops\u201d prennent quant \u00e0 eux tout leur sens une fois imbriqu\u00e9 dans un autre. Ex : \u201cLabel\u201d dans \u201cTextfield\u201d ou \u201cParagraph\u201d dans \u201cAccordion\u201d<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6c62947 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6c62947\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4d96b0c\" data-id=\"4d96b0c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c2cd75c elementor-widget elementor-widget-image\" data-id=\"c2cd75c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1997\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-composant-strategique-min-2048x1997.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10917\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-composant-strategique-min-2048x1997.png 2048w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-composant-strategique-min-300x293.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-composant-strategique-min-1024x998.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-composant-strategique-min-768x749.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-composant-strategique-min-1536x1498.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-bda2ac2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"bda2ac2\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-2b1ef4a\" data-id=\"2b1ef4a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52b2058 elementor-widget elementor-widget-heading\" data-id=\"52b2058\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Variabiliser le DS<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3783a29 elementor-widget elementor-widget-text-editor\" data-id=\"3783a29\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Avant les r\u00e9centes mises \u00e0 jour Figma, un travail de nommage et de classement des variables a \u00e9t\u00e9 effectu\u00e9 au pr\u00e9alable gr\u00e2ce \u00e0 Figma Tokens.<\/li><li>Nous avons ensuite chirurgicalement remplac\u00e9 les styles utilis\u00e9s dans les palettes de couleur par des variables et d\u00e9termin\u00e9 des variables sp\u00e9cifiques pour les composants pour lesquels cela \u00e9tait requis.<\/li><li>L\u2019\u00e9quipe en a profit\u00e9 pour compl\u00e9ter et corriger certaines couleurs.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-244ddc6 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"244ddc6\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-438a217\" data-id=\"438a217\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0e4f175 elementor-widget elementor-widget-image-gallery\" data-id=\"0e4f175\" data-element_type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-4' class='gallery galleryid-8267 gallery-columns-3 gallery-size-2048x2048'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0e4f175\" data-elementor-lightbox-title=\"ds-variables-1-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MjEsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy12YXJpYWJsZXMtMS1taW4ucG5nIiwic2xpZGVzaG93IjoiMGU0ZjE3NSJ9\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min.png'><img loading=\"lazy\" decoding=\"async\" width=\"1703\" height=\"2048\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min-1703x2048.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min-1703x2048.png 1703w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min-250x300.png 250w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min-852x1024.png 852w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min-768x923.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min-1278x1536.png 1278w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-1-min.png 1720w\" sizes=\"(max-width: 1703px) 100vw, 1703px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0e4f175\" data-elementor-lightbox-title=\"ds-variables-2-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MjAsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy12YXJpYWJsZXMtMi1taW4ucG5nIiwic2xpZGVzaG93IjoiMGU0ZjE3NSJ9\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min.png'><img loading=\"lazy\" decoding=\"async\" width=\"1703\" height=\"2048\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min-1703x2048.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min-1703x2048.png 1703w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min-250x300.png 250w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min-852x1024.png 852w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min-768x923.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min-1278x1536.png 1278w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-2-min.png 1720w\" sizes=\"(max-width: 1703px) 100vw, 1703px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0e4f175\" data-elementor-lightbox-title=\"ds-variables-3-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MTksInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy12YXJpYWJsZXMtMy1taW4ucG5nIiwic2xpZGVzaG93IjoiMGU0ZjE3NSJ9\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min.png'><img loading=\"lazy\" decoding=\"async\" width=\"1703\" height=\"2048\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min-1703x2048.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min-1703x2048.png 1703w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min-250x300.png 250w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min-852x1024.png 852w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min-768x923.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min-1278x1536.png 1278w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-3-min.png 1720w\" sizes=\"(max-width: 1703px) 100vw, 1703px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6a47f76 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"6a47f76\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-499bd50\" data-id=\"499bd50\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f64195a elementor-widget elementor-widget-image\" data-id=\"f64195a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1378\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-context-2048x1378.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-10922\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-context-2048x1378.png 2048w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-context-300x202.png 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-context-1024x689.png 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-context-768x517.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-variables-context-1536x1033.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e222c6d elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"e222c6d\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d768c85\" data-id=\"d768c85\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5120a19 elementor-widget elementor-widget-text-editor\" data-id=\"5120a19\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Enfin, nous les avons test\u00e9 en simulant des marques blanches sur des projets r\u00e9els.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0e56952 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"0e56952\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1796892\" data-id=\"1796892\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-17c2ccb elementor-widget elementor-widget-image-gallery\" data-id=\"17c2ccb\" data-element_type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-5' class='gallery galleryid-8267 gallery-columns-2 gallery-size-2048x2048'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"17c2ccb\" data-elementor-lightbox-title=\"ds-marque-blanche-1-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MjQsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1tYXJxdWUtYmxhbmNoZS0xLW1pbi5wbmciLCJzbGlkZXNob3ciOiIxN2MyY2NiIn0%3D\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-1-min.png'><img loading=\"lazy\" decoding=\"async\" width=\"1444\" height=\"2048\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-1-min-1444x2048.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-1-min-1444x2048.png 1444w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-1-min-212x300.png 212w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-1-min-722x1024.png 722w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-1-min-768x1089.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-1-min-1083x1536.png 1083w\" sizes=\"(max-width: 1444px) 100vw, 1444px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"17c2ccb\" data-elementor-lightbox-title=\"ds-marque-blanche-2-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MjMsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1tYXJxdWUtYmxhbmNoZS0yLW1pbi5wbmciLCJzbGlkZXNob3ciOiIxN2MyY2NiIn0%3D\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-2-min.png'><img loading=\"lazy\" decoding=\"async\" width=\"1444\" height=\"2048\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-2-min-1444x2048.png\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-2-min-1444x2048.png 1444w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-2-min-212x300.png 212w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-2-min-722x1024.png 722w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-2-min-768x1089.png 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-marque-blanche-2-min-1083x1536.png 1083w\" sizes=\"(max-width: 1444px) 100vw, 1444px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-da1cd2c elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"da1cd2c\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7c532b9\" data-id=\"7c532b9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a197c0 elementor-widget elementor-widget-heading\" data-id=\"0a197c0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">R\u00e9sultats<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd7f362 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"dd7f362\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Coh\u00e9rence<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Efficacit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Rapidit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7964a18 elementor-widget elementor-widget-text-editor\" data-id=\"7964a18\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Une impl\u00e9mentation des composants 2 fois plus rapide c\u00f4t\u00e9 d\u00e9veloppement depuis l\u2019utilisation du nouveau Design System.<\/p><p>Un maquettage \u00e9galement 2 \u00e0 3 fois plus rapide c\u00f4t\u00e9 design gr\u00e2ce aux diff\u00e9rents templates de page cr\u00e9\u00e9s.<\/p><p>Une adaptation des interfaces en marque blanche en un temps record : seulement 2 jours pour modifier les variables n\u00e9cessaires, faire une review des maquettes et les tester.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ada394 elementor-widget elementor-widget-heading\" data-id=\"6ada394\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2ca9d5 elementor-widget elementor-widget-text-editor\" data-id=\"f2ca9d5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Enfin, nous les avons test\u00e9 en simulant des marques blanches sur des projets r\u00e9els.<span style=\"background-color: var(--jkd-bg);\">Le fait que chaque projet soit d\u00e9velopp\u00e9 avec des langages diff\u00e9rents nous oblige \u00e0 op\u00e9rer un monitoring constant &#8211; et \u00e0 avoir un \u0153il particuli\u00e8rement aguerri lors des tests avant les mises en production &#8211; afin de veiller \u00e0 la bonne mise \u00e0 jour des composants et ainsi \u00e0 la coh\u00e9rence globale de chaque interface.\u00a0<\/span><\/p><p>\u00a0<\/p><p>Toutefois, au cours des 2 derni\u00e8res ann\u00e9es, l\u2019\u00e9quipe design a acquis une r\u00e9elle expertise en design system, tant sur sa conception minutieuse que sur sa gestion strat\u00e9gique et a su impl\u00e9menter les nouvelles m\u00e9thodes de travail relatives aux mises \u00e0 jour de Figma \u00e0 chaque fois, et surtout, savoir les transmettre.\u00a0<\/p><p>\u00a0<\/p><p>Notre souhait \u00e0 long terme serait que le DS devienne la source de v\u00e9rit\u00e9 pour tous les projets de Consoneo, qu\u2019ils soient \u201cbrand\u00e9s\u201d Consoneo ou en marque blanche, et qu\u2019une page d\u00e9di\u00e9e au DS et d\u00e9taill\u00e9e existe sur consoneo.com.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cda8cb0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"cda8cb0\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a467231\" data-id=\"a467231\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-abe5b38 elementor-widget elementor-widget-image-gallery\" data-id=\"abe5b38\" data-element_type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-6' class='gallery galleryid-8267 gallery-columns-1 gallery-size-2048x2048'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"abe5b38\" data-elementor-lightbox-title=\"ds-casa-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MjcsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1jYXNhLW1pbi0xLmpwZyIsInNsaWRlc2hvdyI6ImFiZTViMzgifQ%3D%3D\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-casa-min-1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"960\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-casa-min-1.jpg\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-casa-min-1.jpg 1440w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-casa-min-1-300x200.jpg 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-casa-min-1-1024x683.jpg 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-casa-min-1-768x512.jpg 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-casa-min-1-540x360.jpg 540w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"abe5b38\" data-elementor-lightbox-title=\"ds-pactab-min\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA5MjYsInVybCI6Imh0dHBzOlwvXC9zdGFnaW5nLmNob2thZ28uY29tXC93cDRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA0XC9kcy1wYWN0YWItbWluLmpwZyIsInNsaWRlc2hvdyI6ImFiZTViMzgifQ%3D%3D\" href='https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-pactab-min.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"960\" src=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-pactab-min.jpg\" class=\"attachment-2048x2048 size-2048x2048\" alt=\"\" srcset=\"https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-pactab-min.jpg 1440w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-pactab-min-300x200.jpg 300w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-pactab-min-1024x683.jpg 1024w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-pactab-min-768x512.jpg 768w, https:\/\/staging.chokago.com\/wp4\/wp-content\/uploads\/2024\/04\/ds-pactab-min-540x360.jpg 540w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Le tout premier Design System de Consoneo<\/p>\n","protected":false},"author":1,"featured_media":11237,"parent":0,"comment_status":"closed","ping_status":"closed","template":"","portfolio-tags":[],"portfolio-categories":[],"class_list":["post-8267","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/portfolio\/8267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/comments?post=8267"}],"version-history":[{"count":0,"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/portfolio\/8267\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/media\/11237"}],"wp:attachment":[{"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/media?parent=8267"}],"wp:term":[{"taxonomy":"portfolio-tags","embeddable":true,"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/portfolio-tags?post=8267"},{"taxonomy":"portfolio-categories","embeddable":true,"href":"https:\/\/staging.chokago.com\/wp4\/wp-json\/wp\/v2\/portfolio-categories?post=8267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}