Cahier des charges :

- La Présidence et le bureau ayant changé, j'ai rencontré le nouveau président qui m'a fait part de ses souhaits quant à l'évolution du site internet et de la communication de l'association.
Il souhaite donner une image plus moderne de l'Association et donc des commerces adhérents. Il souhaite également changer le logo et mettre en avant la démarche "écologique" des adhérents de l'association qui petit à petit vont s'inscrire dans un programme "écologique" quant aux produits utilisés, le traitement de leur déchets, etc.

Il m'a expliqué plus longuement ce qu'il souhaitait et après avoir travaillé
2-3 jours sur une nouvelle maquette de site sous wordpress et un nouveau logo, j'ai mis cela en ligne et lui ai envoyé un devis.
La maquette du site a été accepté, et le devis après une nouvelle discussion, accepté. Le logo après plusieurs aller-retour, fut définitvement approuvé et a pû commencé à être utilisé dans un premier temps pour des sticker pour les adhérents, à coller sur les vitrines.
A ce jour le site reste à finaliser dans ces rubriques définitives, mais est en ligne et fonctionne parfaitement après plusieurs mises à jour de wordpress, de plugins et du thème utilisé. Tout fonctionne parfaitement.

Cahier des charges :

La création du site internet découle de la réalisation d'une plaquette A4 - 4 pages.
Avant la réalisation du site il fallut donc (après plusieurs briefs et la réalisation des photographies d'ambiances et de détails par nos soins) créé une maquette pour la plaquette dont le site internet vitrine découlerait.

Ainsi pour la plaquette il fallut :

- Définir une charte graphique (choix couleur, choix typo, esthétique...) qui montre son appartenance au réseau auquel la société appartient, tout en permettant d'affirmer sa propre identité,
- Définir les rubriques,
- Ecrire les textes d'accroche et de détail,
- Trouver un slogan qui serve de base-line pour le produit proposé,
- Rendre la plaquette simple et immédiatement lisible,
- Travailler la photographie de couverture pour obtenir exactement le rendu et le positionnement souhaité (photographie finale résultante de 4 photographies différentes, sans compter les couleurs changées, les éléments supprimés...),
- Travailler les différentes photographies par famille de produit pour obtenir les mêmes rendus visuels

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Pour le site internet il fallut donc retrouver tous les éléments présents sur la plaquette, mais avec en plus :

- la convivialité du web,
- des effets roll-over pour les différentes rubriques et sous-rubriques,
- une effet lightbox (image qui apparaît sur un fond de page assombri) afin de pouvoir visualiser les photographies d'ambiance et des produits en pleine page (valorisation du produit),
- Choix de travail en html pour sa simplicité,
- Navigabilité intuitive et fonctionnant avec tous les navigateurs

Réalisation :

- Choix des couleurs dominantes : bleu et jaune denses qui sont les couleurs du réseau auquel la société appartient.
- Choix des typographies "ITC ERAS" et "OPTIMA" pour leur dessin à la fois traditionnel et moderne (appréciez tout particulièrement la belle boucle du « g » pour l'OPTIMA), la palette de « graisses » (d’épaisseurs) à disposition pour la typographie "ITC ERAS"et qui sont réellement dessinées pour chaque graisse et ne sont pas une interprétation fausse comme lorsqu’on clique sur gras ou italique dans word ou tout autre logiciel,
- Utilisation de seulement trois couleurs pour éviter la saturation et la fatigue visuelle, mais servant également d’identité  visuelle et de repérage pour la situation au sein du site (ex : quand le texte de la rubrique choisi est bleu, c’est que nous sommes dans cette rubrique, quand ce même texte est gris c’est que la souris est dessus et que nous pouvons cliquer pour atteindre cette rubrique.),
- Réalisation d’effets « Roll-Over » pour les boutons de chaque rubrique,
- Architecture similaire pour chaque page, avec différenciation par le texte « Titre » de la rubrique,et l’image représentative,
- Effet « Lightbox » pour toutes les photographies d'ambiance et de détails des produits proposés,
- Création d'un favicon fixe et d'un favicon animé (c'est le petit logo dans la barre d'adresse internet (très pratique pour être immédiatemment identifié au milieu des autres signets)
- Choix de l’hébergeur (ovh), pour sa fiabilité, son coût, et les services proposés,
- Création d’adresses mail au nom de la société,
- Transfert ftp des pages sur l’adresse internet de la société,
- Référencement google, yahoo, bing

Cahier des charges :

- Définition d'une charte graphique (choix couleur, choix typo, esthétique...),
- Nombre de rubriques, noms des rubriques,
- Rendu sobre et convivial,
- Travail des photographies (fournies par Angel Garden) pour un rendu homogène,
- Travail en html,
- Navigabilité intuitive et fonctionnant avec tous les navigateurs

Réalisation :

- Choix des couleurs marron foncé et vert anis pour leur rapport avec l'activité de la société (Paysagiste - Le vert pour la verdure et le marron pour la terre), mais avec des teintes suffisamment vives pour être « fraîches » sans êtres trop criardes tout en permettant une bonne lecture sur écran,
- Choix de la typographie « ITC Franklin Gothic » pour son dessin à la fois traditionnel et moderne (appréciez tout particulièrement la belle boucle du « g »), la palette de « graisses » (d’épaisseurs) à disposition pour cette typographie et qui sont réellement dessinées pour chaque graisse et ne sont pas une interprétation fausse comme lorsqu’on clique sur gras ou italique dans word ou tout autre logiciel,
- Utilisation de seulement trois couleurs pour éviter la saturation et la fatigue visuelle, mais servant également d’identité  visuelle et de repérage pour la situation au sein du site (ex : quand le texte de la rubrique choisi est violet c’est que nous sommes dans cette rubrique, quand ce même texte est marron c’est que la souris est dessus et que nous pouvons cliquer pour atteindre cette rubrique.),
- Réalisation d’effets « Roll-Over » pour les images représentatives de chaque rubrique,
- Architecture unique pour chaque page, avec différenciation par le texte « Titre » de la rubrique, l’image représentative, et fond vert avec en « défonce » le nom de la rubrique,
- Effet « Lightbox » pour toutes les images des différentes réalisations afin de bien mettre en valeur par la photographie le travail réalisé par la société,
- Création d’un flux RSS
- Favicon animé : c'est le petit logo dans la barre d'adresse internet
(très pratique pour être immédiatemment identifié au milieu des autres signets)
- Choix de l’hébergeur (ovh), pour sa fiabilité, son coût, et les services proposés,
- Création d’adresses mail au nom de la société,
- Transfert ftp des pages sur l’adresse internet de la société,
- Référencement google, yahoo, bing

- Nouvelles photographies de 2 espaces entretenus par Angel Garden par notre photographe georges gonon-guillermas
- Réalisation d'un panoramique à 360° par georges gonon-guillermas et mise en ligne sur le site.

Cahier des charges :

-site simple, coloré, frais et dégageant une impression de dynamisme (demande expres du bureau de l'association),
- Couleur et esthétique permettant d'évoluer petit à petit vers une charte graphique à établir (conservation du logo existant, typo proche de celle utilisée...)
- Mise à jour rapide,
- Formulaires de contact et d'inscription à la Newsletter
- Création de nombreuses rubriques
- Travail constant de mise à jour : des pages propre à chaque commerçant et artisans : coordonnées, promotions, horaires, géocalisation, mots clés..., des Newsletter, des événements de l'association, des promotions, de la vie de l'association et de la municipalité...
- Site permettant une meilleur visibilité sur la commune et la région face à la concurrence du centre commercial qui vient d'ouvrir ses portes sur la commune...

Réalisation :
- Choix de réaliser le site avec Wordpress + nombreux plugins pour la facilité d'installation et de mise à jour
- Choix du "thème" coloré, bien structuré et en français fait avec les membres du bureau de l'association
- Participation à plusieurs réunions et AG de l'association pour mieux connaître la vie de l'association et leur besoins spécifiques.
- Installation de nombreux plugins pour les formulaires de contact et d'inscription, pour la géolocalisation, pour réduire au minimum les spam, pour créer des zones réservées, pour la création de diaporama, l'insertion de photographies avec effet lightbox, référencement automatique dans google, Yahoo et Bing...
- Création d'un favicon pour l'identification rapide dans les barres de signets,
- Création des rubriques
- Création de toutes les pages
- Récréture de cartains textes livrés par l'association à la formulation maladroite,
- Liaison des pages propre à chaque commerçant et artisans sur leur propre site ou tout autre élément multimédia, quand cela existe...