PORTFOLIO DIGITAL

LA VISIBILITE D’UN REALISATEUR SUR LA TOILE
# 002 - 03 - 2021
# ux / ui

Hugo Larisch est réalisateur un belgo-portugais. Il a une grande variété de projets à son actif, dont des documentaires pour la télévision belge, des courts métrages, des spots publicitaires et de nombreux clips musicaux. Nous avons travaillé ensemble pour créer son portfolio. Il avait besoin d’une présence internet et d’une identité visuelle qui lui permette d’attirer l’œil des producteurs, lorsqu’il cherche des financements pour ses projets. On a donc travaillé sur un design qui va droit au but pour que l’utilisateur n’ai pas le temps de se désintéresser.

Nous avons développé l’idée d’aperçus rapides. Le site présente des vidéos, souvent de longue durée. Pour attirer le regard et familiariser l’utilisateur avec son travail, nous avons décidé d’amener à chaque étape des aperçus de plus en plus fournis de ses projets. Cela permet à l’utilisateur de se créer des repères visuels tout au long de son parcours. Il aperçoit des choses dans la première couche du site qu’il est capable de retrouver dans les suivantes, de manière plus fournie.

Le site se décompose en trois couches. La page d'accueil expose son travail dans son ensemble. Une vidéo remplit l’écran et tourne en boucle. Cette page rassemble les informations de bases (à propos, contact et un lien vers les projets). Pour permettre une visualisation constante, on a développé un menu transparent : une tranche de verre sur laquelle on a écrit. Cette dernière est dessinée de manière à amener du contraste entre les vidéos d’une grande variété de couleurs et la police du texte qui est blanche.

La deuxième couche fait entrer l’utilisateur dans la catégorie « projet ». Il est maintenant dans l’équivalent d’une salle obscure et a accès à tous ses travaux. Un passage de souris sur n’importe quel image, déclenche un résumé de la vidéo associée. Nous avons opté pour cette option, car elle permet de se concentrer sur un sujet particulier, plutôt qu’un patchwork de vidéos qui tournent constamment et donne l’impression de ne pas savoir où donner de la tête.

Le dernière couche apparaît quand on clique sur le projet. La vidéo complète apparaît alors en grand écran pour être visualisée dans les meilleurs conditions.

Le site a été adapté aux portables et à différentes tailles d’écran. Comme il s’agissait de mon tout premier site web et que je cherchais à développer mes compétences en codage, j’ai écarté l’option Wordpress. L’ensemble du site a été codé en html, css et javascript. Cela m’a permis d’être complètement libre par rapport au design de l’ensemble.