Avis sur mon site/Comment vous le trouvez?

Bonjour,

J'ai créer un site sur le cinéma et séries TV et je voulais savoir ce que vous en pensez. Vous pourriez me dire ce qui va ou ce qui ne va pas sur l'ensemble du site? design? couleur? log? etc...

Actuellement j'ai très peu de visiteur, et de plus, j'ai remarqué que les visiteurs ne reviennent plus sur mon site ou il ne visitent qu'une page. Pour cette raison je me retourne vers vous pour voir comment faire et comment l'améliorer? L'adresse de mon site: http://www.cine-seriestv.tk

J'accepte tous les critiques.

Voila, et merci d'avance.
Modifié par david22 (22 Jun 2013 - 17:47)

Bonjour,

Le visuel est pas terrible, ça fait vieux site amateur. Tous les textes sont petits et écrasés, les couleurs pas accordée, le logo un texte avec un peu d'effet photoshop comme c'était à la mode en 1999, les images sont toutes déformées! Regarde un peu ce qui se fait sur la toile, et inspire toi. Commence avec quelque chose de simple.

Quant au code… on dirait un vieux code ayant fait la guerre dans lequel on a inséré quelques balises html5 pour faire genre:

– Code invalide, beaucoup de balises non refermées et vice-versa. C'est pourtant simple: http://validator.w3.org
– De vieilles balises qui n'ont plus rien à faire dans du html5 comme <center>
– Utilisations massive de <b> <i> là où <strong> et <em> sera plus adéquats.
– Utilisation de tableau totalement gratuite. Les tableaux de présentation d'une colonne ça m'a toujours fait marrer. Bon ok ça se faisait il y a 15 ans, mais bon.
– le title non rempli
– et plein d'autres choses.

kustolovic a écrit :
Bonjour,

Le visuel est pas terrible, ça fait vieux site amateur. Tous les textes sont petits et écrasés, les couleurs pas accordée, le logo un texte avec un peu d'effet photoshop comme c'était à la mode en 1999, les images sont toutes déformées! Regarde un peu ce qui se fait sur la toile, et inspire toi. Commence avec quelque chose de simple.

Quant au code… on dirait un vieux code ayant fait la guerre dans lequel on a inséré quelques balises html5 pour faire genre:

– Code invalide, beaucoup de balises non refermées et vice-versa. C'est pourtant simple: http://validator.w3.org
– De vieilles balises qui n'ont plus rien à faire dans du html5 comme &lt;center&gt;
– Utilisations massive de &lt;b&gt; &lt;i&gt; là où &lt;strong&gt; et &lt;em&gt; sera plus adéquats.
– Utilisation de tableau totalement gratuite. Les tableaux de présentation d'une colonne ça m'a toujours fait marrer. Bon ok ça se faisait il y a 15 ans, mais bon.
– le title non rempli
– et plein d'autres choses.

Donc faudra que je revoie mon design, le logo, et mon code.

Par contre il y a des choses que j'ai pas compris, tu pourrais me réexpliquer s'il te plait?
- Tous les textes sont petits et écrasés: tu veux dire qu'ils sont trop collés l'un l'autre?
- Utilisation de tableau totalement gratuite

Ensuite pour le title, c'est bizarre, parce que j'ai bien remplis, j'ai le code sous mes yeux

<title>Cinéma, séries TV, audiences - cine-seriestv, Le site de toute l'actu!</title>

Et puis, pour rajouter mes news, j'ai fais un formulaire: Et pour centrer quelque chose le <center>est le seul moyen. J'ai essayé avec <span style> mais ca n'a pas marché.
Et j'ai souvent besoin de mettre des mots en italiques ou en gras et là je ne voulais pas abuser avec strong et em.
A vrai dire il y a un moment ou j'ai pensé faire un truc comme sur ce site pour rajouter mes news: Mise en forme : gras italique etc... Mais le problème ce que je ne sais pas du tout comment faire.

Pour les images déformées, j'aurai besoin d'une aide. Parce que j'ai mis sur mon code que le hauteur et largeur je veux 100px (page d'accueil). et j'ai rajouté un champ dans mon formulaire pour inscrire l'url de l'image. Et je ne trouve aucun moyen de corriger cette erreur...
voici mon code page d'accueil

	  <img  src="<?php echo  $data['url']; ?>" alt="image de news" style="float: left;" width="100" height="100" />  &nbsp;

Pour le logo j'y travaille mais je suis nul... J'essaye de creer avec gif mais il ne propose pas des choses intéressantes.

Voila et merci d'avance,
Modifié par david22 (22 Jun 2013 - 20:47)

david22 a écrit :

Par contre il y a des choses que j'ai pas compris, tu pourrais me réexpliquer s'il te plait?
- Tous les textes sont petits et écrasés: tu veux dire qu'ils sont trop collés l'un l'autre?
- Utilisation de tableau totalement gratuite

Pourr le texte je m'était arrêté sur les deux premiers paragraphes bien mis en évidence mais écrits tout petit: soit tu le met plus grand et tu l'assumes, soit tu ne les considère pas importnant et tu les place ailleurs. Au passage ne pas supporter IE9 ça tient de la mauvaise volonté
Pour les tableuax, dans tes colonnes à droite, tu utilises des tableaux qui ne servent à rien du tout (une seule colonne).

david22 a écrit :
Ensuite pour le title, c'est bizarre, parce que j'ai bien remplis, j'ai le code sous mes yeux

Que sur la page d'accueil

david22 a écrit :
Et puis, pour rajouter mes news, j'ai fais un formulaire: Et pour centrer quelque chose le &lt;center&gt;est le seul moyen. J'ai essayé avec &lt;span style&gt; mais ca n'a pas marché.

Je t'assures que les CSS fonctionnent très bien. tu mets une classe qui va bien et hop le tour est joué.

david22 a écrit :
Et j'ai souvent besoin de mettre des mots en italiques ou en gras et là je ne voulais pas abuser avec strong et em.

Ce ne serait pas abuser, au contraire.

david22 a écrit :
A vrai dire il y a un moment ou j'ai pensé faire un truc comme sur ce site pour rajouter mes news: Mise en forme : gras italique etc... Mais le problème ce que je ne sais pas du tout comment faire.

Ce n'est pourtant pas les éditeurs wysiwyg (éditeur "graphique") qui manquent: renseigne-toi sur ckeditor, tinymce, aloha, etc. tu trouveras plein de ressources pour apprendre à les intégrer facilement.

david22 a écrit :
Pour les images déformées, j'aurai besoin d'une aide. Parce que j'ai mis sur mon code que le hauteur et largeur je veux 100px (page d'accueil). et j'ai rajouté un champ dans mon formulaire pour inscrire l'url de l'image. Et je ne trouve aucun moyen de corriger cette erreur...

Alors si tu mets des images à 100 sur 100 alors envoie des images qui font 100 sur 100. Sinon tu fais des scripts serveur qui te redimensionne et recadre tes images (mais c'est vite pas mal de boulot).

Sinon face à tout ces problèmes, je me demande pourquoi tu n'utilises pas de CMS? (wordpress, drupal, joomla, etc.)? Au vu de ton site, ça rentre 100% dans les standards d'un CMS. Tu ne le fais pas par exercice?

kustolovic a écrit :

Pourr le texte je m'était arrêté sur les deux premiers paragraphes bien mis en évidence mais écrits tout petit: soit tu le met plus grand et tu l'assumes, soit tu ne les considère pas importnant et tu les place ailleurs. Au passage ne pas supporter IE9 ça tient de la mauvaise volonté
Pour les tableuax, dans tes colonnes à droite, tu utilises des tableaux qui ne servent à rien du tout (une seule colonne).

Pour les textes, je vais mettre en plus gros. Mais en faite, les 2 premières paragraphes sert comme une introduction. C'est pour ca que j'avais mis en plus petit. Mais c'est vrai, je vais le mettre en plus gros. IE9 marche bien, mais j'avais fais une erreur de codage, c'est pour ca que j'ai mis pour tous les versions. Mais c'est corrigé, je vais mettre les versions antérieur le temps que je corrige tout!
Pour les tableaux j'avais l'idée de mettre uniquement les titres des news c'est pour ca que j'ai mis une seule colonne. Tu me conseillerai quoi pour ca?

Pour le title je vais revoir...

kustolovic a écrit :

Je t'assures que les CSS fonctionnent très bien. tu mets une classe qui va bien et hop le tour est joué.
Ce ne serait pas abuser, au contraire.</quote>
Dans ce cas j'ai dû faire une erreur. et je vais corriger, je vais mettre en strong et em.

[quote=kustolovic]
Ce n'est pourtant pas les éditeurs wysiwyg (éditeur &quot;graphique&quot;) qui manquent: renseigne-toi sur ckeditor, tinymce, aloha, etc. tu trouveras plein de ressources pour apprendre à les intégrer facilement.</quote>
J'ai déjà utilisé ces éditeurs mais j'ai pas trouvé comment faire. Je vais recommencer.

[quote=kustolovic]
Alors si tu mets des images à 100 sur 100 alors envoie des images qui font 100 sur 100. Sinon tu fais des scripts serveur qui te redimensionne et recadre tes images (mais c'est vite pas mal de boulot).

Sinon face à tout ces problèmes, je me demande pourquoi tu n'utilises pas de CMS? (wordpress, drupal, joomla, etc.)? Au vu de ton site, ça rentre 100% dans les standards d'un CMS. Tu ne le fais pas par exercice?

Pour les images, le problème chez moi, c'est que je met des images en plus petit sur la page d'accueil, et le même image en plus grand sur la page du news correspondant. Donc je redimensionne mes images en fonction de l'image qui doit être sur la page du news. Et je ne sais pas comment faire pour faire en sorte, que les images ne soient pas déformées. Et je veux si possible que mes images soit redimensionné automatiquement. c'est possible de faire ca?
pour les CMS, j'ai déjà essayé d'utiliser mais j'ai rien compris...

pour le logo, j'ai fais quelque chose d'autres mais je ne sais pas si ca va ou pas.
Qu'est-ce que tu en pense?

Merci d'avance,

Bonjour David,

Je viens de t'envoyer un message privé concernant ton site.

À plus tard!

Pas terrible ^^

Hermann a écrit :
Pas terrible ^^

Quoi? le site ou le logo?

david22 a écrit :


Quoi? le site ou le logo?

Les deux. Même remarques de Kustolovic.
Avant de t'attaquer au code, je te conseil de moderniser ton design et de t'inspirer de ce qui se fait actuellement en matière de webdesign.
Modifié par Hermann (24 Jun 2013 - 17:31)

Hermann a écrit :


Les deux. Même remarques de Kustolovic.
Avant de t'attaquer au code, je te conseil de moderniser ton design et de t'inspirer de ce qui se fait actuellement en matière de webdesign.

J'ai commencé... Je suis entrain de voir tout ça...

salut,

Désolé mais je confirme, ton site ne donne pas envie de s'y attarder, on croirai un site sans css...

Dommage car le contenu est là, te reste à refaire la peinture...

salut,

ok merci pour ton message. Je vais m'occuper du design, le plus important c'est ca...

Pour le logo, celui-ci, comment tu le trouve?



Merci d'avance
Modifié par david22 (25 Jun 2013 - 00:11)

Le noir en fond donne un attrait et une "ambiance" ciné que le blanc n'a pas.
Mais il y a un surenchère d'effets, surtout l'incrustation de texture sur le texte qui n'est pas vraiment nécessaire. Contente toi de l'essentiel, on y gagne souvent à rester simple.
Avant de rentrer dans la phase de créa, tu dois toujours commencer par réfléchir aux objectif et ce que tu veux transmettre à travers le logo (le logo actuel fait par exemple penser à des séries et des films uniquement axés sur le fantastique et la ScFi). L'image du logo soit simplement refléter le contenu du site, l'état d'esprit général...

Hermann a écrit :
Le noir en fond donne un attrait et une &quot;ambiance&quot; ciné que le blanc n'a pas.
Mais il y a un surenchère d'effets, surtout l'incrustation de texture sur le texte qui n'est pas vraiment nécessaire. Contente toi de l'essentiel, on y gagne souvent à rester simple.
Avant de rentrer dans la phase de créa, tu dois toujours commencer par réfléchir aux objectif et ce que tu veux transmettre à travers le logo (le logo actuel fait par exemple penser à des séries et des films uniquement axés sur le fantastique et la ScFi). L'image du logo soit simplement refléter le contenu du site, l'état d'esprit général...

Ok, merci alors pour tout ces explications. Je vais recommencer en tenant compte de tes explications...

Merci,

Bonjour,

D'abord réfléchir à vos besoins, votre positionnement par rapport à la concurrence… et sur vos réelles compétences. Prendre conscience de ses lacunes est indispensable dans toute démarche.

Une formation artistique/graphique ne serait pas du luxe, le problème c'est que tout le monde n'est pas fait pour. Il faut un minimum de talent, et s'intéresser réellement. Le design n'est pas votre truc, c'est évident. Ce que vous nous avez montré laisse planer un gros doute sur vos aptitudes conceptuelles et graphiques, même en travaillant. C'était le néant conceptuel, graphique, artistique, éditorial… sans parler des contenus de type AFP. Quel intérêt ? Quelle valeur ajoutée avait ce site ?
Les erreurs grossières dans la mise en page ultra pauvre et bâclée, les images toutes déformées… c'est rédhibitoire pour la plupart des internautes.
N'hésitez pas à utiliser une template existante (à personnaliser un peu) si le design n'est pas votre truc.

Votre essai de logo n'est pas concluent. Il n'y a rien, juste des bidouilles photoshop sans intérêt. Un logo doit véhiculer un message de façon graphique et moderne. Votre essai est aussi kitsch que dénué de toute signification. Rien que ça, ça flingue tout. Et pourquoi le fond noir ? Les magazines de cinéma sont imprimés sur fond noir ?

Bref, oubliez le code et les CSS pendant un moment, et intéressez-vous aux arts graphiques. Ils vous manque les bases. Il faut affiner votre perception, sans cela il ne sortira rien de bon. Et si vous n'y arrivez pas, faites vous assister. On ne s'improvise pas designer avec des tutoriels sur le web.

Et quand vous tiendrez votre site, si vous n'utilisez pas une template existante (ce qui peut être la solution), faite les sur le papier, puis dans photoshop. C'est le process classique. Vous avez tout codé et seulement après vous vous êtes posé la question du fond et du design. C'est placer la charrue avant les bœufs.