{"id":349939,"date":"2025-10-16T09:11:22","date_gmt":"2025-10-16T07:11:22","guid":{"rendered":"https:\/\/agence-samba.com\/?p=349939"},"modified":"2025-10-29T14:29:03","modified_gmt":"2025-10-29T13:29:03","slug":"10-erreurs-a-eviter-creation-site-vitrine-ong","status":"publish","type":"post","link":"https:\/\/agence-samba.com\/en\/10-erreurs-a-eviter-creation-site-vitrine-ong\/","title":{"rendered":"Les 10 erreurs \u00e0 \u00e9viter lors de la cr\u00e9ation d\u2019un site vitrine pour une ONG"},"content":{"rendered":"

[et_pb_section fb_built=\u00a0\u00bb1″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bb|||on|||||\u00a0\u00bb text_text_color=\u00a0\u00bb#EB5A3B\u00a0\u00bb text_letter_spacing=\u00a0\u00bb3px\u00a0\u00bb custom_margin=\u00a0\u00bb||15px||false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb||15px||false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb||10px||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

strat\u00e9gie de communication<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_font=\u00a0\u00bb||||||||\u00a0\u00bb text_text_color=\u00a0\u00bb#EB5A3B\u00a0\u00bb header_font=\u00a0\u00bb||||||||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Les 10 erreurs \u00e0 \u00e9viter lors de la cr\u00e9ation d\u2019un site vitrine pour une ONG<\/strong><\/h1>\n

[\/et_pb_text][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#02105B\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Tout comme les autres structures \u00e0 but <\/span>non lucratif<\/span> (\u00e0 <\/span>caract\u00e8re humanitaire <\/span>ou non), les <\/span>organisations non-gouvernementales,<\/span> qui s\u2019appuient notamment sur les <\/span>dons <\/span>et le <\/span>b\u00e9n\u00e9volat <\/span>pour mener <\/span>leurs actions,<\/span> ont absolument besoin de<\/span> cr\u00e9er un site<\/b> web fonctionnel<\/b> pour informer, expliquer leur <\/span>vocation humanitaire e<\/span>t, bien s\u00fbr, encourager l\u2019engagement du public.\u00a0<\/span><\/p>\n

Alors, que vous soyez une <\/span>ONG internationale<\/span> ou une <\/span>ONG fran\u00e7aise,<\/span> et quelle que soit la <\/span>cause humanitaire <\/span>que vous soutenez,<\/span> assurez-vous d\u2019\u00e9viter ces 10 erreurs lors de la <\/b>cr\u00e9ation de votre site internet\u00a0<\/b>!<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb75%\u00a0\u00bb min_height=\u00a0\u00bb1000px\u00a0\u00bb height=\u00a0\u00bb1000px\u00a0\u00bb max_height=\u00a0\u00bb638px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_image src=\u00a0\u00bbhttps:\/\/agence-samba.com\/wp-content\/uploads\/2025\/10\/SAMBA-agence-de-communication-developpement-site-web.jpg\u00a0\u00bb title_text=\u00a0\u00bbDeveloping Concentrated programmer reading computer codes Development Website design and coding technologies.\u00a0\u00bb force_fullwidth=\u00a0\u00bbon\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb min_height=\u00a0\u00bb80px\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFA33E\u00a0\u00bb header_2_font_size=\u00a0\u00bb28px\u00a0\u00bb custom_margin=\u00a0\u00bb||10px||false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb28px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb18px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

1. Une architecture d\u2019information qui manque de clart\u00e9<\/strong><\/h2>\n

[\/et_pb_text][et_pb_divider color=\u00a0\u00bb#FFA33E\u00a0\u00bb divider_weight=\u00a0\u00bb2px\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb25%\u00a0\u00bb custom_margin=\u00a0\u00bb||10px||false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#02105B\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″]<\/p>\n

Avoir un site internet bien con\u00e7u est aujourd\u2019hui tout simplement obligatoire pour les ONG, aussi bien pour celles qui existent depuis plusieurs ann\u00e9es comme <\/span>Action contre la Faim<\/strong><\/a>, M\u00e9decins du Monde<\/a><\/strong> ou encore Amnesty International<\/a><\/strong>; que pour celles qui viennent tout juste de na\u00eetre !<\/p>\n

Pour<\/b> cr\u00e9er un site web <\/b>fonctionnel et intuitif, il faut commencer par r\u00e9fl\u00e9chir \u00e0 l\u2019architecture d\u2019information<\/b>, c\u2019est-\u00e0-dire la mani\u00e8re dont est organis\u00e9 le contenu d\u2019un site. L\u2019objectif est bien s\u00fbr de<\/span> faciliter la navigation des visiteurs<\/b>, en construisant une arborescence et des ponts logiques.\u00a0<\/span><\/p>\n

Dans le cas d\u2019une<\/span> organisation non gouvernementale<\/span>, cet aspect est d\u2019autant plus important qu\u2019il faut<\/span> tenir compte des diff\u00e9rents publics auxquels on s\u2019adresse<\/b>. Les <\/span>donateurs <\/span>et b\u00e9n\u00e9voles ne chercheront pas les m\u00eames informations, de m\u00eame qu\u2019une personne souhaitant<\/span> travailler dans une ONG<\/span> ou y effectuer un <\/span>service civique <\/span>n\u2019aura pas besoin des m\u00eames renseignements.\u00a0<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFA33E\u00a0\u00bb header_2_font_size=\u00a0\u00bb28px\u00a0\u00bb custom_margin=\u00a0\u00bb||10px||false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb24px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

2. Une navigation qui manque de fluidit\u00e9<\/strong><\/h2>\n

[\/et_pb_text][et_pb_divider color=\u00a0\u00bb#FFA33E\u00a0\u00bb divider_weight=\u00a0\u00bb2px\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb25%\u00a0\u00bb custom_margin=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb||10px||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#02105B\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Autre \u00e9l\u00e9ment important pour les<\/span> sites internet <\/span>: la fluidit\u00e9 de navigation. En tant qu\u2019internaute, <\/span>il n\u2019y a rien de pire qu\u2019un site qui ne charge pas ou dont la moiti\u00e9 des informations est inaccessible depuis un t\u00e9l\u00e9phone\u202f!<\/b><\/p>\n

Il est imp\u00e9ratif que le temps de chargement du site web soit le plus court possible et que son design soit <\/span>responsive <\/span>pour qu\u2019il puisse \u00eatre confortablement consult\u00e9 depuis un ordinateur, un smartphone ou une tablette. <\/span><\/b><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFA33E\u00a0\u00bb header_2_font_size=\u00a0\u00bb28px\u00a0\u00bb custom_margin=\u00a0\u00bb||10px||false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb18px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

3. Un manque de coh\u00e9rence avec l\u2019identit\u00e9 visuelle de votre ONG<\/strong><\/h2>\n

[\/et_pb_text][et_pb_divider color=\u00a0\u00bb#FFA33E\u00a0\u00bb divider_weight=\u00a0\u00bb2px\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb25%\u00a0\u00bb custom_margin=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb||10px||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#02105B\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Votre site web doit \u00eatre \u00e0 <\/span>votre image<\/span>, <\/span>il est essentiel que les visiteurs (donateur, <\/b>b\u00e9n\u00e9vole<\/b>, employ\u00e9, b\u00e9n\u00e9ficiaire\u2026) puissent identifier imm\u00e9diatement votre ONG<\/b> gr\u00e2ce \u00e0 son<\/span> identit\u00e9 visuelle<\/a><\/strong>.<\/span><\/p>\n

Utilisez vos couleurs et polices principales ainsi que votre logo sur l\u2019ensemble du site.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFA33E\u00a0\u00bb header_2_font_size=\u00a0\u00bb28px\u00a0\u00bb custom_margin=\u00a0\u00bb||10px||false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb24px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

4. Des textes qui manquent de personnalit\u00e9<\/strong><\/h2>\n

[\/et_pb_text][et_pb_divider color=\u00a0\u00bb#FFA33E\u00a0\u00bb divider_weight=\u00a0\u00bb2px\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb25%\u00a0\u00bb custom_margin=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb||10px||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#02105B\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

Faire un site<\/span> web implique aussi d\u2019en cr\u00e9er le contenu r\u00e9dactionnel, <\/span>un contenu d\u2019autant plus important qu\u2019il doit transmettre votre engagement, votre <\/b>l\u00e9gitimit\u00e9 <\/b>et sensibiliser le public. La cr\u00e9ation ou la refonte de votre site peut \u00eatre l\u2019occasion de<\/span><\/b> travailler sur la ligne \u00e9ditoriale de votre organisation<\/a><\/strong>, ce qui vous permettra de r\u00e9diger (ou faire r\u00e9diger) ensuite des textes de qualit\u00e9, au style coh\u00e9rent, qui incarnent la raison d\u2019\u00eatre de votre ONG et ses valeurs cardinales. <\/span><\/b><\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_2_text_color=\u00a0\u00bb#FFA33E\u00a0\u00bb header_2_font_size=\u00a0\u00bb28px\u00a0\u00bb custom_margin=\u00a0\u00bb||10px||false|false\u00a0\u00bb header_2_font_size_tablet=\u00a0\u00bb24px\u00a0\u00bb header_2_font_size_phone=\u00a0\u00bb24px\u00a0\u00bb header_2_font_size_last_edited=\u00a0\u00bbon|desktop\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

5. Du contenu qui n\u2019est pas con\u00e7u pour le web<\/strong><\/h2>\n

[\/et_pb_text][et_pb_divider color=\u00a0\u00bb#FFA33E\u00a0\u00bb divider_weight=\u00a0\u00bb2px\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb25%\u00a0\u00bb custom_margin=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_tablet=\u00a0\u00bb||0px||false|false\u00a0\u00bb custom_margin_phone=\u00a0\u00bb||10px||false|false\u00a0\u00bb custom_margin_last_edited=\u00a0\u00bbon|phone\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_divider][et_pb_text _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#02105B\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n

La <\/span>cr\u00e9ation de site internet <\/span>implique, comme nous l\u2019\u00e9voquions, la r\u00e9daction des textes qui y figureront. Au-del\u00e0 de l\u2019enjeu \u00e9ditorial qu\u2019ils posent et que nous avons abord\u00e9 pr\u00e9c\u00e9demment, <\/span>ils doivent \u00eatre adapt\u00e9s au web<\/b>.\u00a0<\/span><\/p>\n

En effet, la r\u00e9daction de contenus destin\u00e9s \u00e0 \u00eatre publi\u00e9s sur des sites internet doit respecter un certain nombre de crit\u00e8res pour :<\/span><\/p>\n