Description :

Dans la continuité du travail de logo, j'ai était emmené à faire le site internet du Chef Serge Pambo.

Le but étant de proposer un contenu dynamique, au travers d'une partie "news", mais aussi de permettre la présentation d'une galerie très complète et des pages de présentation du Chef et ainsi que de ces services.

Les consignes étant dans la continuité de celle donnée pour le logo, à savoir basées sur les mots clefs "pure", "cuisine" et "design", j'ai pût baser mon travail sur le logo précédemment fait.

J'ai conservé la dualité de couleur sobre et basique que sont le noir et le blanc, et j'ai joué sur les effets de lumières et d'ombres.

Afin d'apporter une touche de modernité et d'originalité, j'ai pût mettre en place un menu latéral, qui propose un rendu assez original.
Vue l'originalité de ce menu, j'ai dût jouer avec une signalisation très explicite au travers d'une image en arrière plan indiquant la présence du menu. Cette signalisation étant réglée en javascript afin de permettre une désactivation naturelle de celle ci lorsque l'utilisateur ferme le menu, et ainsi créé un cookie de session confirmant qu'il à bien saisi la présence du menu latéral.

Pour illustrer le plus efficacement possible les talents du Chef, l'utilisation des photos est importante, c'est ainsi que la page d'introduction contient une première galerie, adaptative (varie et ce réorganise en fonction de la taille d'affichage, en particulier de la largeur), ainsi qu'une seconde galerie sur la page "Cuisine" contenant plusieurs types de médias sur un espace représentant un "mur" d'images.

Enfin, au vue du public visé, résidant principalement aux USA, le tout à était construit sur un moteur adapté pour prendre en compte la partie multilingue (anglais et français), mais aussi pour le fonctionnement sur tout les types d'écrans, du smartphone, à l'ordinateur, en passant par le téléviseur, et la tablette.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

XHTML: Balises autorisées <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.