Dates :
AG, 27 mai
  • Page d'accueil -> une rubrique par menu
  • formation véro et Seb X 2

Fait par Jess

Page accueil
Rajouter le menu "Balades crieuses" dans ville mode emploi mais présenté de facon differente, en exergue. OK
Boutons ne bougent plus OK
Réduction 1/3 bande verte + arrondi espace entre point et texte (padding gauche)
Point de différentes couleurs : OK
Actualités : bleu
Apieu : vert logo CPIE
Partenaires : rouge
Acces : orange
Contact : blanc


Boutons menus "ville" et "construire" : centrer les textes dans carrés et mettre un p minuscule à projet.
Mettre des arrondis au deux menus. OK

Fond page d'accueil à remplacer par celle validée. Modifs couleur carrés

Mettre typo Verdana sr tout le site

Pages internes
Page generique validée
Page Ecouter la ville validée
Page Respirer la ville validée
Page Se Deplacer validée
Page Eau à modifier, photo envoyée par mailing > validée
Page Energie, à modifier, eolienne plus en evidence + arbre > validée
Page Verdure : personnages à gauche mieux detourés + revoir integration au fond > validée
Page Ville temps validée
Page Ville vivre validée

Pages à créer
Balades curieuses > attente des photos
Chemin vers DD > en cours de validation
Consommer autrement > en cours de validation

Centrer S'abonner aux informations.

Manque Page Consommer autrement(photos envoyées), Balades curieuses (en attente reception photos) et Faire sn Chemin vers le DD (mix de toutes les photos envoyées)

Installer l'extension Chameau

Demo video youtube sur page wiki : ok, à voir en formation. Solution retenue pour afficher des videos sur site Apieu sans contrainte de poids régie par l'hebergeur.

Page Ecouter la ville : plusieurs onglets dans la page qui permettent de passer d'une station à une autre. Lorsque l'on clique sur un onglet, s'affiche le plan, un texte et un son specifiques. > http://apieum.org/wikini/wiki2/wakka.php?wiki=BaL
Sur le plan peuvent se trouver des images cliquables. Voir si le son peut se lancer automatiquement.

Pour l'AG : faire un exemple de la page "Vivre mode d'emploi" > Gerer l'Eau > Nous buvons l'eau des rivieres. Avec aussi les pages liens habillées Construire son projet, balades curieuses. Plus page Parcours sonores + Actualiser la page d'accueil.

Idée de la newsletter revue comme suit : uniquement le lien "S'abonner aux informations" qui permet la collecte de mail. Voir avec OVH si il y a l'offre liste de diffusion. Si oui, créer une liste genre Information et lorsque les gens s'inscrivent, ils sont automatiquement inscrits à la liste de diffusion Information !
Autre solution : si pas d'offre OVH, obligation de faire le copier coller des mails dans sa boite thunderbird etc etc. mais ca veut dire que tout le monde peut recuperer votre liste de mailing !

Fiches pedagogiques : reflexion sur pages avec coverflow soit à partir du template classique ou d'un templates specifiques.
Les fiches sont basées sur les themes : Eau, Déchets etc

IL EST ACTE que l'integration du contenu du site est de l'ordre de l'Apieu. Par souci d'accompagnment, OR aidera l'equipe aux differentes mises en page lors de la formation.
L'equipe sera egalement formée à la gestion du coverflow.
2 jours de formation calés en septembre

Graphisme operationnel pour le 27 mai




Echanges sur modifications site APIEU :

Désolé j'ai envoyé en retour à l'autre seb le mail
qui t'était destiné. On vous propose de se voir le
Mercredi 29 journée ou en fin d'aprem vers 17h


Début du message réexpédié :

> De : Sébastien Ledentu <sebastien.ledentu@educ-envir.org>
> Date : 2 avril 2009 10:18:31 HAEC
> À : Sébastien Ranc <sebastien.ranc@educ-envir.org>
> Cc : sebastien Ranc <sebastien.ranc@educ-envir.org>, "veronique.bon" <veronique.bon@educ-envir.org>
> Objet : Rép : Validation site Apieu
>
> Bonjour,
> Avant de valider le site, il faudrait que l'on se voit "physiquement" pour en parler directement devant l'écran. Pleins de détails ne correspondent pas à ce que nous avions convenu au niveau graphique d'autant qu'il est difficile d'évaluer un graphisme lorsque le contenu n'apparaît pas dans au moins un des gabarits (photo et texte disponible sur le site de travail suivant:
> http://apieum.org/wikini/wiki2/wakka.php?wiki=AccueiL/edit
> D'autre part nous n'avons pas toutes les bannières. Cela prendrait trop de temps de voir cela par mail.
> Je te propose que l'on se rencontre le 15 avril à 14h par exemple, chez vous ou à l'APIEU.
> Bonne journée
> Sébastien
>



Bonjour Jessica,
voici ci-dessous nos remarques sur les différents bandeaux :

Bandeau Respirez la ville
OK mais la fumée (noire de surcroît) prend trop de place, ce qui donne un aspect négatif à la ville. Pourquoi deux cheminées ?

Bandeau Ecoutez la ville
A revoir. A gauche, on ne voit pas assez que ce sont des gens qui écoutent (les grossir), d’autant que le carré vert masque. Ne pas répéter le garçon du milieu. Essayer de faire passer « des voix dans la foule » entre le garçon du milieu et celui de droite.

Bandeau Se déplacer
OK. Masquer « Pédibus » et le couvrir par « Carapattes ».

Bandeau Vivre la ville
OK mais mettre plus en évidence le smily et garder son texte « Espace convivial »

Bandeau La ville dans l’espace et dans le temps
OK

Bandeau Consommer autrement
Voir photos en PJ

Bandeau Maîtriser l’énergie
A revoir. NRJ renouvelable pas assez présente (éolienne notamment, nouvelle photo en PJ). Ne pas « tasser » la photo de l’arbre avec les enfants.

Bandeau Gérer l’eau
OK mais remplacer la photo des gens par celle de la fontaine en PJ.

Bandeau Coin de verdure
OK. Détourage des enfants à gauche à revoir.

Bandeau Faire son chemin vers le développement durable
Voir photos en PJ

Peux-tu nous envoyer dès que vous l'aurez mis en ligne le lien ?




Bonjour Jessica,

en PJ une illustration "vite fait" qui pourra t'aider à en finir, nous l'espérons, avec la page d'accueil.
Quelques modifs :
  • "construire ensemble" devient "construire un projet"
  • nous souhaitons un dégradé en arrière du bloc blanc (URBAIN en premier plan) comme sur votre site outils-réseaux
  • modifs de la taille et de la place du logo CPIE ainsi que le corps de la police "Atelier"
  • barre d'onglets (5) : les noms deviennent :
Actualités - L'APIEU - Partenaires - Accès - Contact
avec animation "MowFlow?" comme sur le site outils-réseaux ou carapattes (avec petit point de couleur qui apparait) et nous abandonnons l'idée d'animer les deux boutons centraux.
  • Le site ne fonctionne pas de la même façon selon le navigateur (firefox, safari ou internet exp)
  • Est-ce que vous avez pu avancer sur notre demande de diaporama sonore (mail que Granseb t'a adressé ; le contacter directement) ainsi que sur le graphisme du menu déroulant de la page d'accueil ?

Nous avons presque fini la récolte des photos qui serviront à composer les bannières de chaque rubrique. Nous te les ferons parvenir dans les prochains jours dès que nous les aurons toutes.

N'hésite pas à nous appeler pour plus d'infos.

A bientôt.

Les deux SEB et Véro.


09/12
Bonjour Jessica,
Un petit oubli au sujet des deux carrés "Ville mode d'emploi" et "Construire ensemble" . Il faudrait reprendre le graphisme initial, c'est-à-dire les mettre en légère transparence. Notre directeur Bertrand souhaite reprendre la nuance de l'image de fond c'est-à-dire le jaune de la Poste pour "ville mode d'emploi" et le rouge du pantalon de la jeune fille pour "Construire ensemble" avec bien sûr l'animation.

Bonne journée.

Véronique et les deux Seb



Bonjour,
Suite à une réunion avec notre CA où nous avons présenté les propositions de site internet, nous souhaiterions te proposer de modifier quelques points :

1) Il apparaît que l'internaute potentiel n'est pas suffisamment attiré par l'entrée principale "Ville mode d'emploi". On souhaiterez donc incitez à cliquer davantage sur ce lien. En le centrant davantage et en changeant de place l'entrée "collectivité entreprises...". Il est sans doute possible de mettre une couleur plus attractive encore ? A infirmer ou confirmer en fonction de votre avis sur le site en ligne.
Centrer le bouton « Ville mode d’emploi », quitte à ce qu’il ne soit pas aligné verticalement et horizontalement au quadrillage de fond. Garder la couleur orange du bouton.
L’animation est à revoir ; l’effet visuel est trop marqué (… "boutons " qui gonflent légèrement et se contractent subtilement : palpitation par exemple). D’autre part, en fonction du navigateur utilisé, l’effet n’est pas le même (Safari : pas d’animation ; Firefox : l’animation n’est pas en continu)


2) l'entrée "enseignant, collectivité..." serait à renommer différemment on propose "Projet pédagogique" et dessous "Accompagnement aux territoires et aux entreprises" Conseil pratique : le titre est trop long pour pouvoir répondre aux critères fonctionnels d'internet

Nous réfléchissons actuellement à remplacer « Enseignants, collectivités, entreprise » par un titre court et unique « Construire ensemble ». On rappelle que lorsque la souris survole l’un des deux boutons de la page d’accueil, doivent apparaîtrent les menus déroulants (« Ville mode d’emploi » : respirez la ville, écoutez la ville… et « Construire ensemble » : projet pédagogique, accompagnement-étude, formation, publication). Voir Wikini : http://apieum.org/wikini/wiki2/wakka.php?wiki=AccueiL/edit

3) Le carré vert fluo "contact, nous connaître..." est à descendre, même genre de carré que 'Ville mode d'emploi", (avec bordure blanche) carré qui serait positionné en haut à droite et dans le quadrillage. A infirmer ou confirmer en fonction de votre avis sur le site en ligne. Cela parait un détail d'ajustement mais la modification de cette zone entraine une réadaptation du graphisme du fond mais aussi de la programmation de la page. Modification possible si nécessaire

Après réflexion, on oublie le carré vert comprenant les liens (nous connaître, les partenaires de l’APIEU…). Est –il possible de le remplacer par une bande horizontale animée comprenant les liens suivants (onglets) : nous connaître, actualité, partenaires, plan d’accès à la manière du bandeau de la page d’accueil du site carapate http://carapattes.org (bande plus fine cependant dans la partie droite de la page d’accueil).

4) On souhaiterait que si l'internaute clique sur le logo APIEU il soit envoyé à la rubrique "nous connaître". OK
Le lien n’est pas actif avec nos navigateurs.

5) Pour la seconde page quand on clique sur "ville mode d'emploi" on souhaite enlever l'onglet "tarif" mais par contre le laisser pour les rubriques attenantes à "Projet pédagogique / Accompagnement aux territoires et aux entreprises" Reprogrammation des pages à revoir par l'informaticien, modification possible
Les onglets sont illisibles sur le site provisoire.

6) On a oublié le logo CPIE à joindre proche du logo APIEU. On te le joins en pj. Cela signifie-t-il de revoir l'architecture des 8 bandeaux du site ?
Non. Cela ne modifie pas l’architecture des 8 bandeaux car le logo CPIE Atelier urbain Montpellier-Mèze n’apparaît que sur la page d’accueil, proche du logo APIEU.

Ou est ce un logo de soutien, partenaire, à mettre en bas de page ?
Non.
Concernant les 8 bandeaux, ne disposant que de 3 photos, j'attends les 5 autres pour vous réaliser l'ensemble, cela vous convient-il ?
Nous t ‘avons déjà fait parvenir 4 photos pour la bannière Nature, 4 pour la bannière « Ecoutez la ville et 4 autres pour Vivre la ville. Nous te ferons parvenir les vingts autres photos (5 X 4) lorsque nous aurons fait nos choix. Ok donc pour une réalisation à partir de ce moment-là.

Merci pour ta réponse et tes retours. N’hésite pas à nous appeler si tu as le moindre souci.

Véronique Bon, Sébastien Ledentu, Sébastien Ranc



Ah oui, j'oubliais... Pour les animations des deux portails d'accès de la page d'accueil, aucune ne nous satisfait réellement sur le site que tu nous a proposé. On voudrait que les "boutons " gonflent légèrement et se contractent tout au si subtilement : une tendre palpitation, un scintillement, un éclat... Est-ce possible ?


Sébastien Ranc
APIEU
04 67 13 83 15



Bonjour Jessica,

On a donc étudié ta proposition d'un peu plus près avec Granseb et Véro. Voici nos remarques et retours :

Page d'accueil (sur la base de ma proposition) :
- ma proposition de logo APIEU en haut à gauche ne fonctionne pas. Il est trop gros. On a trouvé que dans ta première proposition, les différents fonds carrés de couleurs différentes sous le logo "diffractent" le regard et "troublent" la lisibilité.
- un peu trop de rouge dans les carrés en transparence sur fond de photo ; essayer avec un ou deux carrés d'une autre couleur.
- le fond blanc d'"Atelier permanent d'initiation à l'environnement urbain" fait un peu vide. Remplir l'arrière plan avec quelque chose de léger ( couleurs ? Tracé de quadrillage ?...)
- on aimerait qu'il y ait une animation sur la page d'accueil. Les deux boutons "Ville mode d'emploi" et "Enseignants, collectivités, entreprises" (ronds au lieu de carré) se baladent aléatoirement sur la photo, à la manière de "pac-man".

Comportements des liens :
RAS

Page interne :
- enlever la fenêtre "Inscription". On souhaite une fenêtre où l'internaute peut s'inscrire pour recevoir des informations (deux ou trois courriels maximum par mois) sur les activités de l'APIEU (ce n'est pas une newsletter, mais plutôt des informations par mail ou un simple fichier word). Il pourra également se désinscrire de notre "mailing list".
- "Espace Enseignants..." => "Enseignants, collectivités, entreprises".
- menu rapide en haut à droite = " Accueil / Contact / Tarifs" (enlever "Plan d'accès" et "Aide"?)
- les photos de la bannière changent en fonction de la rubrique dans laquelle on se trouve (ici rubrique "vivre la ville"). Chaque rédacteur de rubrique proposera trois photos pour "sa" bannière (8 bannières au total).
- enfin pour quelques pages (écouter la ville, l'APIEU à travers les sons...) laisser un espace pour intégrer diaporama (cover flow) et des sons en lignes. Voir directement si besoin Granseb pour plus de précisions 04 67 13 83 16.

N'hésite pas à m'appeler si tu as des soucis ou pour plus de précisions.



Bertrand a vu ta proposition de page d'accueil. Il préfère une autre photo (car enfants = représente que le côté animation). En voilà une autre dont l'esprit nous paraît plus approprié. Dans le retour que je t'ai fait, il semble que le logo est trop gros à gauche en haut.

Voilà bonne soirée.



En PJ la page d'accueil retouchée. Elle est un peu "sale", je l'ai retouchée vite fait. Ne pas intégrer bien sur les "salissures".
  • "Atelier" et "urbain" aux dimensions (police techno ; garder "permanent d'initiation à l'environnement" avec ta police)
  • carré vert en haut à droite plus petit, aligné sur le haut des lettres de "urbain"
  • flèche en haut à droite (orange pétard en arrière plan du texte)
  • pour l'instant, le logo est à agrandir aux dimensions.

Notre première impression au regard de ta proposition a été très positive et conforme à ce qu'on attendait. Bon boulot.
On te fera nos retours sur les deux autres pages un peu plus tard.

A bientôt.



Voici le le wikini qui nous sert de base de travail et sur lequel nous avons travaillé avec Florian avant les vacances (le ppt dont je t'ai parlé au tél. a été notre première base de travail et est aujourd'hui obsolète). En fait il y a deux portails à mettre en avant dans la page d'accueil (et non pas un seul, les choses ont changé pendant mon absence aoutienne...). Bonne réception et bon travail.

http://apieum.org/wikini/wiki2/wakka.php?wiki=AccueiL/edit









Il n'y a pas de commentaire sur cette page. [Afficher commentaires/formulaire]