WEBCAPY

Année de BUT n°1 - Autre - Réalisé en 2025

Dans le cadre d’une Situation d’Apprentissage et d’Évaluation au sein de ma formation aux métiers du multimédia et de l’internet (MMI) au sein de l’IUT de Toulon (SAE 2.01 et 2.02), nous avons créé une agence de développement Web en partant de zéro (AC12.01 - Concevoir un produit ou un service en terme d’usage et de fonctionnalité + AC12.02 - Construire la proposition de valeur d’un produit ou d’un service). Mon équipe était composée de Coralie MEYER, Mathis DAMIENS, Mikalai Yeuseyenka et moi-même, le tout supervisé par notre cheffe de projet : Océane Groux. Toutes les semaines, notre cheffe de projet envoyait un journal hebdomadaire à notre commanditaire. J’étais en charge de la prise de notes lors des réunions. Mais ce travail ne demandait pas seulement la création d’une agence, il exigeait également une très grande variété de livrables.

De WebWares à WebCapy

Nous avons réfléchi longuement au nom avant de nous décider : WebWares, WebZair, WebWarriors, Castors en costard, Beavers of the web, AragnaWeb et enfin, WebCapy.

J’ai d’abord été chargé d’un audit de différentes agences de développement Web déjà existantes, ainsi que d’une ancienne agence crée par des étudiants MMI pour ce travail universitaire (AC15.04 - Analyser un produit ou un service innovant en identifiant les propositions de valeurs et en évaluant les solutions proposées). En parallèle, deux autres membres de l’équipe étaient en train de commencer à construire le dossier de planification, contenant :

Un W.B.S. (une carte mentale) référençant toutes les tâches de notre projet
Un tableau des tâches référençant leur liste, leur enchainement, leur durée et le nombre de personnes travaillant sur la tâche
Un diagramme de Gantt, une visualisation chronologique du tableau des tâches

J’ai aidé à la conception du tableau des tâches, ainsi qu’à un autre livrable très important : l’identité visuelle de l’agence. La charte graphique de WebCapy n’est pas seulement un document présentant notre logo et son utilisation, c’est aussi un grand manuel qui inclut :

Le logo
Les polices utilisées par l’agence
Les couleurs de l’agence
Les éléments graphiques additionnels

Mais également à quoi ressemble cette identité visuelle sur :

Une carte de correspondance
Une enveloppe
Une carte de visite
Un carton d’invitation
Les masques de diaporama (Pour les présentations à l’intérieur et à l’extérieur de l’agence)
Le journal hebdomadaire
Le compte-rendu de réunion
La page d’accueil de son site internet (sur ordinateur comme sur téléphone)
Divers goodies (Stylo, tote bag, cahier, clé sub, t-shirts)

Le tout, avec les paramètres précis pour les supports que je viens de lister (taille des marges, polices de caractères et couleurs utilisées, taille du support, etc.). J’ai travaillé sur une bonne partie de la charte graphique et j’ai réalisé la maquette de la majorité des supports (avec leurs mesures) (AC13.03 - Créer, composer et retoucher des visuels).

Présence en ligne

Nous avons dû créer ensuite des réseaux sociaux et animer une communication sur LinkedIn et Instagram. Nous avons créé des affiches invitant les étudiants à s’abonner à nos réseaux sociaux, ceci, également afin de faire connaitre notre agence au sein du département MMI. J’ai conçu l’infographie de beaucoup de posts présents sur le compte Instagram de WebCapy (@web.capy), j’ai aussi conçu les affiches de promotion de l’agence.

Nous avons également créé un site internet pour l’agence (AC13.05 - Designer une interface web (wireframes, UI)), présentant l’agence et comportant un espace client entièrement fonctionnel. La maquette a été élaborée avec l’outil Figma, puis finalisée avec le CMS Wordpress. L’ensemble était complété par un article sur le thème du développement web. J’ai choisi de présenter les récentes avancées dans le langage HTML. Pour ce projet, j’ai participé à la création de la maquette du Site internet et adapté cette maquette au format téléphone. J’ai aussi participé à la création du site internet.

Sur ce site internet, il devait également y avoir un autre livrable : un taser du lancement de l’agence sous la forme d’une courte vidéo présentant notre agence et ses valeurs. Durant cette vidéo, nous avons mis en scène notre mascotte sous forme 3D.

Les CapyGames

Afin de promouvoir notre agence, nous avons préparé un évènement sur le thème du « Marron » (AC15.02 - Budgéter un projet et suivre sa rentabilité) : les CapyGames, inspirés de la série Netflix Squid Games. Notre évènement consistait en une succession de jeux employant des marrons (j’ai fourni les marrons) :

Un jeu de forme
Un morpion
Un chamboule-tout (je suis celui qui a fourni les conserves)
Un quizz Kahoot
Une catapulte
Un curling

Malheureusement nous avons annulé certains des jeux prévus suite à des problème d’emploi du temps (des cours ayant étés annoncés trop tard) mais pour cet évènement, nous avions créé un dossier de Sponsoring ainsi que des affiches de promotion. Au final, et malgré le peu de participants tout s’est déroulé sans problème.

Notre agence et les livrables ont été détaillés à travers un cahier de conception ainsi que lors d’une soutenance le 12 Juin (AC15.04 - Analyser un produit ou un service innovant en identifiant les propositions de valeurs et en évaluant les solutions proposées), marquant la fin de WebCapy.

Conclusion

Ce projet fut une grande joie, en le présentant ici je me suis rappelé les très bons souvenirs associés à ce travail d’équipe (AC15.06 - Interagir au sein des organisations). Il y a évidemment des choses que je modifierais comme par exemple améliorer l’organisation de l’événement pour qu’il puisse se produire plus tôt et ainsi attirer plus de monde. J’en profiterais également pour améliorer notre communication sur LinkedIn. Mais même en l’état, je suis très fier de ce que moi et mon équipe (que je remercie d’ailleurs) avons accompli.