Description de la référence portfolio :
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
|