Site web : coup de jeune

38 contributions / 0 nouveau(x)
Dernière contribution
DiDaT
Site web : coup de jeune

Lors de l'AG, nous avions évoqué le fait de donner un petit coup de rajeunissement et de modernisation au site > le rendre plus attrayant et plus visuel
J'ouvre ainsi la discution pour que chacun puisse évoquer leurs points de vue et proposer leurs idées !

_______________________________________________________________
J'ai commencé à y réfléchir de mon coté, du coup je voulais vous proposer quelques idées.
Tout d'abord voici une illustration du design global que je vous propose (c'est dans les tons beiges pour rapeler l'ambiance un peu désertique dans lequel vie le chacal, mais biensur, ca peut changer pour une ambiance plus verte, rouge ou bleue)
En cliquant dessus vous devriez voir l'image en plus grand, sinon allez sur ce lien : https://zupimages.net/up/18/25/yur7.jpg

Pour moi c'est un peu tristounet : j'aim bien le bleu du fond qui fait dessin animé, mais j'adhère moins aux couleurs fades de l'avant plan. Ok, un chacal c'est marron, ça vit dans le désert, mais bon...

Je pense qu'il faut que le thème fasse penser à la BD.

tout a fait, le dessin est juste un schema ici rapide, mais oui il faudrait que ce soit un fond dessiné qui rappel la bd :)

1/ L'entête

L'idée serai d'avoir un paysage dessiné (pourquoi pas désertique, prairie avec colline, ou un mélange de plusieurs milieux) qui ferai toute la largeur
Au milieu on retrouve le titre du site + un chacal à gauche (j'imaginais ce chacal qui changerait en fonction soit de l'ouverture du site, soit quand on change d'onglet pas sûr que ce soit faisable ça, à vérifier) Le chacal serait dessiné par plusieurs d'entre nous. je pense que ce serait bien de changer tout le logo y compris le nom de l'asso pour un truc plus moderne (Nicodren aura peut être des idées ?) 

changer aussi le nom chacalprod ?


pareil en fonction de l'année on peut thématiser le chacal : chacal de noel / de paque yep, on la fait à un moment et c'était cool
Enfin, en haut à droite je remplacerai  les textes "mon compte, message, se deconnecter" par des icones qui signifient la meme chose :D c'est plus visuel à voir si c'est faisable mais oui ce serait bien normalement ca l'est vu qu il s'agit de remplacer un texte par un code image :)

Le menu je proposerai donc : ACCUEIL / ASSOCIATION / AUTEURS / EDITIONS / PROJET / FORUM / FESTIVAL / AUTRE oui certains menus ne servent à rien aujourd'hui
Accueil : nous ramène sur la page de base
Association : Un page de présentation de l'asso comme c'est le cas aujourd'hui
Auteur/editions/projet/forum : pareil sauf en terme de design ^^
Festival : on verait l'année complète en entière sur une page avec les différents festivals, cela permettra aussi de faire apparaitre le stock, savoir qui l'a et qui devra le récupérer :D un beau suivi comme demandé à l'AG oui, ce serait bien. A voir par contre si on fait apparaître en public qui a le stock.
Autre : on pourra y mettre toutes les autres chose : dons à des assos, ateliers, tutos, vidéos, etc... à condition qu'on y mette qqchose ;)

2/ Le corps

On retrouve un peu les infos que l'on a actuellement
1 l'actualité : toujours présent, ya juste le texte "actualité" qui ne serait plus là car il apporte pas grand chose ok
2 L'article est un peu remodelé, certains texte sont remplacés par des icones > plus visuel si possible, ok
3 La zone "forum non lu" serait déplacé dans la colonne de gauche si possible, ok

si on veut faire plus moderne, il faut la faire "scrolling facebook", c'est à dire sans pagination. On descend avec la souris et c'est tout, pas besoin de changer de page. On est obliger de mettre des pages au bout sinon serai sans fin non ? Ou alors faut que ca caharge que si on arrive en bas des 5 premiers articles par exemple. La c'est plus le codage qui nous limitera ahah

on pourrait aussi imaginer que les flux instagram de notre compte et les flux facebook de notre compte soient redirigés comme les flux des blogs actuels (bon pour la faisablité j'ai des gros doutes en drupal 7).

3/ La colonne de gauche

Retravaillé en terme de design
1 On commence par la partie connection qui serait le premier encart, et qui se transforme une fois connecté en "utilisateurs connectés" comme c'est actuellement ça set à quelquechose actuellement, sachant que le tchat est désactivé ?
   Pourquoi pas y rajouter aussi des liens par les réseaux sociaux de l'asso oui, le mail de l'asso n'est pas assez mis en évidence (attention aux robots par contre)
   Quand un utilisateurs est connecté, au lieu de voir son nom écrit comme c'est aujourd'hui, on pourrait mettre l'avatar
2 On trouve ensuite la partie "forum non lu" avec le strict minimum : titre de la discution + pages  et a droite le dernier qui a commenté (mais pas de texte, juste l'avatar) si possible, ok
3 On trouve ensuite la partie "commentaire récent" sur la meme base que le précédent, mais il y aurai juste le titre de l'article en question et l'avatar de la personne qui a dernièrement commenté si possible, ok
4 Ensuite on peut aussi en mettre des nouveaux, libre recours à votre imagination : par exemple ici ca ferai apparaitre la dernière photo instagram de la page chacalprod là-dessus, je ne sais pas ce qu'on peut faire en drupal 7...
5 Le dernier topic c'est celui des derniers inscrits : avatar +  nom oui

4/ Le pied

On garde la meme chose qu'avant ^^

_______________________________________________________________________________________________________
Ensuite j'ai commencé à potasser les autres topic sous ce design

1/ Quand on clique sur l'article
     on obtiendrait le visuel suivant :



On retrouve les boutons d'origine
j'ai pas eu le temps de repenser un peu le design des commentaire, étant lié au forum.


2/ Le design des pages AUTEUR / EDITIONS / PROJET

Ils peuvent avoir la même base : le côté photo est sympa, j'adhère, à voir si c'est faisable



Ici c'ets le cas de la page des auteurs, pour la page éditions ca peut être la même chose mais avec que 4 vignettes sur une ligne et en plus grand et au format plutot d'une feuille
Pareil pour la page projet :D


Voila
C'était une première proposition, qu'en pensez-vous ?
Cela me semble fesable, j'ai essayé de rester sur quelque chose d'assez simple visuellement, mais je pense aussi en terme de codage (un bien grand mot xD) ( euh.. ça me rappelle mes clients : "ça n'a pas l'air compliqué" :) ) 

Vous pouvez vous aussi proposer
Il y a un site pas mal avec des thème "Drupal" ici : https://themeforest.net/search/drupal

Généralement ils sont payants ^^  mais ca peut donner des idées !

mon avis "d'informaticien" qui connaît peu Drupal pour le moment, Raphaël pourra confirmer (ou non). Drupal fonctionne avec des modules : si le module ne prévoit pas la conf que tu souhaites, il va falloir bidouiller le code. La solution la plus simple serait peut être de trouver un thème adapté à ce qu'on veut, il y en a beaucoup sur le site de Drupal qui sont gratuits, ça peut valoir le coup d'en tester quelques-uns :https://www.drupal.org/project/project_theme (attention choisir drupal 7.x). Je pense qu'il faut miser sur des modifications légères pour rajeunir le site, et prévoir à côté la refonte en drupal 8, qui devrait offrir plus de fonctionnalités.
 

Bob B.
merci Cédric pour cette étude

merci Cédric pour cette étude, mes commentaires en vert

je vais regarder la faisabilité de certaines demandes

@JC : on se partage le boulot ?

SkinR
Tant que j'ai des specs et

Tant que j'ai des specs et que ça prend pas des nuits entieres, ok ! ^^

 

Il faut que je relise tout ça deux ou trois fois et que je prenne un peu de café ...

DiDaT
J'ai repondu a tes

J'ai repondu a tes commentaires dans le post ahahah inception ! 

Sinon j ai regarder un peu ton lien drupal et j'ai trouver des themes qui s'en rapproche un peu de ce style :

https://www.drupal.org/project/pixture

https://www.drupal.org/project/responsive_blog_theme (celui la peut etre vraiment bien ! A ca s'integrerai bien avec un aspect bd)

 

D'autres themes aussi que j'ai trouvé interessant :

https://www.drupal.org/project/urbansolice

https://www.drupal.org/project/yellowed

https://www.drupal.org/project/dan

https://www.drupal.org/project/sandium

Grapho
Plein de bonnes idées là

Plein de bonnes idées là dedans !

Pour répondre à Nicolas, oui, il vaut mieux éviter de bidouiller dans le code pour obtenir une fonction, car elle risque de sauter à chaque mise à jour et devra être réécrite. Ça peut être lourd.

Du coup, ce serait l'occasion de passer en Drupal 8, non ? Il faudrait voir comment récupérer les données du 7 pour les réintégrer dans le 8, mais je pense que concernant les articles et le forum, ça ne devrait pas poser de souci. de plus, a majorité des images sont externes, donc pas de souci de liens cassés non plus ...

DiDaT
Je veux pas dire, mais c'est

Je veux pas dire, mais c'est exitant de voir le site se transformer petit a petit ! 

chapeau a celui qui est entrain de programmer la transformation du site ^^

Bob B.
(sans sujet)

smiley

philippe gorgeot
Oui ! C'est bien chouette !

Oui ! C'est bien chouette ! Un grand merci M'sieur SkinR et Ms'ieur Bob !

SkinR
Merci M'sieur Bob suffira ...

Merci M'sieur Bob suffira ...

Bob B.
hello,

hello,

je fais des tests sur le site de manière empirique, avec des thèmes ou des arrangements de "blocs", n'hésitez pas à faire des commentaires sur ce que vous aimez ou non

@JC : si tu attends des specs, tu risques d'attendre longtemps :) Si un sujet te motive, on se tient juste au courant...

SkinR
@JC : si tu attends des specs

@JC : si tu attends des specs, tu risques d'attendre longtemps

ça me rappelle le boulot ! ;oD

philippe gorgeot
J'aimais bien avec le lien

J'aimais bien avec le lien instagram sur la colonne de droite. En tous les cas, c'est agréable de découvrir ces innovations ! 

Grapho
C'est vachement sympa l

C'est vachement sympa l'avatar de l'auteur de l'article à droite du titre !

philippe gorgeot
L'arrière plan des

L'arrière plan des "commentaires" estmarron lorsque l'on écrit. C'est normal ou c'est moi ? Quand on publie il redevient blanc.

Est-ce que les bannières de l'accueil ne fonctionneraient pas mieux en étant centrées ? Sinon j'aime bien la tonalité générale cool   

Bob B.
hello

hello

pour les couleurs ce sera paramétrable. idem, on pourra avoir un fond perso sur la bannière

pour le centrage, le thème ne gère pas ça, je crains d'avoir à le forcer manuellement (par code, quoi)

je pense que je vais tester d'autres thèmes car il y a des choses intéressantes dans chaque, mais j'avoue que ce que Grapho a mis en évidence me plaît également, et ce thème (de son petit nom "Mayo") a l'air très flexible

je n'observe pas le problème que tu évoques

philippe gorgeot
OK ! Pour la couleur d

OK ! Pour la couleur d'arrière-plan, c'est la même que celles des marges. Elle est définie en automatique et je n'arrive pas à la modifier...

SkinR
Pfoui !

Pfoui !

des couleurs qui sentent bon le débug, mais ça pique les yeux ...

Ah non, une charte FF0000 FFFFFF 0000FF c'est pour le match de la finale !! des fois je suis lourd ...

Bob B.
yeah ! ça pique mais c'est

yeah ! ça pique mais c'est bon !

philippe gorgeot
(sans sujet)

cheeky

Isangeles
Je me demandais pourquoi le

Je me demandais pourquoi le forum était aux couleurs du Chili... J'ai pensé : super personnalisation ! Je me demande la page de Philippe est aux couleurs normande ?

Bête je suis...

DiDaT
Ah bah le site avance bien,

Ah bah le site avance bien, pas trop compliqué ?

 

Bob B.
ça se fait...

ça se fait...

philippe gorgeot
J'aime vraiment beaucoup "l

J'aime vraiment beaucoup "l'habillage" d'aujourd'hui !

philippe gorgeot
Je trouve qu'il est un peu

Je trouve qu'il est un peu dommage qu'actuellement les commentaires site et forum, ainsi que l'instagram et le facebook se trouve carrément tout en bas de la page. Idem pour s'inscrire ou se connecter. Y-a-t-il moyen de revenir avec quelque chose comme auparavant qui les annonçait sur le côté et en colonne ?

Bob B.
Tu es sur tablette ou

Tu es sur tablette ou smartphone ?

philippe gorgeot
Je suis sur un ordinateur...

Je suis sur un ordinateur... :)

Bob B.
c'est un mini écran alors 

c'est un mini écran alors smiley

SkinR
ça le fait sur mon smartphone

ça le fait sur mon smartphone

et aussi sur mon ordi portable 14"

sur mon ecran 27" c'est impeccable

Bob B.
Pour smartphone c'est

Pour smartphone c'est volontaire, sinon ça devient illisible

En fait ça dépend de la résolution d'écran, sur tablette 10' en paysage, c'est bon.

j'ai modifié un peu la conf, la barre de gauche devrait être visible sur le 14' et celui de Philippe, enfin j'espère ;)

DiDaT
Revenu des vacances ! je vais

Revenu des vacances ! je vais pouvoir commencer a toucher le site ^^
j'espere ne rien casser XD

Netzou 2.0
C est joli par ici !

C est joli par ici !

DiDaT
Comme vous pouvez le voir, le

Comme vous pouvez le voir, le site commence à prendre sa forme définitive; (merci Bob !)
Avez-vous des remarques ?
Le gris foncé du site va surement être revu.

Vous avez pu remarquer également le background du site : c'est un modèle temporaire.
L'idée maintenant c'est de mettre nos propres travaux dessus. Du coup je veux bien que vous me partagiez des images de vos storyboards, de vos pages de croquis avec les ratures, etc... afin de produire une belle composition commune ^^ et je ferai le montage par la suite.

Bob B.
fait dans la dropbox dans

fait dans la dropbox dans commun > site > fond d'écran

DiDaT
Cool, hésitez pas les autres

Cool, hésitez pas les autres non plus ;)
Du storyboard du storyboard !! ^^

Bob, pour les tutos : j'ai fais ma page et inséré, il me reste plus qu'à mettre les photos que je mettrais que début octobre ;)
Sinon pour la partie festival j'ai mis la carte et en dessous les festivals associés : facile à mettre à jour ^^

Je vais attaquer dans les jours qui viennent la bannière et vous faire une proposition ;)

philippe gorgeot
Je n'ai plus accès à la

Je n'ai plus accès à la dropbox. On me dit qu'elle est saturée (2GO) et on me propose une version ...payante :(

DiDaT
Ok, je vais regarder ce qui

Ok, je vais regarder ce qui peut etre eventuellement stocké autre part ^^ 

Bob B.
un conseil : n'utilise pas la

un conseil : n'utilise pas la dropbox en local, va plutôt sur leur site pour déposer/télécharger uniquement les fichiers dont tu as besoin

Bob B.
si vous le pouvez, prenez des

si vous le pouvez, prenez des photos en festival pour alimenter notre instagram

Connectez-vous ou inscrivez-vous pour publier un commentaire