Strat 4 Me

📌 Strat 4 Me

J'ai développé en totale autonomie ce site internet, pour un célèbre créateur de contenu : Sixquatre. Avec qui j'entretiens une bonne relation, principalement professionnelle. Le but de ce site est de regrouper les appellations des pièces présentes dans chaque carte (map) du jeu vidéo Rainbow Six Siege (jeu de tir et tactique, en équipe), ces appellations sont souvent nommées "calls", ils permettent de communiquer plus rapidement avec ses coéquipiers en jeu. Je devais donc regrouper sur ce site, les "calls" que Sixquatre réalisaient en direct sur Twitch et les transposer sur le site.

Pour information, le site que je vous présente était la première version du site, développée en HTML, PHP, JS et CSS. Vous pouvez retrouver ici la version Wordpress que j'ai pu aussi développer moi-même en totale autonomie et grâce à cela, j'ai pu découvrir et utiliser les fonctionnalités et différents plugins de Wordpress.

Ci-dessus, c'est la page d'accueil (1ère image) avec un menu au-dessus qui comporte les réseaux de Sixquatre ainsi que le logo de son "entreprise" et trois Cards où l'on peut cliquer et donc choisir la page qui nous intéresse : le "stratbook" du créateur de contenu, les "calls" et les stratégies en vidéo.

Ici c'est l'affichage des "calls" (2ème image), en forme de Card Grid, mise en forme dynamique avec le framework Bootstrap. La Card est composé d'un aperçu de la carte du jeu vidéo ainsi que du nom de la carte.

Et voici le rendu lorsqu'on clique sur une des cartes du jeu vidéo (3ème image), une "lightbox" s'ouvre et on peut naviguer entre les images grâce aux flèches, puis on peut fermer la "lightbox" avec la croix en haut à droite. Tout cela rendu fonctionnel grâce au script "baguetteBox".