Rénover IN-JUSTICES c’était une idée que j’avais eu depuis deux ans déjà. Dès que le TD s’est terminé en fait, je me suis dis « un jour on en fera un meilleur ». À cette époque (oui pour moi c’était il y a dix ans quasiment), le terme « meilleur » signifiait un design plus propre et un « vrai » logo. Mais au cours de la L3 je me suis rendu compte qu’il faudrait revoir beaucoup plus de choses que la forme. Le fond du site était très bancale, manquait de précision et de concret.

C’est pour quoi, au cours du mois derniers où j’ai consacré l’entièreté de mon temps à la rénovation intégrale d’IN-JUSTICES, j’ai rédigé un cahier des charges.

C’est quoi un Cahier des charges ?

Ici la définition donnée en cours : un cahier des charges c’est un document réalisé en début de projet. Son but est d’évaluer les objectifs du projet, ses contraintes, le budget, les normes, fonctionnalités, risques etc.

SOMMAIRE 

Présentation du projet……………………………………page 2

Les objectifs et problématiques…………………………page 4

Personnas……………………………………………..page 5

Besoins et contraintes……………………………………….page 7

Intervenants………………………………………………..page 8

Normes du projet………………………………………….page 8

Processus à suivre………………………………………..page 11

Impératifs et charte graphique……………………….page 12

Prestations attendues…………………………………….page 14

Budget………………………………………………………page 15

Délais à respecter………………………………………….page 17

Présentation et contexte du projet 

• Présentation de l’entreprise et de l’équipe, rôles associés

IN-JUSTICES, c’est un blog à la base journalistique créé dans le cadre d’un projet de TD en Rédaction Web durant la 2nde année d’infocom.

Nous devions poster des articles sourcés, et écrits par nous-mêmes. Après l’examen, l’enseignant nous a permis de les garder, nous laissant en faire ce que nous voulions. 

IN-JUSTICES était donc à la base, un projet universitaire. En fin de seconde année, j’ai décidé de me l’acquérir entièrement, pour continuer à poster des articles. Rapidement j’y ai pris goût, et j’ai voulu étendre mes responsabilités. La licence me donnant des outils théoriques continuellement autour du journalisme, d’actions culturelles et surtout en matière de communication, je voulais pouvoir les mettre en application avec mon blog. 

En termes de produits/services que je propose actuellement : c’est en grande majorité des articles de société et d’actualité sur le blog ainsi que quelques photos et vidéos sur Instagram 

HAL, c’est le pseudo que j’ai choisi. Cela provient de Halusal-i qui signifie “éphémère” en coréen. HAL c’est un peu mon nom de plume sur d’anciens projets et mon identité créative. 

Expliquer la démarche

Pourquoi je veux créer un site web ?

La première version du blog a été faite à la va vite. Il fallait rendre en moins de trois semaines (articles et supports compris) le projet de TD. Sachant que c’était ma première création d’un site web, sur la plateforme WIX en plus de ça, disons que la première version n’était pas exactement comme je me l’imaginais. J’ai eu la possibilité de le retravailler plusieurs fois, mais j’avais toujours cette petite idée de le refaire entièrement : autant le fond que la forme. 

Mon blog ressemblait beaucoup à un travail d’école, ce qu’il était à la base. Mais je voulais le faire évoluer, dans un univers qui me correspondait et qui pourrait donner envie aux autres de le découvrir. 

Après avoir travaillé sur un journal papier de A à Z, et d’avoir bossé sur les étapes de celui-ci, l’idée commençait à vraiment s’installer et à prendre de l’ampleur. J’avais la preuve de mes compétences avec mes résultats de ces trois années, j’aurais l’avis et les conseils de mes collègues et professeurs en Parcours Métiers. Tout était là pour me lancer.

Je me suis dit : « bon, là je n’ai plus d’excuses ». 

Les objectifs et les problématiques

• Préciser les objectifs du projet, les problématiques auxquels il va répondre, cible 

Objectifs conatifs (faire agir)

• S’abonner au compte Instagram 
• Suivre l’actualité d’IN-JUSTICES

Objectifs cognitifs (faire connaître) 

• Se créer une vraie notoriété et l’augmenter : un média sans public ce n’est que du vide. 
• Créer un site web inclusif : autant dans sa forme, avec une accessibilité Responsive, que dans son fond avec ses articles écrits à la forme inclusive. 
• Créer une image d’entreprise claire sur ses engagements sociaux (Communauté LGBTQIA+) sans non plus spécialisé son contenu qu’autour de ça.
• Proposer une “manière plus authentique” de faire du journalisme : c’est-à-dire, montrer les échecs, les coulisses, les méthodes, les faux pas, dans une visibilité la plus transparente possible auprès des publics

Objectifs affectifs (convaincre/plaire) 

• Parler de La Réunion : un contenu et une vision des choses qui n’est pas uniquement Euro centrée, c’est-à-dire apporter une touche réunionnaise au contenu. 
• Informer pour sensibiliser : sur des sujets compliqués d’acceptation à La Réunion (et nationalement) (Communauté LGBTQIA+, handicaps, harcèlements, Violences Sexistes et Sexuelles etc.) 

À qui est destiné mon site ?

Mon site est destiné dans une première sphère aux habitants de La Réunion. Plus précisément aux jeunes adolescents et aux adultes (16-30 ans). Ensuite aux personnes qui sont concernées par les causes que je défends (santé mentale, discriminations, communauté LGBTQIA+ etc.). Enfin pour les curieux de l’histoire ou le vécu réunionnais.

PERSONA 

Est-ce que je souhaite interagir avec les internautes ?

Je souhaite avoir une communication la plus transparente possible avec les internautes. C’est pourquoi j’ai créé un compte Instagram peu de temps après la première prise en main en indépendant. 

Est-ce que je veux pouvoir alimenter régulièrement mon site ou est-ce que je le laisse figé ?

C’est un blog journalistique, il paraît donc évident que j’aurai à l’alimenter régulièrement. 

Besoins et contraintes du projet 

• Contraintes 

Ai-je les compétences pour me lancer seul ?

Je pense avoir les compétences de base pour me lancer seul. Sauf pour certaines parties plus techniques ou précises que je ne maitrise pas du tout, et dont j’aurai besoin d’aide extérieure. 

• Les risques : tout ce qu’on peut anticiper comme problèmes

1. Que je ne finisse pas à temps toutes mes tâches
2. Que je perde du temps sur des étapes inutiles ou faciles
3. Que mon emploi du temps personnel entache mon planning
4. Que le site bug à chaque mis à jour
5. Que je manque de volonté et de détermination
6. Que les personnes à qui je demande de l’aide prennent plus de temps que prévu
7. Que je ne trouve personne pour m’aider
8. Que je n’arrive pas à faire ce que je voulais faire
9. Que la mise en ligne bug ou que cela prends du retard 

• Intervenants 

MONDROHA Hafsa : partie photo, création de l’ambiance du site, logo

TECHER Jonathan : partie conception et gestion du projet, budget, recherches sur le terrain et aide technique 

• Normes du projet 

Accessibilité : 

• Se former à ses enjeux 
• Utiliser un outil sensibilisé à l’accessibilité (WordPress, Craft CMS) 
• Design contrasté : La couleur de fond pas trop proche de l’écriture + texte doit pas être sur une image (pour vérifier : Let’s get colorblind, Google) 
• Présence d’alternatives textuelles : sous-titrage ; retranscription (soit en synchronisation avec la vidéo, soit à côté ou en dessous 
• Décrire tous les champs du site : description sur tout call-to-action 
• Assurer la possibilité de naviguer avec le clavier
• Proposer une interface responsive
• Faire tester son site (StarDust) 

Un site accessible : 

• Synthèse vocale 
• Plage braille 
• Affichage du site selon les besoins : choix des  couleurs ; taille des polices (fonctionnalité qui permet d’ajuster la taille) ; cohérence des icônes ; visibilité et accessibilité des boutons 
• Naviguer sans utiliser la souris 

Outils pour accessibilité : 

• HTLM 5
• SVG
• CSS
• Java Script 
• https://www.facil-iti.fr/ 

7 conseils et 6 outils pour rendre un site web accessible

• BENCHMARK 

https://www.clicanoo.re/

https://www.lemonde.fr/actualite-medias/

https://www.liberation.fr/economie/medias/

https://www.courrierinternational.com/sujet/lgbt

Dans un premier temps, je me suis penché sur la « devanture » de certains blogs qui se rapprochaient ou non de l’idée que j’avais. Une photo principale, dès l’arrivée de l’internaute, m’était évidente. 

Au choix : une photo représentant l’univers d’IN-JUSTICES, le rédacteur ou bien une photo d’illustration. Le nom du blog se doit d’apparaître en gros, qu’on sache chez qui on vient d’atterrir.

C’est pourquoi le logo et le nom du blog doivent ressortir. Mon site étant assez sombre, c’est sur les images et rubriques illustrées que la couleur ressortira plus.

• RUBRIQUES : 

Au sujet des articles/rubriques : 

Actuellement : 

• LGBTQIA+
• Océan Indien 
• Santé mentale
• LONTAN
• Pour Ma Cause
• Actualité 

Prochaine configuration du site : 

2 blogs : 

1. Blog journalistique : professionnel 

• LGBTQIA+ 
• Santé mentale 
• LONTAN
• Pour Ma Cause
• Actualités
• Les Récaps 

2. Blog infocom : personnel 

• Journalisme 
• Médiation Culturelle
• Communication 
• Projets personnels

Processus à suivre

• PLAN D’ACTION

Planning de réalisation 

1. Définition des utilisateurs types, parcours, lister les fonctionnalités 
2. Création de Wirefram : maquettes des pages du site web 
3. Rédaction des contenus : référencement naturel…
4. Création des maquettes : maquettes graphiques
5. Développement Front-End 
6. Développement Back-End 
7. Tests et mise en recette : évaluer la conformité du projet avec le cahier des charges 
8. Mise en ligne 

• Impératifs de charte graphique 

Couleurs : 

Le noir est là majoritairement en tant que couleur de fond. Il est synonyme de rigueur, de valeur que doit donner mon projet mais aussi de simplicité. Mes univers sont simples, la forme de mon blog aussi. Hormis cela, il rappelle également l’image du corbeau. 

Comme le noir, le blanc fait partie des couleurs obligatoires sur le blog. Il fait appel à l’unité que ce soit dans mes articles, mes valeurs ou les lecteur.ices. 

Le gris est là pour trancher, faire somme de transition entre les deux couleurs principales. 

J’ai conscience que les trois couleurs principales sont des couleurs assez monotones. Ils pourraient donner un visuel triste ou sombre. C’est pour quoi, les miniatures des rubriques et des articles postés sont là pour donner (littéralement) de la couleur au site web. Mon site web se colore de par les articles que j’y poste, qui lui apportent couleur et contenu.

Nom : 

IN-JUSTICES 

De base, j’étais parti sur « lasinjusticiasdehoy » en référence à mon tout premier article écrit en espagnol. Mais étant trop long, et compliqué de compréhension pour le grand public, je l’ai raccourci à : « injustices ». le problème c’est que je ne parle pas que d’injustices sur mon blog, mais aussi de justices qui ont été faites. 

Après l’avoir traduit en anglais injustices, l’avoir décomposé : in– (à l’intérieur de) –justices (justices), j’en suis venu à ce titre : IN-JUSTICES. 

Signifiant à la fois les Injustices, mais aussi le fond des justices faites mais également, et je peux remercier le collègue de ma mère : « in zistice » en créole réunionnais : qui me rappellera toujours d’où je viens. 

Logo : 

CORBEAU

Le voyant dans beaucoup de concepts et d’œuvres auxquelles sont reliées mes univers, je l’ai choisi et gardé dès la première version. 

POURQUOI UN CORBEAU 

Bien que sa réputation occidentale soit largement controversée, le corbeau est intelligent, capable d’empathie envers les autres, il est malin, sait jouer de son environnement, est sensible, sociable. Mais il est aussi mal-aimé, fait plus souvent face aux rejets qu’au respect et à l’enthousiasme. 

Cela ne vous rappelle-t-il pas la réputation du journaliste ? 

Messages  

Engagé

Styles 

Combinaisons de plusieurs éléments : Mascottte : corbeau 

L’arc : 

Sert à encadrer le corbeau. Il n’est pas formé en cercle parce que le corbeau ne doit pas se sentir enfermé. Il permet également de relier le « IN » à « JUSTICES ».

Jeux de mots avec : « injustices » en français et « in–justices » en anglais.

“Blog”

À plusieurs reprises il a été dit qu’on ne savait pas de quoi traitait l’entreprise. La simple mention du « blog » réglera donc ce problème.

Nom du blog : effet graff’ ou peint style dessiné/animé

Rester sur du sobre, de la simplicité, c’est ce que veut représenter le logo de par ses couleurs. Le corbeau et la police d’écriture étant déjà bien chargés en termes de graphisme.

Polices d’écritures 

Idée : un style qui se rapprocherait du graffiti ou de l’écriture au pinceau 

Contrainte : si le corbeau est déjà stylisé par un effet « animé », cela risque de charger le logo

Police :

???

Prestations attendues 

• Résultats attendus pour le projet

Qu’est-ce que ce site apportera à mon entreprise ?

Une crédibilité, de l’expérience, de la notoriété, de la visibilité

Les exigences de la formulation de l’offre : 

• Conforme au cahier des charges
• La base de l’accessibilité au niveau des handicaps
• Être responsive 
• 2 blogs : perso et pro 
• Un vocabulaire compréhensible et justifié 

Budget 

• Budget global 

Les ressources, besoins financiers et le budget

WIX : Tarif illimité (artisans et indépendants) 12,50 euros/mois : 150 euros/an

OU

WordPress : Tarif Premium 18 euros/mois : 216 euros/an

Délais à respecter 

• Date précise de la réalisation du projet 

2 Mai : Révision du blog

CONCEPTION 

I/ Évaluation des besoins et objectifs (1 jour) 

II/ Définition de la stratégie web (1-2 jours) 

III/ Rédaction du cahier des charges (infos sur l’entreprise, produits, schémas, rubriques, benchmark) (5 jours)  

IV/ Chiffrage du projet (1 jour) 

V/ Définition de la structure du site (3-4 jours)

EXÉCUTION  

VI/ Création du Wirefram (2 jours) 

VII/ Rédaction des contenus (1 jour) 

VIII/ Création des maquettes (4-5 jours) 

IX/ Développement Front End (2 jours) 

X/ Développement Back End (2 jours) 

CONTRÔLE

XI/ Tests et recettage (1 jour) 

CLÔTURE 

XII/ Mise en ligne (1 jour) 2 Juin 

BILAN: 1 jour

Remerciements

Cette partie n’est pas dans le cahier des charges mais je tenais à le mettre dans cette publication.

Ces remerciements vont déjà à mes proches, mes parents, les personnes de ma famille qui m’ont écouté parler blog et rénovation pendant des heures parfois.

Mais aussi à mes meilleur.es ami.es, ma famille de coeur, qui sont là pour me soutenir du début à la fin, dans tout ce que je fais. Vos conseils, avis, likes, suggestions, questions m’ont aidé à réaliser ce projet.

Et pour finir, merci à toutes les personnes proches ou éloignées qui m’ont encouragé dans ce projet, à vous L3 Infocom, à toi Jojo, à toi Keunie, à toi Dada.