Le projet

Conception de l'interface graphique site FairePartager

FairePartager.com est un site e-commerce de vente de faire-part et autres documents sur la naissance, le mariage et la vie. L'utilisateur est invité à personnaliser le faire-part en ligne puis de passer la commande. Le site est composé d'un page d'accueil, des pages de catalogue organisé par sections (naissance, mariage, imprimer la vie), catégories, sous-catégories et produits, des page de gestion des commandes, des pages d'informations et contact. En complément un moteur de recherche, l'inscription à la newsletter, des pages de compte client, un mini panier de commande

Etablir ensemble les objectifs du projet

Définition de projet

Avec un cahier des charges précis, Copy News nous a confié la création de l'interface graphique et le développement CSS et HTML des pages dynamiques. Le développement serveur fut quant à lui confié à la société Print Flux pour faciliter l'impression des documents.

Suite à un premier projet de création de site e-commerce dans le même domaine d'activité www.mon-faire-part-naissance.com, il nous a été plus facile d'appréhender la conception du site FairePartager.com

Concevoir et imaginer les différentes formes du projet

Structure et prototype

Après un briefing de projet avec le client, nous avons réalisé des propositions marquettes pour la d'accueil et pour les pages du catalogue. Ensuite après avoir déterminé la meilleur proposition pour chacune des pages, la création graphique fut lancé

Dessiner et mettre en image le projet

Conception graphique

A partir de la maquette de la page d'accueil en calque de fond et depuis Adobe Photoshop, nous avons retravaillé au positionnement précis des éléments de la page d'accueil. Ensuite pour coller aux objectifs du cahier des charges nous avons travaillé à établir des tendances de couleurs sur les trois sections du site (naissance, mariage, bon moment de la vie) avec pour les pages intérieurs des styles et couleurs propre à chacune des sections.

Suite à l'approbation du client pour la charte graphique des couleurs, styles et tendances, il s'agit maintenant pour Olloweb de réaliser le graphisme d'habillage afin de donner une allure et une apparence réaliste et professionnel de la page d'accueil. Cette étape est ensuite validé par le client car les éléments graphiques de haut et bas de page seront repris et utilisé dans les autres pages du site web. Le graphisme est ensuite réalisé dans la continuité de la page d'accueil pour les autres page du site : section, catégories, sous-catégories et produits.

Produire et donner vie au projet

Production et intégration

Après que l'ensemble de la création graphique fut validé par le client, nous avons réalisé la production HTML et CSS des pages types en utilisant les derniers standards du web. Le développement une fois terminé sera intégré à la solution de Print Flux pour la gestion complète du site e-commerce.

Coordonner les différentes phases du projet

Conduire et réaliser

La conduite du projet, le prototypage, la conception graphique, la réalisation technique ont été réalisés au sein de l’agence Olloweb