{"id":20803,"date":"2024-04-12T13:28:36","date_gmt":"2024-04-12T11:28:36","guid":{"rendered":"https:\/\/www.wsinteractive.com\/?post_type=references&p=20803"},"modified":"2025-03-15T21:06:52","modified_gmt":"2025-03-15T20:06:52","slug":"capcir","status":"publish","type":"references","link":"https:\/\/www.wsinteractive.com\/fr\/references\/capcir\/","title":{"rendered":"CAPCIR"},"content":{"rendered":"\n
\n
\n

#siteweb #refonte #design <\/p>\n\n\n\n

CAPCIR<\/p>\n\n\n

Sant\u00e9<\/a><\/div>\n\n\n

La refonte de site web<\/h1>\n\n\n\n

Capcir<\/strong>, entreprise tech sp\u00e9cialis\u00e9e dans la conception et l\u2019\u00e9dition de logiciel de sant\u00e9<\/strong>, avait besoin d\u2019une refonte de son site web pour am\u00e9liorer la mise en avant de ses services. <\/strong><\/p>\n\n\n\n

L\u2019agence web WS a propos\u00e9 un accompagnement sur mesure et \u00e0 l\u2019\u00e9coute des besoins sp\u00e9cifiques de l\u2019\u00e9quipe Capcir, de la conception jusqu\u2019\u00e0 la mise en ligne de ce tout nouveau site web plus moderne et adapt\u00e9 \u00e0 l\u2019univers imagin\u00e9 par leurs \u00e9quipes. <\/p>\n<\/div>\n\n\n\n

\n
\"La<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
<\/div>\n\n\n\n

Capcir, \u00e9diteur de logiciel de sant\u00e9 depuis 35 ans <\/strong><\/strong><\/strong><\/h2>\n\n\n\n

Capcir, c\u2019est avant tout une aventure humaine issue d\u2019une longue histoire familiale qui f\u00eatera bient\u00f4t ses 35 ans. <\/p>\n\n\n\n

Depuis 1990, cette entreprise familiale toulousaine con\u00e7oit des logiciels de sant\u00e9 \u00e0 destination des \u00e9tablissements sp\u00e9cialis\u00e9s dans la sant\u00e9 mentale et psychiatrique. <\/p>\n\n\n\n

Leur raison d\u2019\u00eatre<\/strong> : simplifier le suivi du parcours patient <\/strong>en fluidifiant le partage des donn\u00e9es m\u00e9dicales au sein des \u00e9tablissements hospitaliers, qu\u2019ils soient psychiatriques ou g\u00e9n\u00e9ralistes. <\/p>\n\n\n\n

C\u2019est dans cette optique que les \u00e9quipes de CAPCIR d\u00e9veloppent depuis plus de 30 ans <\/p>\n\n\n\n

des logiciels performants et ergonomiques, con\u00e7us pour faciliter la gestion, lecture et transmission des informations essentielles de chaque patient\u00b7e, tout-au-long de son parcours m\u00e9dico-social. <\/p>\n\n\n\n

Avec une si longue histoire derri\u00e8re elle, Capcir a ainsi su s\u2019imposer comme un acteur historique de la e-sant\u00e9.<\/p>\n\n\n\n

Mais historique ne veut pas n\u00e9cessairement dire archa\u00efque ! Au contraire, puisque l\u2019entreprise a opt\u00e9 pour une refonte de son site web<\/strong>, con\u00e7u il y a plusieurs ann\u00e9es dans un esprit de \u201cfait maison\u201d, et dont les signes de l\u2019\u00e2ge commen\u00e7aient \u00e0 se faire sentir.<\/p>\n\n\n\n

Capcir a donc fait appel \u00e0 l\u2019agence web WS pour redonner jeunesse et modernit\u00e9 \u00e0 son site web, gr\u00e2ce \u00e0 une refonte compl\u00e8te du site<\/strong>\u2026 et un rafra\u00eechissement de charte graphique, par la m\u00eame occasion. \ud83d\ude09 <\/p>\n\n\n\n

<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
<\/div>\n\n\n\n

Refonte de site web :  un changement global pour Capcir<\/strong><\/strong><\/strong><\/h2>\n\n\n\n

Logo, charte graphique du site\u2026 un tout nouveau design pour un tout nouveau site web !<\/strong><\/h3>\n\n\n\n

Modernisation & personnalisation, tels ont \u00e9t\u00e9 les ma\u00eetres mots de ce projet. <\/strong><\/p>\n\n\n\n

Dans toute refonte de site, tout commence par un univers graphique. <\/strong>La charte graphique pr\u00e9c\u00e9dente est-elle \u00e0 conserver ou \u00e0 refondre enti\u00e8rement ? Doit-on revoir le logo, par la m\u00eame occasion ? <\/p>\n\n\n\n

Pour le projet de refonte du site web de Capcir, la r\u00e9ponse a \u00e9t\u00e9 un grand oui. <\/em><\/strong><\/p>\n\n\n\n

Premier d\u00e9fi de l\u2019agence web WS, donc : proposer un lifting appropri\u00e9 <\/strong>pour r\u00e9nover ce logo d\u00e9suet\u2026 sans perdre son identit\u00e9 ! Autrement dit, r\u00e9ussir \u00e0 moderniser le logo Capcir pour lui donner un design plus actuel, tout en conservant ses traits caract\u00e9ristiques pour garder une certaine coh\u00e9rence avec sa charte historique. <\/p>\n\n\n\n

R\u00e9sultat de ce d\u00e9fi d\u00e9licat <\/strong>? Un logo reprenant la structure du logo historique<\/strong>, pour ne pas d\u00e9naturer l\u2019identit\u00e9 graphique de Capcir, tout en lui apportant une touche de modernit\u00e9 et d’humanit\u00e9 gr\u00e2ce \u00e0 sa nouvelle police, <\/strong>plus ronde et douce \u00e0 la lecture.<\/p>\n\n\n\n

C\u00f4t\u00e9 palette de couleurs, les couleurs phares de l\u2019entreprise ont \u00e9t\u00e9 conserv\u00e9es, toujours pour en respecter l\u2019identit\u00e9 historique. Elles sont aujourd\u2019hui mari\u00e9es \u00e0 des tons plus doux et clairs, pour rappeler l\u2019univers humain de Capcir et faciliter la lecture sur le nouveau site. <\/p>\n\n\n\n

Et ce nouveau site, alors ? Parlons-en, justement ! <\/p>\n\n\n\n

<\/div>\n\n\n\n

<\/h3>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n
<\/div>\n\n\n
\n
\"L'\u00e9volution<\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
<\/div>\n\n\n\n

Un site web modulable, entre blocs sur-mesure et back office simplifi\u00e9 pour Capcir<\/strong> ! <\/h3>\n\n\n\n

Pour le site web, il \u00e9tait important de le rendre plus moderne, mais surtout facilement personnalisable<\/strong>. <\/p>\n\n\n\n

L\u2019ancien site ne laissant que peu de place \u00e0 la personnalisation simple et rapide, il \u00e9tait essentiel d\u2019offrir cette possibilit\u00e9 au nouveau. <\/p>\n\n\n\n

Notre choix de CMS s\u2019est donc naturellement port\u00e9 vers<\/strong> WordPress<\/strong>, pour laisser toute la libert\u00e9 de construire et personnaliser les futures pages du site de Capcir, en toute simplicit\u00e9. <\/p>\n\n\n\n

\n
\n
\"Blocs<\/figure>\n<\/div>\n\n\n
<\/div>\n<\/div>\n\n\n\n
\n

Mais la personnalisation de ce projet ne se limite pas uniquement \u00e0 son Back office simplifi\u00e9, bien au contraire !<\/p>\n\n\n\n

L\u2019essentiel du sur-mesure de ce projet s\u2019exprime dans ses types de contenu et<\/strong> blocs personnalis\u00e9s. <\/strong><\/mark><\/p>\n\n\n\n

Page d\u2019accueil, page produit, page club, \u00e9tudes de cas\u2026 L\u2019avantage des<\/strong> types de contenu personnalis\u00e9s r\u00e9side dans la<\/strong> simplification de l\u2019administration en Back Office <\/strong>et la personnalisation du design de chaque type de page<\/strong>. Et oui ! Notre objectif est bien de personnaliser chaque gabarit selon les besoins du design, comme du contenu final \u00e0 int\u00e9grer. <\/p>\n\n\n\n

Et une fois le gabarit pos\u00e9, la personnalisation de la page peut entrer dans une nouvelle dimension, gr\u00e2ce \u00e0 l\u2019utilisation de blocs personnalis\u00e9s<\/strong> sp\u00e9cialement con\u00e7us pour le site de Capcir<\/strong>. <\/strong><\/p>\n\n\n\n

Et on peut dire qu\u2019il y en a eu, des blocs personnalis\u00e9s, pour ce projet ! Un bloc type \u201ctunnel de qualification\u201d pour orienter les utilisateurs et prospects vers la page la plus pertinente pour leurs attentes, une timeline, des t\u00e9moignages et une multitude de blocs interactifs, au clic, au survol, au scroll\u2026 Sans parler des nombreux styles con\u00e7us sur mesure pour venir habiller ces diff\u00e9rents blocs. <\/p>\n\n\n\n

Vous l\u2019aurez compris : WS n\u2019a pas l\u00e9sin\u00e9 sur les d\u00e9tails pour suivre la ligne directive de ce projet : moderniser et personnaliser<\/strong>.<\/p>\n\n\n\n

Mais que serait un projet aussi pouss\u00e9\u2026 sans un accompagnement lui aussi personnalis\u00e9 ? <\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n

Refonte du site Capcir : un accompagnement cl\u00e9 pour la r\u00e9ussite du projet<\/strong><\/h2>\n\n\n\n
\n
\n

Le r\u00e9sultat de ce projet ? <\/mark>On le doit \u00e0 un savant m\u00e9lange entre conseil, expertise technique et \u00e9coute des besoins – pr\u00e9f\u00e9rences client. <\/strong><\/p>\n\n\n\n

Le site web refondu de Capcir r\u00e9sulte ainsi d\u2019un m\u00e9lange entre : <\/p>\n\n\n\n