Belfort Water-polo

gestion de projet webdesign intégration
plan de communication référencement

Voici un de nos projets de deuxième année en MMI. Ici c’est un vrai client qui nous demandait de faire la refonte de son site. Le projet consistait à refaire le site du club de water-polo de Belfort. Nous étions par équipe de 3. Je suis le chef de projet et le responsable du pôle technique dans le projet. Cela m’a permis d’obtenir une plus grande aisance dans le développement tout en pouvant toucher au design et à la communication.

Le Projet

Le contexte

Mockup de l'ancien site de Belfort Water-polo

Le Projet

Le contexte

Voici un de nos projets de deuxième année en MMI. Ici c’est un vrai client qui nous demandait de faire la refonte de son site. Le projet consistait à refaire le site du club de water-polo de Belfort. Nous étions par équipe de 3. Je suis le chef de projet et le responsable du pôle technique dans le projet. Cela m’a permis d’obtenir une plus grande aisance dans le développement tout en pouvant toucher au design et à la communication.

Mockup de l'ancien site de Belfort Water-polo

La Maquette

Du webdesign !

Mockup de la maquette de Belfort Water-polo

La maquette a été réalisée pour répondre aux attentes du commanditaire qui souhaitait un site plutôt structuré et avec obligatoirement un formulaire de contact. L’harmonie colorée se base sur le ballon de water-polo. Et la typographie est adaptée à l’environnement sportif.

Mockup de la maquette de Belfort Water-polo

La Maquette

Du webdesign !

La maquette a été réalisée pour répondre aux attentes du commanditaire qui souhaitait un site plutôt structuré avec un formulaire de contact obligatoirement. L’harmonie colorée se base sur le ballon de water-polo. Et la typographie est adaptée à l’environnement sportif.

La Communication

Le plan de comm'

Réseaux sociaux

À travers le plan de communication, nous avons imaginé un moyen de récolter de nouveaux adhérents dans le club. Cela passera par la création d’un compte Instagram directement relié au compte Facebook déjà existant. Nous avons aussi pensé à une modification des flyers pour les redistribuer. Mais aussi de faire des partenariats avec des acteurs locaux.

La Communication

Le plan de comm'

À travers le plan de communication, nous avons imaginé un moyen de récolter de nouveaux adhérents dans le club. Cela passera par la création d’un compte Instagram directement relié au compte Facebook déjà existant. Nous avons aussi pensé à une modification des flyers pour les redistribuer. Mais aussi de faire des partenariats avec des acteurs locaux.

Réseaux sociaux

Le Référencement

Pour apparaitre dans les recherches !

analyse e-marketing

Nous avons, à travers différents audits, analysé le site déjà existant sous plusieurs axes. Celui de la sémantique, la technique, la visibilité, … Nous avons aussi proposé une campagne de netlinking. Nous avons utilisé des logiciels comme Screaming Frog, Ahrefs ou encore Majestic SEO. 

analyse e-marketing

Le Référencement

Pour apparaitre dans les recherches !

Nous avons, à travers différents audits, analysé le site déjà existant sous plusieurs axes. Celui de la sémantique, la technique, la visibilité, … Nous avons aussi proposé une campagne de netlinking. Nous avons utilisé des logiciels comme Screaming Frog, Ahrefs ou encore Majestic SEO. 

Intégration Maquette

Un peu de code !

Mockup de la maquette Bootstrap du site de Belfort Water-polo

La maquette HTML / CSS / JS a été réalisée à partir de la première version de la maquette XD. Celle-ci a été réalisée grâce au framework Bootstrap. Elle est totalement responsive.

Intégration Maquette

Un peu de code !

La maquette HTML / CSS / JS a été réalisée à partir de la première version de la maquette XD. Celle-ci a été réalisée grâce au framework Bootstrap. Elle est totalement responsive.

Mockup de la maquette Bootstrap du site de Belfort Water-polo

Intégration Finale

Finalisons le site !

Mockup du site de Belfort Water-polo

Le site est intégré sur WordPress à l’aide du plugin Elementor. La maquette a subi des changements. J’ai tout de même utilisé des notions de HTML / CSS / JS pour pouvoir le personnaliser au maximum. Le site est totalement responsive.

Mockup du site de Belfort Water-polo

Intégration Finale

Finalisons le site !

Le site est intégré sur WordPress à l’aide du plugin Elementor. La maquette a subi des changements. J’ai tout de même utilisé des notions de HTML / CSS / JS pour pouvoir le personnaliser au maximum. Le site est totalement responsive.

Outils Utilisés

Les logiciels, et autres qui m'ont aidé

Adobe XD utilisé pour le maquettage.

Filezilla utilisé pour déplacer les fichiers sur le serveur du département.

HTML / CSS / JS pour structurer, ajouter de l’interaction et habiller le site.

Bootstrap pour réaliser la maquette HTML / CSS /JS.

Google Suite m’a permis de faire la rédaction de mes articles et de stocker les documents en ligne afin de ne pas les perdre.

Trello, pour la gestion des tâches en groupe.

Infomaniak en tant qu’hébergeur.

et pleins d’autres outils (notamment dans le référencement) …