{"id":42,"date":"2025-02-27T20:31:44","date_gmt":"2025-02-27T19:31:44","guid":{"rendered":"https:\/\/ctomtomdev.net\/?page_id=42"},"modified":"2025-06-23T10:13:08","modified_gmt":"2025-06-23T08:13:08","slug":"mise-a-jour-ui-existantes","status":"publish","type":"page","link":"https:\/\/ctomtomdev.net\/en\/mise-a-jour-ui-existantes\/","title":{"rendered":"Mise \u00e0 jour d&#8217;interfaces existantes"},"content":{"rendered":"<p class=\"wp-block-paragraph\">La mise \u00e0 jour d&#8217;interfaces existantes est un travail d\u00e9licat, entre les r\u00e9fractaires au changement et le bouleversement des habitudes des utilisateurs ; Les refontes ci-dessous concernent plusieurs projets r\u00e9cents comme anciens.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A <em>slider<\/em> facilitates the comparison between bnefore and after the update of each interface.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2025 - Update of section selectors on WTI - Paragon ID<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The company <a href=\"https:\/\/www.paragon-id.com\/fr\/nos-solutions\/transport-smart-cities\/smart-ticketing\">Paragon <\/a>utilisait des images gratuites r\u00e9cup\u00e9r\u00e9es de diverses sources pour illustrer les fonctions d&#8217;une application en ligne. Bien que suffisamment explicites, ces illustrations \u00e9taient inhomog\u00e8nes et manquaient de coh\u00e9rence. J&#8217;ai pris le temps de refaire l&#8217;ensemble des icones, en gardant une homog\u00e9n\u00e9it\u00e9 par la hi\u00e9rarchisation des informations : Produits \/ Action \/ Niveau d&#8217;autorisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In short,<\/p>\n\n\n\n<ul class=\"wp-block-list cttd-std-list\">\n<li>Each type of product is symbolized by a letter, a pictogram (Bus, Passport, Chip or Chip card) and a colour code (Blue, Pink, Green or Orange):<\/li>\n\n\n\n<li>All possible actions are represented by a pictogram (Order, Administration, Search, Technical specification);<\/li>\n\n\n\n<li>1 niveau d&#8217;autorisation = un pictogramme (oeil, cahier-crayon)+ une couleur (vert ou rouge).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Board of the updated functionality accessors<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-1024x575.jpg\" alt=\"Planche WTI\" class=\"wp-image-128\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-1024x575.jpg 1024w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-600x337.jpg 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-300x168.jpg 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-768x431.jpg 768w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti.jpg 1147w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Final board with all items in place.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Updated interface<\/h3>\n\n\n\n<div class=\"wp-block-icgb-image-compare icgb-compare-block\" data-hover=\"false\" data-label=\"false\" data-lil=\"Before\" data-ril=\"After\" data-vertical=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"854\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-org.png\" alt=\"\" class=\"wp-image-139\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-org.png 1281w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-org-600x400.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-org-300x200.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-org-1024x683.png 1024w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-org-768x512.png 768w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"854\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration.png\" alt=\"\" class=\"wp-image-137\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration.png 1281w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-600x400.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-300x200.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-1024x683.png 1024w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_administration-768x512.png 768w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Ecran d&#8217;administration des outils<\/p>\n\n\n\n<div class=\"wp-block-icgb-image-compare icgb-compare-block\" data-hover=\"false\" data-label=\"true\" data-lil=\"Avant\" data-ril=\"Apr\u00e8s\" data-vertical=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"854\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-org.png\" alt=\"\" class=\"wp-image-144\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-org.png 1281w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-org-600x400.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-org-300x200.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-org-1024x683.png 1024w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-org-768x512.png 768w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1281\" height=\"854\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande.png\" alt=\"\" class=\"wp-image-141\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande.png 1281w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-600x400.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-300x200.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-1024x683.png 1024w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Commande-768x512.png 768w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Ecran d&#8217;administration des ventes<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Refreshed interface showing consistent design between different range of products.<\/h3>\n\n\n\n<div class=\"wp-block-icgb-image-compare icgb-compare-block\" data-hover=\"false\" data-label=\"true\" data-lil=\"Produit Ticket\" data-ril=\"Produit Carte\" data-vertical=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"583\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Tickets.png\" alt=\"\" class=\"wp-image-132\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Tickets.png 1278w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Tickets-600x274.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Tickets-300x137.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Tickets-1024x467.png 1024w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Tickets-768x350.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"583\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Cartes.png\" alt=\"\" class=\"wp-image-138\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Cartes.png 1278w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Cartes-600x274.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Cartes-300x137.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Cartes-1024x467.png 1024w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/WTI_Cartes-768x350.png 768w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Coh\u00e9rence de l&#8217;iconographie entre les diff\u00e9rents produits<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2017 &#8211; Mise \u00e0 jour de l&#8217;interface AXONE &#8211; Maquet\/Getinge<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cette d\u00e9marche s&#8217;est d\u00e9roul\u00e9e en deux \u00e9tapes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1-Ajout d&#8217;\u00e9l\u00e9ments graphiques \u00e0 la charte existante pour de nouveaux produits<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">J&#8217;ai cr\u00e9\u00e9 de nouveaux pictogrammes suite \u00e0 des \u00e9volutions dans la gamme de <a href=\"https:\/\/www.getinge.com\/int\/products-and-solutions\/operating-room\/or-equipment\/\">Maquet<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-icgb-image-compare icgb-compare-block\" data-hover=\"false\" data-label=\"false\" data-lil=\"Before\" data-ril=\"After\" data-vertical=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"130\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_planche_icones_axone.jpg\" alt=\"icones anciens produits\" class=\"wp-image-130\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_planche_icones_axone.jpg 840w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_planche_icones_axone-600x93.jpg 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_planche_icones_axone-300x46.jpg 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_planche_icones_axone-768x119.jpg 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"130\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_planche_icones_axone.jpg\" alt=\"Icones nouveaux produits\" class=\"wp-image-129\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_planche_icones_axone.jpg 840w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_planche_icones_axone-600x93.jpg 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_planche_icones_axone-300x46.jpg 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_planche_icones_axone-768x119.jpg 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Existing icons (left) and newly designed icons (right).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2-Refonte de la charte graphique de l&#8217;entreprise<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ensuite, la charte de la soci\u00e9t\u00e9 \u00e9voluant, j&#8217;ai mis \u00e0 jour l&#8217;interface d&#8217;une tablette tactile utilis\u00e9e pour contr\u00f4ler des \u00e9clairages de bloc op\u00e9ratoire. La nouvelle charte graphique <a href=\"http:\/\/www.getinge.com\">Getinge<\/a> Group was based on flat design.<\/p>\n\n\n\n<div class=\"wp-block-icgb-image-compare icgb-compare-block\" data-hover=\"false\" data-label=\"true\" data-lil=\"Charte Maquet\" data-ril=\"Charte Getinge\" data-vertical=\"false\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"480\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_cvi_axone-1.png\" alt=\"Interface graphique AXONE selon la charte MAQUET\" class=\"wp-image-41\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_cvi_axone-1.png 800w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_cvi_axone-1-600x360.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_cvi_axone-1-300x180.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/old_cvi_axone-1-768x461.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"480\" src=\"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_cvi_axone-1.png\" alt=\"Interface graphique AXONE selon la charte GETINGE\" class=\"wp-image-40\" srcset=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_cvi_axone-1.png 800w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_cvi_axone-1-600x360.png 600w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_cvi_axone-1-300x180.png 300w, https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/new_cvi_axone-1-768x461.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Screens before (left) and after (right) the update.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Continuer vers le portfolio &#8220;<a href=\"https:\/\/ctomtomdev.net\/en\/photographie\/\">Photography<\/a>&#8221; ou revenir \u00e0 l&#8217;<a href=\"https:\/\/ctomtomdev.net\/en\/\">home<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>La mise \u00e0 jour d&#8217;interfaces existantes est un travail d\u00e9licat, entre les r\u00e9fractaires au changement et le bouleversement des habitudes des utilisateurs ; Les refontes ci-dessous concernent plusieurs projets r\u00e9cents comme anciens. Un slider permet de visualiser en parall\u00e8le les versions avant\/apr\u00e8s de chaque interface. 2025 &#8211; Mise \u00e0 jour des \u00e9l\u00e9ments UI sur WTI [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mise \u00e0 jour d&#039;interfaces existantes - CTOMTOMDEV<\/title>\n<meta name=\"description\" content=\"Exemples de mises \u00e0 jour d&#039;interfaces existantes, r\u00e9alis\u00e9es suite \u00e0 l&#039;\u00e9volution de la charte graphique ou pour une meilleure coh\u00e9rence.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ctomtomdev.net\/en\/mise-a-jour-ui-existantes\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mise \u00e0 jour d&#039;interfaces existantes - CTOMTOMDEV\" \/>\n<meta property=\"og:description\" content=\"Exemples de mises \u00e0 jour d&#039;interfaces existantes, r\u00e9alis\u00e9es suite \u00e0 l&#039;\u00e9volution de la charte graphique ou pour une meilleure coh\u00e9rence.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ctomtomdev.net\/en\/mise-a-jour-ui-existantes\/\" \/>\n<meta property=\"og:site_name\" content=\"CTOMTOMDEV\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-23T08:13:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1147\" \/>\n\t<meta property=\"og:image:height\" content=\"644\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/\",\"url\":\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/\",\"name\":\"Mise \u00e0 jour d'interfaces existantes - CTOMTOMDEV\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/ctomtomdev.net\\\/wp-content\\\/uploads\\\/refontes\\\/planche_icones_wti-1024x575.jpg\",\"datePublished\":\"2025-02-27T19:31:44+00:00\",\"dateModified\":\"2025-06-23T08:13:08+00:00\",\"description\":\"Exemples de mises \u00e0 jour d'interfaces existantes, r\u00e9alis\u00e9es suite \u00e0 l'\u00e9volution de la charte graphique ou pour une meilleure coh\u00e9rence.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/#primaryimage\",\"url\":\"http:\\\/\\\/ctomtomdev.net\\\/wp-content\\\/uploads\\\/refontes\\\/planche_icones_wti-1024x575.jpg\",\"contentUrl\":\"http:\\\/\\\/ctomtomdev.net\\\/wp-content\\\/uploads\\\/refontes\\\/planche_icones_wti-1024x575.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/mise-a-jour-ui-existantes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/ctomtomdev.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mise \u00e0 jour d&rsquo;interfaces existantes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ctomtomdev.net\\\/#website\",\"url\":\"https:\\\/\\\/ctomtomdev.net\\\/\",\"name\":\"CTOMTOMDEV\",\"description\":\"Nous sommes nos choix\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ctomtomdev.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mise \u00e0 jour d'interfaces existantes - CTOMTOMDEV","description":"Exemples de mises \u00e0 jour d'interfaces existantes, r\u00e9alis\u00e9es suite \u00e0 l'\u00e9volution de la charte graphique ou pour une meilleure coh\u00e9rence.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ctomtomdev.net\/en\/mise-a-jour-ui-existantes\/","og_locale":"en_GB","og_type":"article","og_title":"Mise \u00e0 jour d'interfaces existantes - CTOMTOMDEV","og_description":"Exemples de mises \u00e0 jour d'interfaces existantes, r\u00e9alis\u00e9es suite \u00e0 l'\u00e9volution de la charte graphique ou pour une meilleure coh\u00e9rence.","og_url":"https:\/\/ctomtomdev.net\/en\/mise-a-jour-ui-existantes\/","og_site_name":"CTOMTOMDEV","article_modified_time":"2025-06-23T08:13:08+00:00","og_image":[{"width":1147,"height":644,"url":"https:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/","url":"https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/","name":"Mise \u00e0 jour d'interfaces existantes - CTOMTOMDEV","isPartOf":{"@id":"https:\/\/ctomtomdev.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/#primaryimage"},"image":{"@id":"https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/#primaryimage"},"thumbnailUrl":"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-1024x575.jpg","datePublished":"2025-02-27T19:31:44+00:00","dateModified":"2025-06-23T08:13:08+00:00","description":"Exemples de mises \u00e0 jour d'interfaces existantes, r\u00e9alis\u00e9es suite \u00e0 l'\u00e9volution de la charte graphique ou pour une meilleure coh\u00e9rence.","breadcrumb":{"@id":"https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/#primaryimage","url":"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-1024x575.jpg","contentUrl":"http:\/\/ctomtomdev.net\/wp-content\/uploads\/refontes\/planche_icones_wti-1024x575.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ctomtomdev.net\/mise-a-jour-ui-existantes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/ctomtomdev.net\/"},{"@type":"ListItem","position":2,"name":"Mise \u00e0 jour d&rsquo;interfaces existantes"}]},{"@type":"WebSite","@id":"https:\/\/ctomtomdev.net\/#website","url":"https:\/\/ctomtomdev.net\/","name":"CTOMTOMDEV","description":"Nous sommes nos choix","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ctomtomdev.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":10,"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/ctomtomdev.net\/en\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}