Bonjour,
Tout d'abord, félicitations pour ton site! Il est en ligne et il fonctionne, c'est déjà un très bon début! Alors, bon, je vais essayer de donner mon analyse du site en seulement 2 parties: le design et la navigation.
Commençons par la navigation:- Je ne vois pas beaucoup l'intérêt d'arriver sur une page d'accueil de présentation vide avec du son qui s'enclenche automatiquement. Cela se faisait énormément il y a 20-25 ans, mais actuellement on essaie d'éviter d'imposer une écoute audio dès l'arrivée sur le site. Même si la chanson/bande son a une signification derrière tout ça. Il s'agit d'un site d'information, le plus important est le contenu et il doit être accessible directement. Là, je vois un clic de trop pour y arriver. Cela pourrait permettre également in fine d'être mieux référencé car la page principale suivante contient toutes les données, contenu, etc.
- Une fois sur le site principal: la structure est correcte. Rien à dire, en tête au-dessus ok. Menu à gauche ok.
- Par contre, je ne mettrais pas le texte de Bakounine en image mais le retranscrirai en texte afin que les déficients visuels puissent le lire avec leur lecteur. Quitte à rajouter juste l'image du personnage seul à côté.
- Le texte d'en dessous avec les citations n'est pas efficace en terme de lisibilité. Chez moi, elles sont dans une frame scrollable qui provoque un scroll horizontal inutile. J'enlèverai cette restriction du cadre en hauteur amenant un scroll dans d'autres scroll. Ou bien ne mettrais-tu pas une seule citation qui s'afficherait aléatoirement avec un lien cliquable qui amènerait à une page, elle, avec toutes les citations?
- Quand je clique sur les liens du menu, ça m'amène au contenu des articles. Très bien, mais je trouve dommage que le menu de gauche ne soit pas retrouvé dans les pages d'articles. Il faut scroller en haut de la page pour cliquer sur ton lien pour revenir en arrière. Ou bien utiliser le bouton arrière de son navigateur. Un clic de trop selon moi. Surtout que tu as créé ton site en php, donc j'imagine que ta page comportant ton menu est indépendante et peut être replacée facilement. Le php sera surtout utile si beaucoup de pages d'articles seront créées. Si pas beaucoup de pages et que le site est destiné à être plus statique, la conception uniquement en html serait pas plus mal.
- Le liens "S", en haut à droite, ne mène à rien chez moi. Que représente-t-il?
- Les 2 liens "B" et "S" sont assez petits. Le lien B pourrait être converti en plaçant un header aux pages d'articles prenant toute la largeur et qui serait cliclable.
Le design:Les couleurs restent un choix subjectif. Mais personnellement, je trouve les couleurs agressives et ne me donnent pas vraiment envie de rester sur le site et de prendre le temps de lire les articles. Si j'étais toi, je me restreindrais à une palette de couleurs qui soient complémentaires. Il y a des petits sites pratiques qui peuvent orienter vers le choix des couleurs (avec leurs codes hexadécimaux):
https://color.adobe.com/fr/create/color-wheel/https://www.colorhexa.com/(Il doit y en avoir d'autres, j'ai pris les premiers qui me tombaient sous la main)
Pour le visuel, prends exemple d'autres sites informatifs officiels. Ils sont développés par des infographistes qui se basent sur une charte graphique. Maintenant, ça n'empêche pas de rajouter sa touche personnelle et de le rendre vivant mais ça se joue plus dans le détail.
- En terme de couleurs générales, parfois il est intéressant de s'inspirer de tableaux, d'oeuvres. Tu regardes les palettes de couleurs qui sont utilisées d'une image, celles qui font passer une émotion et tu reprends les mêmes.
- Le choix de la typo et de la taille du texte est également importante. Le choix de la typo reste limité car on utilise les polices courantes communes aux différents systèmes d'exploitation possibles et aux navigateurs. Mais pour la taille, il ne faut pas que le texte soit trop petit ou trop grand. Firefox a développe un mode lecture qui enlève toute décoration et ne garde que le contenu avec une taille de police correcte mais surtout et c'est important sur une largeur de page réduite. Il est plus lisible de lire un texte qui ne fait pas l'entièreté de son écran d'ordinateur car les yeux passent plus facilement à la ligne d'en dessous sans se perdre, sans sauter de lignes. Egalement en mode lecture, d'un point de vue des couleurs, on peut voir qu'il y a un mode sombre (fond de couleur foncé avec texte plus clair) qui fatigue moins les yeux à la lecture. C'est un bon outil pour s'inspirer.
- Ton idée de séparation de paragraphes par des couleurs telle que sur la page
sociétale "demain" est intéressante. Je garderais l'idée mais je remplacerais par des couleurs harmonieuses (tout en gardant un contraste raisonnable pour la lecture évidemment).
Voilà, je n'ai malheureusement pas le temps de développer plus. Mais il y a des petites choses auxquelles tu devras faire attention.
- Modifier ton "title" et mettre un titre plus détaillé (autre que "Accueil"), qu'il soit expressif, accrocheur, aidant pour le référencement.
- Vérifier ce que ça donne sur différents supports (je n'ai vérifié que sur mon écran d'ordinateur 1366x768). Voir ce que ça donne sur tablette, téléphones portables, etc.
- Garder le site le plus léger possible en terme de poids. Pas de musique consommant du data inutile dès le départ. Si je le regarde sur mon gsm avec mon abonnement limité, je ne serais pas super content.
- Toujours en terme de poids et de code html/php lisible. Bien séparer le contenu du design en utilisant les styles CSS. Je vois dans ton code source de ta page que pas mal de styles sont incorporés dans ton code html/php. À éviter! Les styles dans un/des fichier(s) CSS séparé(s) sera plus optimal. Le fichier CSS est réutilisé efficacement avec la multiplication des pages. On gagne en poids et en lisibilité de code. Il permet de facilement créer la structure pour les différents supports également.
Ne te décourage pas avec mes commentaires, ils sont destinés à être constructifs (pas pour te démoraliser!) Continue dans ta lancée. Tu es sur la bonne voie, tu as déjà mis pas mal en place! Le site n'est pas raté comme tu l'indiques dans ton titre de post mais certains détails dans le projet doivent être remaniés selon moi, que ce soit en terme de cohérence, de structure, de design. D'un point de vue e-marketing, réfléchir également quel est ton public cible, qui veux-tu toucher, comment veux-tu aller chercher ton public cible, etc. En somme, un beau projet à dévelpper tout en gardant le fun en le faisant! Bonne continuation!