Objet de la demande : Intégration d'une charte graphique dans un site OSCommerce.

1 - Documents fournis :

- Fichier Photoshop (.psd) à utiliser pour construire la structure du site.
- Code source du site OSCommerce.
- Script de création de la base de données (.sql)
- Textes à intégrer



2 - Contenu des documents :
- Fichier Photoshop :

Le fichier correspond au visuel de la page d'accueil et de la fiche produit attendus pour le site.
Il contient les éléments à insérer dans les différentes pages du site (logo, images...) et les dimensions attendues pour la structure du site.

- Code source OSCommerce :

Le code source reprends la structure de base d'un site OSCommerce.
Il a déjà été légèrement adapté pour correspondre aux attentes.
Les modifications par rapport à la structure de base sont les suivantes :

* Redimension de la largeur de la page à 1024.
* Suppression de la colonne de droite.
* Ajout d'une image principale pour les pages catégorie.
* Ajout du module de recherche dans le header.
* Ajout d'un module de rewriting d'URL (ultimate_seo_urls5)
* Ajout d'un module de gestion des tags dans la partie admin (HeaderTags_SEO_V_3.1.8)

- Script de création de la base de données :

Le fichier correspond au script de création de l'ensemble des tables et données de la base de données.
Il inclut également l'insertion des données en base. (hors catalogue produit)
Par rapport à la structure initiale du site OSCommerce, les tables, les champs et les données relatives aux modules de rewriting d'URL et de gestion des tags ont été rajoutés.


- Textes à intégrer :

Les textes fournis correspondent aux contenu des différentes pages du site. (Qui sommes nous?, Nos Valeurs, Le commerce Équitable, ...)



3 - Détail de la demande :

Intégrer la charte graphique au code source du site OSCommerce fourni.
Cela ne s'applique que pour la partie boutique du site.
La partie admin n'a pas besoin d'être modifiée graphiquement.
Cela consiste à :

* Adapter la structure du site pour la faire correspondre au dimensions du fichier .psd.
* Utiliser les polices de caractère du fichier .psd pour le site.
* Reprendre le logo
* Reprendre les codes couleurs.

3.1 - Page d'accueil, la page des catégories et les fiches produits

Pour ces pages, le site doit ressembler exactement au visuel du fichier .psd.
Les dimensions, les couleurs, les polices doivent être respectées pour l'ensemble des pages.


3.2 - Toutes les autres pages

Les autres pages, en dehors des pages cités au paragraphe précédent, contiennent principalement du texte et des images.
Ces pages ne sont pas détaillées dans le fichier .psd mais il faut s'inspirer de la charte graphique utilisée pour les autres pages afin de garder une harmonie dans le design.
Cela s'applique à la fois pour les pages ne contenant que du texte (Nos valeurs ...) et aussi pour toutes les pages tels que "Récapitulatif de la commande", "Compte client", "Mon panier" ...

3.2 - Menu Catégorie de produit (menu de gauche)

Une fenêtre s'affiche lorsqu'on survole une des catégories sur la gauche.
Le design de cette parti est inclue dans le fichier .psd.
Voici le comportement attendu sur ce menu :

* Le contenu de la fenêtre correspond aux sous catégories (et sous sous catégorie) de la catégorie survolée dans le menu de gauche. Dans cette fenêtre on doit voir toute l'arborescence des sous catégories sans aller jusqu'à la liste des produits.
* Toutes les sous catégories doivent être listées.
* Cette fenêtre est en transparence pour qu'on puisse distinguer l'image d'illustration, comme ça on a moins l'impression de vide si il y a peu de catégories.
* Lorsqu'on a cliqué sur une catégorie (ou sous catégorie), le menu de gauche se met à jour et affiche (en plus des principales catégories) le premier niveau de sous catégories.

Commentaire de l'administrateur :

• Ce projet a fait l'objet d'une validation par téléphone par un administrateur ProgOnline. Il est sérieux, et a de grandes chances de se concrétiser, é condition de recevoir des offres pertinentes de la part des prestataires.
• Le client est agence de voyage
• Le client affirme souhaiter concrétiser son projet ASAP
• Le client souhaite intégrer son design dans son site OSCommerce
• la page d'accueil doit ressembler exactement au psd fourni et les page comme mention legale ou contact doivent rappeler un peu le design global