Site sur Broforce

Contexte

Ce projet a été réalisé en première année d’Architecture Transmédia. L’exercice consistait à choisir un jeu vidéo et à créer un site internet autour de celui-ci.

J’ai choisi Broforce, un jeu d’action en pixel art connu pour son rythme rapide, son humour, son côté explosif et son ambiance très inspirée des films d’action.

Objectif

L’objectif principal était d’apprendre les bases de la création d’un site web codé. Il fallait comprendre comment structurer une page en HTML, comment la mettre en forme avec CSS et comment organiser les informations pour présenter un sujet clairement.

Le projet devait aussi montrer l’univers du jeu choisi. Il ne s’agissait donc pas seulement de faire une page fonctionnelle, mais aussi de créer une ambiance adaptée à Broforce.

Concept du site

Le site avait pour but de présenter Broforce, son univers, son style et son énergie. L’idée était de transmettre l’ambiance du jeu à travers la mise en page, les visuels et le ton général du site.

Comme Broforce est un jeu très dynamique, exagéré et explosif, il fallait que le site donne rapidement une impression d’action et de fun.

Ce que j’ai réalisé

J’ai réalisé le site seul, en codant la structure des pages et la mise en forme. C’était mon premier vrai site en code, donc le projet m’a surtout permis de découvrir les bases du développement web.

J’ai travaillé la structure HTML, les titres, les sections, les images, les textes et les liens. J’ai aussi utilisé le CSS pour créer la mise en page, gérer les couleurs, les espacements et l’apparence générale du site.

Ce projet m’a permis de comprendre comment passer d’une idée visuelle à une page web réelle, même avec des moyens simples.

Choix graphiques

Pour rester cohérent avec Broforce, le site devait reprendre une ambiance énergique, directe et inspirée de l’univers du jeu. Le style devait faire penser à l’action, au pixel art et au côté un peu excessif du jeu.

Comme c’était mon premier site, les choix graphiques restaient simples, mais ils m’ont permis de commencer à comprendre l’importance de l’identité visuelle dans un projet web.

Ce que ce projet m’a appris

Ce projet m’a appris les bases du HTML et du CSS. J’ai compris comment organiser une page, comment relier une feuille de style, comment placer des images et comment construire une navigation simple.

J’ai aussi découvert que créer un site demande de penser à la fois au contenu, à la structure et à l’apparence. Même pour un petit site, il faut organiser les informations pour que l’utilisateur comprenne rapidement où il se trouve et ce qu’il peut découvrir.

Ce que je pourrais améliorer

Avec plus d’expérience, je pourrais aujourd’hui améliorer ce site en rendant la mise en page plus propre, plus responsive et plus agréable à parcourir.

J’aimerais aussi retravailler l’identité visuelle, ajouter plus de détails liés à l’univers de Broforce et améliorer les animations ou les interactions pour rendre le site plus vivant.

Pourquoi je le garde dans mon portfolio

Même si ce projet est simple, il représente une étape importante dans mon parcours : c’est mon premier site codé. Il montre le début de mon apprentissage en web et me permet de voir l’évolution entre mes premiers projets et ceux que je réalise aujourd’hui.

Galerie