Aide améliorer design site web

Aide améliorer design site web - Web design - Graphisme

Marsh Posté le 07-06-2007 à 15:36:00    

Avis aux webdesigner!
 
Bonjour à tous.
 
Je souhaite avoir un coup de main pour améloirer le design de ce site web http://perso.orange.fr/ententemusicale/.
 
J'ai essayer beaucoup de choses mais je ne suis pas très inspiré.
 
Je recherche soit des éléments graphiques, soit une mise en page différente ou tout autre chose qui pourrrais mettre en valeur le site.
 
C'est un site pour une harmonie. Leurs couleurs sont le jaune et le noir. Ce site s'addresse aux personnes de l'harmonie et sera leur vitrine sur le web.
 
Il souhaite voir apparaitre leur logo qui a été réaliser par un infographiste.
 
J'utilise la mise en page css dont voici la rédaction:

Code :
  1. body {
  2. margin: 0px;
  3. padding: 0px;
  4. text-align: center;
  5. background: #FEF200;
  6. }
  7. h1 {
  8. font: italic 1em Trebuchet MS, times, serif;
  9. color: #000;
  10. border: solid 1px #2C2C2C;
  11. background: #FEF200;
  12. text-align: right;
  13. padding-right: 1em;
  14. }
  15. h2 {
  16. font: italic 0.9em 'arial', times, serif;
  17. color: 2c2c27;
  18. text-align: center;
  19. text-decoration: underline;
  20. }
  21. p {
  22. text-indent: 1em;
  23. text-align: justify;
  24. font: normal 0.8em 'arial', times, serif;
  25. color: #2C2C27;
  26. margin: 0 0 1em 0;
  27. }
  28. a {
  29. font: normal 0.8em Trebuchet MS, Arial, sans-serif;
  30. color: 2c2c27;
  31. margin-left: 100px;
  32. text-decoration: none;
  33. }
  34. a:hover {
  35. background: #FEF200;
  36. }
  37. .gras {
  38. font: bold 0.8em 'arial', times, serif;
  39. color: #2C2C27;
  40. }
  41. .italic {
  42. font: italic 1em 'arial', times, serif;
  43. color: #2C2C27;
  44. }
  45. .center {
  46. text-indent: 100px;
  47. }
  48. #global {
  49. margin: auto;
  50. padding: 5px;
  51. width: 760px;
  52. text-align: left;
  53. border: solid 10px #000;
  54. border-top: 0;
  55. background: url(img/bg.gif) repeat #fff;
  56. }
  57. #en-tete {
  58. width: 760px;
  59. height: 400px;
  60. background: url(img/em_logo.png) no-repeat #fff;
  61. margin: 0 0 5px 0;
  62. }
  63. #menu {
  64. text-align: center;
  65. }
  66. #menu li {
  67. display: inline;
  68. margin: 1px;
  69. }
  70. #menu li a {
  71. margin: 0;
  72. padding: 0px 15px;
  73. border: solid 1px #7D775C;
  74. color: #000;
  75. font: italic 0.8em Trebuchet MS, Arial, sans-serif;
  76. text-align: center;
  77. text-decoration: none;
  78. }
  79. #menu li a:hover {
  80. background: #FEF200;
  81. }


 
Merci par avance.

Reply

Marsh Posté le 07-06-2007 à 15:36:00   

Reply

Marsh Posté le 07-06-2007 à 15:37:41    

Et t'attends quoi de nous ? qu'on bosse pour toi ?


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 07-06-2007 à 16:35:31    

[:genghis77]  c'est ..... jaune  :heink:


---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 07-06-2007 à 16:44:47    

Donnez moi des conseils et si quelqu'un veut travailler dessus je serais content.


Message édité par Florent115 le 07-06-2007 à 16:46:53
Reply

Marsh Posté le 07-06-2007 à 16:50:12    

aahhhhh mes yeuxxxxxx le jaune NNNNNNNooooooooooonnnnnnnnnnnnnn!

Reply

Marsh Posté le 07-06-2007 à 16:50:57    

euh moi la j'ai le css et le php a buller pour mon wordpress désolé
sinon l'aspect de la premiere page est pas trop mal (mis a part la couleur un peu trop flashy a mon gout) c'est dynamique


---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 07-06-2007 à 16:53:07    

Faut virer le fond jaune alors?

Reply

Marsh Posté le 07-06-2007 à 16:56:02    

ah ouais tiens pas une mauvaise idée, je verrais bien un fond gris avec un chtit tramé en diagonale par exemple


---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 07-06-2007 à 17:26:46    

Voila ce que ca donne avec le tramé en diagonale:
http://perso.orange.fr/ententemusicale/
 
Votre avis?


Message édité par Florent115 le 07-06-2007 à 17:27:27
Reply

Marsh Posté le 07-06-2007 à 17:43:51    

j'aime pas trop la texture en arrière plan dans le site


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 07-06-2007 à 17:43:51   

Reply

Marsh Posté le 07-06-2007 à 17:52:23    

moi j'avais plus pensé a un tramé de ce type
http://accel17.mettre-put-idata.over-blog.com/0/44/51/82/fond.jpg


---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 07-06-2007 à 18:25:04    

j'aime pas trop mais c'est dja mieux mais si tu veux inspire toi de ca http://www.collectifjauneorange.net/ ;)

Reply

Marsh Posté le 07-06-2007 à 19:24:13    

Ca donne ca genghis77: http://perso.orange.fr/ententemusicale/
 
Merci.

Reply

Marsh Posté le 07-06-2007 à 20:16:11    

ouais pas trop mal ...

Reply

Marsh Posté le 07-06-2007 à 21:06:05    

Qu'est-ce que vous pensez du logo, du menu et du titre? (Trop gros,  
 
mal placé, la typo, etc... ?)
 
 
 

Reply

Marsh Posté le 07-06-2007 à 21:21:27    

J'aime bien ton idée mais je vois pas trop au niveau codage css  
 
comment je peux faire? Il faut que le logo reste à cheval entre le fond et  
 
le container quelque soit la résolution de l'écran du visiteur.


Message édité par Florent115 le 07-06-2007 à 21:21:46
Reply

Marsh Posté le 07-06-2007 à 21:30:02    

Citation :

Qu'est-ce que vous pensez du logo


 
Mal fait (on à le droit d'en parler ?)
La forme est pas bête mais mettre le texte dedans...
Déformé le texte en plus... non non non.
 
J'aurais fait moins carré comme site, pas besoin de s'enfermer dans une colonne blanche, si c'est un site de présentation il faut un minimum d'originalité pour intéresser le visiteur lambda. trop peu d'élément graphique, manque de photos, de phrases courtes, enfin il manque ce qui accroche l'oeil et titille l'intérêt.
 
J'ai comme une impression d'ennuis, je vois un gros logo je prends 5sec a voir des formes rappelant la musique, et péniblement je me dis "ho zut va falloir que je me tape le texte trop large trop fin sans aucune structure qui est dessous pour savoir de quoi il s'agit"...
 
Tu vois à peu près ?
Si ton design n'a aucun intérêt en soit, aucune info à transmettre, personne ne va s'intéresser au contenu à lire.


---------------
Studio CréeAll
Reply

Marsh Posté le 07-06-2007 à 21:38:43    

Malheureusement c'est pas moi qui est fait le logo. L'association voudrais que je le garde.  
 
Je suis entièrement d'accord sur le fait que le site est un peu carré. En plus le logo est plutôt assez rond.
 
J'aurais bien vu un petit post-it pour mettre des dates de concerts mais  je suis pas assez doué sous photoshop.
 
Merci des conseils

Reply

Marsh Posté le 07-06-2007 à 21:42:13    

ah ouais le coup du post-it hyper bonne idee !!!


Message édité par leserigraphe le 07-06-2007 à 21:48:39
Reply

Marsh Posté le 07-06-2007 à 23:01:28    

Voila ce que ca donne avec le post-it:  
http://perso.orange.fr/ententemusicale/
 
Est-t-il bien placé?
 
Je sais pas trop quoi faire avec le logo!?!


Message édité par Florent115 le 07-06-2007 à 23:03:01
Reply

Marsh Posté le 07-06-2007 à 23:54:51    

ouie il est pas beau ton post-it
 
fais plus dans ce style la http://forum.geizhals.at/files/97038/postit.jpg ;)

Reply

Marsh Posté le 08-06-2007 à 01:21:31    

Ben en faites c'est pas en mettant des bouts des scotchs que tu vas t'en sortir puisque tout est à revoir :/
Comme l'a dit Lactique, la mise en page ne va pas du tout. Le zoning est catastrophique. Faire un site de contenu avec le texte qui commence à plus de 50% du haut de l'écran c'est pas génial. (et j'ai 1024px de haut, j'essaie même pas sur mon 900px)

 

Pour commencer, tu ne dois pas dépasser plus de 66 caractères par ligne si tu veux que ça soit lisible ...

 

Donc la couleur de fond, pour l'instant c'est le dernier de tes soucis. Le probléme ici n'est pas photoshop, mais plutot tes connaissances en mise en page. Essaie peut être de trouver des ressources là dessus.


Message édité par Zedlefou le 08-06-2007 à 01:22:47

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 08-06-2007 à 01:28:41    

http://www.ajblog.fr/index.php/que [...] -les-bases
 
vous me direz ce que vous en pensez mais je trouve les explications pas mal du tout


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 08-06-2007 à 09:00:28    

On a déjà vu bien pire comme site alors garde ça.
Tache de faire 2 colonnes de texte à la place d'une seule, intègre une petite photo dans chaque paragraphe pour aérer et attirer l'oeil et ça ira bien.

 

On peut causer 2 ans à ce rythme, et encore on ne parle que d'une seul page qu'on imagine statique, j'ose pas imaginer comment ça va être dynamique tout ça...

 

Pour faire un site il faut savoir ce qu'on veut dire. avoir le plan, les idées phares, les grandes lignes et les données plus discrettes. C'est ce qu'il manque ici, sans quoi tu n'aurais aucun probleme a décomposer ce tas de phrases en petits paragraphes bien construits, séparés, titrés et encore plus d'idées d'illustrations à intégrer.
Le design c'est pas de la magie, c'est de la logique et de la mêthode. Quand on à ça c'est bon, on peut partir dans des délires.


Message édité par Lactique le 08-06-2007 à 09:05:55

---------------
Studio CréeAll
Reply

Marsh Posté le 08-06-2007 à 22:53:00    

je trouve qu'il est pas trop mal , assez égale au autres sites du mm style...
 
parcontre retravaille le post it ;)

Reply

Marsh Posté le 10-06-2007 à 14:33:33    

Je continue à travailler. Je souhaite que ce soit le mieux possible.
 
Merci pour les conseils et les critiques.
 

Reply

Marsh Posté le 11-06-2007 à 09:44:00    

Je suis arriver à ca http://perso.orange.fr/ententemusicale/.
 
C'est pas encore définitif.
 
Votre avis svp?


Message édité par Florent115 le 11-06-2007 à 09:44:56
Reply

Marsh Posté le 11-06-2007 à 09:55:06    

le texte trop gros a mon avis. sinon c'est pas mal, moi j'aime beaucoup le logo :)


---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 11-06-2007 à 11:03:29    

parcontre l'entente musicale vous souahite ?????

Reply

Marsh Posté le 11-06-2007 à 11:18:40    

:lol:


---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 11-06-2007 à 11:20:38    

J'ai une question.
 
Ma div global fait 1000px en largeur. Pensez-vous que je devrais réduire  
 
pour les gens qui ont une résolution de 800*600?

Reply

Marsh Posté le 11-06-2007 à 11:22:20    

qui sont ces gens ?
 
 
[] <--- déjà loin


---------------
Studio CréeAll
Reply

Marsh Posté le 11-06-2007 à 11:29:50    

C'est vrai que c'est des bléreaux!
 
Je laisse comme ça alors.

Reply

Marsh Posté le 11-06-2007 à 11:34:12    

Je suis sur l'ordi de ma mère la, qui a une réso de 1024. Et le site, bien que sympa, apparait un peu grossier, manquant de finesse. C'est surtout la taille du texte qui donne cette impression


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
Reply

Marsh Posté le 11-06-2007 à 11:42:00    

Florent115 a écrit :

J'ai une question.
 
Ma div global fait 1000px en largeur. Pensez-vous que je devrais réduire  
 
pour les gens qui ont une résolution de 800*600?


ca existe encore ca des personnes en 800*600  :D


---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 11-06-2007 à 12:02:13    

je c pas les grphiste avec des mac book a ecran de 13" ils sont a combien de résolution ?

Reply

Marsh Posté le 11-06-2007 à 12:03:38    

au moins 1280 voir 1440


Message édité par genghis77 le 11-06-2007 à 12:03:48

---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment
Reply

Marsh Posté le 11-06-2007 à 12:14:36    

J'ai rédui ma div à 760px et  j'ai rédui lègerement la taille du texte.
 
http://perso.orange.fr/ententemusicale/

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed