Création d'une boutique e-commerce de faire-part.
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.
Création graphique du site e-commerce FairePartager.com
Création graphique du site e-commerce FairePartager.com de Olloweb.com est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Pas de Modification 4.0 International.
FairePartager.com
Réalisé en 2013 pour la société Copy News, le site e-commerce FairePartager.com propose un catalogue de documents à personnaliser autour de la naissance, le mariage est les bons moments de la vie.
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.
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é.
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.
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.
Voir le développement des pages depuis les liens suivants : Accueil - section - catégorie - produit.
Galerie fairePartager.com
Proposition de maquette n°1 page d'accueil.
Proposition de maquette n°2 page d'accueil.
Proposition de maquette n°3 page d'accueil.
Proposition de maquette n°1 pour la page section.
Proposition de maquette n°2 pour la page section.
Proposition de maquette n°3 pour la page section.
Proposition de maquette n°1 page catégorie.
Proposition de maquette n°2 page catégorie.
Proposition de maquette n°1 page produit
Proposition de maquette n°2 page produit.
Interface graphique de la page d'accueil.
Interface graphique de la page d'accueil et menu.
Interface graphique de la page d'accueil et panier.
Interface graphique de la page section.
Interface graphique de la page catégorie.
Interface graphique de la page catégorie et filtres.
Interface graphique de la page catégorie et zoom.
Interface graphique de la page produit.
Interface graphique de la page produit et personnaliser.
Interface graphique de la page produit et témoignage.
Fond graphique imprimer la vie.
Fond graphique naissance.
