logo Charles Strube

Charles Strube Portfolio

Retour

Salon du livre

Introduction

Ce projet était une simulation de site pour le Salon du livre, car la navigation sur le site officiel était un peu confuse et une version mobile manquait.

Dans un premier temps, j'ai conçu un logo commun pour le site et le salon au lieu de deux. Ceci a permis d'adopter une nouvelle charte graphique commune. Je voulais un logo vivant et jeune pour correspondre à tous les publics.

Planche du logo final.
Planche du logo final.

Header en parallax

L'entrée sur le site se fait sur un header en parallax, avec des éléments flottants et la mise en scène d'une jeune fille qui lit et voit toutes sortes d'éléments imaginaires sortir de son livre. L'objectif était de séduire le visiteur par une introduction impresionnante. Des problèmes de compatibilités ont été rencontrés avec certains navigateurs. Le problème a été corrigé par une reconnaissance du navigateur pour choisir la méthode de déplacement des éléments (top ou transform).

Version ordinateur - L'entrée dans le site avec le système parallax.

Le menu

Un menu déroulant est disponible sur le site ainsi qu’un menu rapide qui permet d’afficher les informations pratiques recherchées par les visiteurs. Il sera présent sur le navigateur en permanence, accessible par le biais d’un bouton onglet en haut à droite du site. En responsive, le menu se transforme en accordéon pour optimiser sa taille.

Version ordinateur - Le slideshow en php.

Le slideshow

Le slideshow permet d’afficher les images du salon, de la plus récente à la plus ancienne. L’image est déterminée par la variable contenu dans l’url, et par un calcul fait en php, la page cherchera dans une table SQL l'image, et affichera un plan des images suivantes ou précédentes.

Version Mobile - Le slideshow en php.
Version Mobile - L'entrée sur le site, menu fermé.
Version Mobile - L'entrée sur le site, menu ouvert (en version accordéon).
Version ordinateur - Le blog sous wordpress qui regroupe toutes les actualités du salon.

Le système d’actualités

Un système d’actualités est disponible avec une mécanique de slideshow pour faire défiler chacune des actualités; il est mis à jour en cherchant dans la base de Wordpress les derniers articles disponibles. Au moment du clic, on bascule sur le blog du salon entièrement sur Wordpress.

Version ordinateur - Les auteurs présents dans chacune des thématiques.

Les thématiques

Les thématiques utilisent une seule et unique page, et sont déterminées par la variable créée dans l’url. Deux table de données SQL coexistent, l'une pour les articles, l'autre pour les auteurs et les éditeurs; tous deux sont liées à un 3ème table avec la liste des thématiques. (Les droits d’auteurs sont pris en compte pour les photographies).

Retour