Media Center

Cette section comme celle de la fonction recherche est un ajout d’après réunion, je suis donc encore en train de travailler dessus à l’heure actuel. Beaucoup de ces éléments ne sont pas finalisés ou s’ont encore modifiable.

Conception de la section

Pour cette section, je me suis inspiré du centre de téléchargement d’un de nos concurrents (Kelvion) et je l’ai adapté avec les consignes que j’ai reçu par notre responsable. 

J’ai déjà configuré la partie de la page media center pour toutes les demandes de brochure produit. J’ai inséré le bloc titre du thème avec un texte pour permettre au utilisateur de se repérer et d’avoir un contexte associer. Contrairement aux autres parties du site, je n’ai pas mis un portfolio, mais des cartes cliquables  (quatre colonnes) ces cartes représentent les gammes de produits générales. Ces cartes mènent à une page « download media center » que j’ai créé où il y a les liens pour tous les formulaires de demandes de brochures dans les différentes langues (anglais, français, allemand et chinois).

Conception de la page de téléchargement

J’ai conçu cette page avec des onglets en disposition verticale regroupant toutes les gammes de produits afin que toutes les brochures restent toujours accessibles directement sur la même page. Dans chaque onglet, on retrouve d’autres onglets correspondant aux différentes langues des brochures disponibles, composés de cartes menant au formulaire de demande.

La principale difficulté rencontrée dans la configuration de cette page a été de gérer les liens entre la page précédente et celle-ci, pour que lorsque l’utilisateur choisissait une carte d’une gamme spécifique, cela ouvre le bon onglet. Pour cela, j’ai créé un nouvel ID pour chaque onglet et ajouté un bloc HTML en fin de page pour y insérer un code JavaScript qui produirait ce rendu. J’ai ensuite ajouté dans les liens des cartes de la page précédente un hashtag suivi du nom de l’ID de l’onglet qui devait être ouvert.

JavaScript

Aperçu de la page de téléchargement

Media Center P2

Construisons ensemble votre présence en ligne

Construisons ensemble votre présence en ligne