Création d’une interface graphique pour un site e-commerce de faire-part

FairePartager.com

Faire-part

Graphisme du site e-commerce
Création graphique du site e-commerce FairePartager.com
Note sur 5
Je sélectionne des étoiles

Votre note a bien été prise en compte, notre équipe vous remercie pour votre collaboration.

Vous avez déjà noté cette page, encore merci pour votre collaboration !

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

 

Détail de la conception graphique
Détail de la conception graphique de la page d'accueil

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

Détail de la conception graphique
Détail de la conception graphique des menus et du panier de commande

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é

 

Détail de la conception graphique
Détail de la conception graphique d'une page intérieur du site e-commerce

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.

Détail de la conception graphique
Détail de la conception graphique de la page produit

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

Galerie de conception

Création d’une interface graphique pour un site e-commerce de faire-part

Diaporama

Proposition de maquette accueil n°1

Proposition de maquette n°1 page d'accueil.

Proposition de la maquette accueil N°2.

Proposition de maquette n°2 page d'accueil.

Proposition de la maquette accueil N°3.

Proposition de maquette n°3 page d'accueil.

Proposition de la maquette section (1)

Proposition de maquette n°1 pour la page section.

Proposition de la maquette section (2)

Proposition de maquette n°2 pour la page section.

Proposition de la maquette section (3)

Proposition de maquette n°3 pour la page section.

Proposition de maquette de page catégorie

Proposition de maquette n°1 page catégorie.

Proposition de maquette de page catégorie

Proposition de maquette n°2 page catégorie.

Proposition de maquette produit n°1

Proposition de maquette n°1 page produit

Proposition de la maquette produit (2)

Proposition de maquette n°2 page produit.

Interface graphique de la page d'accueil

Interface graphique de la page d'accueil.

Détail graphique des menus

Interface graphique de la page d'accueil et menu.

Détail graphique du panier et compte client.

Interface graphique de la page d'accueil et panier.

Graphisme de la page section.

Interface graphique de la page section.

Graphisme de la page catégorie.

Interface graphique de la page catégorie.

Graphisme de la page catégorie et filtre.

Interface graphique de la page catégorie et filtres.

Graphisme de la page catégorie et zoom.

Interface graphique de la page catégorie et zoom.

Graphisme de la page produit.

Interface graphique de la page produit.

Graphisme de la page produit et personnaliser.

Interface graphique de la page produit et personnaliser.

Graphisme de la page produit et témoignage.

Interface graphique de la page produit et témoignage.

Fond graphique imprimer la vie.

Fond graphique imprimer la vie.

Fond graphique sur la naissance.

Fond graphique naissance.

Fond graphique de mariage.

Fond graphique mariage.

Solution et tarif

L’interface graphique de votre site e-commerce, conçue et réalisée sur-mesure : concepts, prototypes, graphisme et cela quelque soit votre solution de gestion

Conception d’interface graphique pour site e-commerce
SOLUTION PRO

Conception d’interface graphique pour site e-commerce

L’environnement graphique de votre site e-commerce conçu et réalisé sur-mesure pour répondre à vos objectifs et adapté à votre solution de gestion.

La solution de conception d’interface graphique pour site e-commerce

à partir de 4 600 €HT
TVA : env. 920 €

Notre équipe peut vous aider pour votre projet.
Prenez rendez-vous dès maintenant ou appelez le 01 60 08 05 11

Appelez-moi / Nous contacter

Indiquez votre nom
Indiquer votre prénom
Indiquer votre numéro de téléphone
Indiquer votre adresse email (utilisateur@domaine.com)
Indiquer le contenu de votre message
Je souhaite être appelé
J'indique une date de rendez-vous
Je sélectionne une heure de rendez-vous

*Champs obligatoire
Conformément à la loi informatique, aux fichiers et aux libertés n°78-17 du 6 janvier 1978, vous disposez d'un droit d'accès et de rectification relatif à toutes informations vous concernant sur simple demande à notre adresse.

Votre de demande de renseignements a bien été prise en compte,
notre équipe y répondra dans les plus bref délais.

  • Un projet ?
  • Faites-vous rappeler par téléphone
Indiquez votre nom
Indiquez votre prénom
Indiquez votre numéro de téléphone
Indiquez votre adresse email (utilisateur@domaine.com)
Indiquez le contenu de votre message

*Champs obligatoires
» Demande de devis

Votre demande de renseignements a bien été prise en compte,
notre équipe y répondra dans les plus brefs délais.