diff --git a/public/small-banners/pns-2025.webp b/public/small-banners/pns-2025.webp new file mode 100644 --- /dev/null +++ b/public/small-banners/pns-2025.webp diff --git a/src/content/blog/pns-2025/_announcement-results-bb0.png b/src/content/blog/pns-2025/_announcement-results-bb0.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_announcement-results-bb0.png diff --git a/src/content/blog/pns-2025/_banner.png b/src/content/blog/pns-2025/_banner.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_banner.png diff --git a/src/content/blog/pns-2025/_bloombagarre.png b/src/content/blog/pns-2025/_bloombagarre.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_bloombagarre.png diff --git a/src/content/blog/pns-2025/_brand-guidelines.png b/src/content/blog/pns-2025/_brand-guidelines.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_brand-guidelines.png diff --git a/src/content/blog/pns-2025/_charte-cover.png b/src/content/blog/pns-2025/_charte-cover.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_charte-cover.png diff --git a/src/content/blog/pns-2025/_figma.png b/src/content/blog/pns-2025/_figma.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_figma.png diff --git a/src/content/blog/pns-2025/_stream-overlay.png b/src/content/blog/pns-2025/_stream-overlay.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_stream-overlay.png diff --git a/src/content/blog/pns-2025/_tournament-portfolio.png b/src/content/blog/pns-2025/_tournament-portfolio.png new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/_tournament-portfolio.png diff --git a/src/content/blog/pns-2025/fr.mdx b/src/content/blog/pns-2025/fr.mdx new file mode 100644 --- /dev/null +++ b/src/content/blog/pns-2025/fr.mdx @@ -0,0 +1,104 @@ +--- +title: Design à PNS - Nouvelle énergie +summary: Avec 4 amis, nous avons fondé une association étudiante pour organiser des les meilleurs tournois de jeux vidéo. En plus de présider, je me suis chargé du branding et du design. +createdAt: 2025-08-27 +clientText: Travail bénévole pour l'association PNS +category: case-studies +bannerPath: ./_banner.png +bannerThumbnailPath: /small-banners/pns-2025.webp +bannerAlt: Lettrage carré écrivant PNS en blanc, avec une large ombre portée noire opaque. Le fond est rouge vif. +index: false +--- + +import LinkPreview from "@components/LinkPreview.astro"; +import CharteCover from "./_charte-cover.png"; + +## À propos + +PNS est une association étudiante qui s'occupe d'organiser des tournois de jeux vidéo de combat (notamment Super Smash Bros. Ultimate). Fondée officiellement en décembre 2024, l'association opérait depuis un an sur le campus de l'IUT et s'est ensuite étendue à l'Université de Toulouse en s'y associant. Nous ne sommes que 5 membres fondateurs, mais déterminés à donner le plus possible. + +Pour se démarquer des associations toulousaines similaires, nous avons misé sur une identité graphique très simple et facilement déclinable, en veillant à n'utiliser que 3 couleurs : créant ce logo singulier, intemporel et mémorable qui rappelle les universités américaines avec les angles obtus. + +## Une gamme d'événements variés + +Nous nous démarquons également des autres organisations en proposant une variété de formats d'événements différents : des tournois sur une semaine pendant les pauses de midi, des tournois où les règles changent à chaque session, une sélection de stages originale, etc. + +Pour refléter cette diversité qui fait notre force, chaque série de tournois obtient son propre logo et sa propre identité visuelle dérivée de PNS : + +
+![Collage sur fond rouge PNS de différents logos d'événements : Super Smash Broisin 3, Chauve Match, Super Smash Broisin, Smash K.Oula Tour, Smash Bergougnoultmate et BloomBagarre](./_tournament-portfolio.png) + +
+ Notre portfolio historique d'événements : De nos débuts improvisés avec le Smash K.Oula Tour au tout récent BloomBagarre, chaque tournoi propose sa propre démarquation identitaire. +
+
+ +## BloomBagarre + +Notre récente domiciliation à l'Université de Toulouse nous permet d'enfin organiser des événements avec une plus grande portée (l'Université comporterait plus de [35 000 étudiants]()) et ramener du monde extérieur de la communauté toulousaine et de ses environs (plusieurs centaines de joueurs !). + +Ceci à mené à la création de BloomBagarre : Un série bimensuelle de tournois Super Smash Bros. Ultimate organisés à l'Université de Toulouse, accessible à tous les joueurs, avec des événements secondaires qui varient et une buvette de produits (en partie) faits maison ! + +![Le logo de BloomBagarre, composé du texte et de petites fleurs et piques. Le tout en blanc sur fond Rouge PNS, avec des lignes d'action noires au style animé.](./_bloombagarre.png) + +Cette série est notre plus importante depuis notre création (notre tournoi pilote comportait 24 joueurs à peine annoncé 2 jours à l'avance !), elle se devait d'avoir une charte complète. Cela inclut un habillage pour les diffusions de nos événements en direct : + +
+![Habillage de diffusion en direct pour une manche fictive entre ARK Doppler et PNS Clembs. Une fine bordure rouge épouse le contour. Peu d'éléments permettent de distraire le spectateur du combat en cours.](./_stream-overlay.png) + +
+Concept provisoire pour l'habillage de direct. Images de fond provisoires par [Gameplay Cache](https://www.youtube.com/watch?v=N8SR6gv65u4). Visuels non-contractuels. +
+
+ +Cette habillage, inspiré principalement par ceux trouvés dans la diffusion télévisée du sport, permet au spectateur de rapidement identifier les éléments importants d'un coup d'œil : le nom des joueurs, leur score, une caméra, la phase courante et un lien vers le tournoi. Il est délibérément sobre, afin de maximiser la visibilité du jeu en cours. + +Pour chaque événement BloomBagarre, plusieurs affiches doivent être créées pour l'occasion. Elles peuvent être très facilement conçues avec des modèles réalisés au préalable [Figma Design](https://www.figma.com/fr-fr/design/), ce qui accélère notre rythme de petite équipe. + +
+ ![Affiches d'annonce et de résultats du BloomBagarre #0, organisés le 27 juin + à l'Université de Toulouse, côte-à-côte. À gauche, l'annonce de l'événement + est promu avec "80€ de cashprize maximum", "32 joueurs en full BO5", "Amateur + bracket" et "Buvette + crêpes". À droite, les résultats sont affichés avec des + petites photos de basse résolution sur une grille, avec des fleurs pour + montrer les placements des joueurs.](./_announcement-results-bb0.png) + +
+À gauche, l'affiche pour annoncer le pilote du BloomBagarre. À droite, la fiche des 8 premiers placements du même tournoi. Les photos des joueurs, à l'instar des autres du tournoi, sont prises à la Nintendo 3DS ! +
+
+ +## Charte graphique + +Afin d'uniformiser et de renforcer notre identité de marque, j'ai conçu un document de 18 pages sur Figma détaillant la vision de PNS, comment utiliser les logos, ce qu'il faut/ne faut pas faire avec, et le vocabulaire à favoriser. + +Cela nous permet aussi de pouvoir plus facilement déléguer la création d'affiches et d'images de communication, avec une vision claire sur nos objectifs. + +Le document PDF est librement accessible sur notre système de fichiers interne : + + + +En voici quelques extraits en image : + +![Plusieurs diapositives du document d'identité de PNS : Logo, choses à faire/ne pas faire, la palette de couleurs, la typographie de BloomBagarre, le branding général des tournois et des exemples de bannières Start.gg](./_brand-guidelines.png) + +Comme mentionné précédemment, toute la charte graphique, les logos et la majorité des éléments graphiques qui composent notre identité de jeune assocation sont conçus sur Figma Design : + +![Le fichier Figma en forme de canevas géant. Chaque série d'événements à sa section, et plusieurs éléments divers sont presques visibles.](./_figma.png) + +## Conclusion + +C'est avec beaucoup de fierté que nous portons ce projet associatif et j'espère que mon travail de designer en est le reflet. Nous sommes encore une association débutante mais espérons tirer profiter de nos compétences pour proposer les meilleurs événements Super Smash Bros. possibles ! + +Je tiens à remercier Kylian Pawilowski, Gérald Leban, Célian Allouache et Adam Ben Frej, co-fondateurs de PNS d'avoir contribué et aidé à l'organisation de nos tournois, à nos soucis administratifs et d'être de super collaborateurs (et amis, bien entendu). Je remercie également le Pôle Animation de l'Université sans qui nous n'aurions pas pu organiser notre premier vrai tournoi, ni ceux à suivre.