[RÉGLÉ] Pas satisfait du design global

[lafeuille]

Bonjour,

j'ai un souci avec un site que je suis en train de créer, je trouve que le visuel global ne fonctionne pas bien mais je n'arrive pas à trouver ce qui ne colle pas.

Pourriez-vous m'aider à sortir la tête du guidon ?

Merci d'avance.

Site de présentation de la Compagnie Paris Lyrique :
http://www.compagnieparislyrique.com/
Joomla 3.3
Template réalisé avec Template Creator
Extensions utilisées : Slideshow CK, Akkeba, JCE
Hébergeur OVH

[toffffe]

Re : Pas satisfait du design global

Salut
Il y a déjà une chose rigolote, les couleurs de ton logos et celles sur ton site sont totalement différentes.
La police de ton menu horizontal est peut être trop grosse non ?
Aujourd'hui les tendances design sont sur des design ouvert

Voila au premier coup d'oeil

[lafeuille]

Re : Pas satisfait du design global

les couleurs de ton logos et celles sur ton site sont totalement différentes

Tu as exactement identifié mon problème principal.

Le propriétaire du site voudrait garder ce logo (plaque rue parisienne, donc couleurs obligatoires) mais si je change l'affichage orienté rouge pour du bleu ou vert de cette plaque, tout devient triste à mon goût, comment faire ?

[toffffe]

Re : Pas satisfait du design global

Là tu viens de faire le changement et je trouve que c'est beaucoup mieux
Ton violet n'avais rien a faire dans l'histoire

[toffffe]

Re : Pas satisfait du design global

Il te reste encore le border rouge autour des photos des spéctacles

[lafeuille]

Re : Pas satisfait du design global

Il te reste encore le border rouge autour des photos des spéctacles

Merci pour l'info, j'avais zappé une feuille. sinon tu ne trouves pas qu'en dominante bleu, c'est un peu froid ?

[toffffe]

Re : Pas satisfait du design global

Et bien le logo est bleu alors tu n'as pas le choix, sinon il faut aller sur du blanc et des gris comme couleur neutre. Mais c'est beaucoup moins gênant que d'introduire une couleur qui vient de nul part

[lafeuille]

Re : Pas satisfait du design global

J'avais essayé des nuances de gris mais pour l'activité "spectacle enfants, opérettes..." je trouvais ça vraiment trop austère.

Je garde donc le bleu et et te remercie beaucoup toffffe, tes interventions me sont toujours d'un grande utilité.

Très bonne soirée à toi.

[JulienMacorigh]

Re : Pas satisfait du design global

Bonjour,

J'arrive après la bataille mais j'ai quand même une petite remarque : la photo de la Tour Eiffel est sympa (libre de droits ?), c'est dommage qu'elle soit coupée sur mon écran (1920x1080).
Je pense qu'il faudrait la retravailler pour qu'elle apparaisse soit à droite soit à gauche mais quelque soit l'écran (sauf quand ce dernier est trop étroit évidemment).
Pour le logo, j'aurais carrément enlevé le fond bleu et la bordure noire qui ne viennent qu'alourdir le visuel.

Pas grand chose à dire sinon, belle réalisation (atteniton à l'excès de bleu ?) avec un côté old school assumé sympa !

[lafeuille]

Re : Pas satisfait du design global

Dommage que tu sois arrivé "après la bataille" car tes propos sont excessivement justifiés. Reste que l'affichage de la Tour Eiffel est à priori techniquement impossible à maitriser, mais est-ce bien important ?

Sinon, merci pour les compliments, cela fait toujours plaisir...

[JulienMacorigh]

Re : Pas satisfait du design global

Pour l'avoir à droite et l'avoir visible sur le plus de largeurs d'écran possible il faudrait retoucher un poil la photo pour que la tour Eiffel commence tout à droite de l'image (ou à gauche) et changer le background-position-x pour l'avoir à right si la Tour Eiffel est collée à droite sur la nouvelle image (ou à left dans l'autre cas évidemment). Après en effet c'est selon la volonté ou pas de l'avoir ! Mais y'a tellement une forte identité assumée par le site que je trouve dommage de pas la voir.

Je vais quand même essayé d'apporter quelque chose sur le responsive. Et comme il y a un bon travail sur la présentation je vais parler performances.
Je pense que déjà la page est trop lourde pour un mobile : 3mo sur la page d'accueil. Il est possible de facilement perdre quelques kilos (en période avant les fêtes c'est même recommandé !) surtout avec les images. Pour ce qui est justement du fond de la Tour Eiffel, je pense que, passé sous les 768px de large, ce n'est plus la peine de le charger, une couleur prise dans le bleu du ciel devrait faire l'affaire, pour économiser 350ko.
Il faudrait voir aussi s'il n'est pas possible d'empêcher le diaporama à ne pas se déclencher sous les 768px. À vue de nez il doit y avoir 400ko de chargés. Généralement je remplace le diaporama par une image fixe sur mobile : ça permet de garder l'attrait d'une photo sans tout avoir à charger. D'une manière générale je pense que très peu de gens voient la 2ème image d'un diaporama donc une image fixe fait le boulot.
Après, pour tout ce qui est images dans les articles, qui est généralement plus dur à maîtriser (surtout si tu n'es pas le webmaster), j'ai pris l'habitude d'utiliser Adaptive Images : http://adaptive-images.com/ qui permet de redimensionner les images à la volée en fonction de la largeur de l'écran du visiteur (la configuration permet de choix des breakpoints) et gère un cache, pour éviter les opérations inutiles. Bien plus pratique donc que les adaptives images d'HTML.

Voilà !

[lafeuille]

Re : Pas satisfait du design global

Hello JulienMacorigh,

ton retour est super intéressant, je t'en remercie...

Pour ce qui concerne le fond d'écran Tour Eiffel, c'est à mon sens un gros casse-tête car il existe trop d'écrans, résolutions... impossible de satisfaire tout le monde. Pourtant je suis méga d'accord avec toi c'est bien dommage que tout le monde ne puisse pas la voir (j'en ai bavé pour la placer là où elle est...)

C'est sur le côté responsive que ton message m'intéresse le plus. J'ai cherché comment faire pour que le fond ne vienne pas s'afficher sur les mobiles pour accélérer le chargement mais le logiciel utilisé ne semble pas fournir l'option. Dès que j'aurai un moment je regarderai s'il y a un moyen d'aller coder la feuille manuellement. Si tu as des infos pour m'aider à mettre ça en place je suis tout à fait preneur.

Merci beaucoup.