DESCRIPTION DU
PROJET
Dans le cadre d’un projet universitaire, au second semestre, nous avons créé une agence fictive de développement web nommée OBSIWEB. L’objectif était de concevoir entièrement cette agence : identité visuelle, positionnement, stratégie de communication… Dans ce cadre, nous avons réalisé un site vitrine pour présenter ses services, son équipe et ses valeurs. Le défi était de rendre crédible cette structure fictive à travers un site cohérent, esthétique et professionnel.
Ce projet m’a permis de mobiliser mes compétences en intégration web, en communication, en UX/UI design et en travail d’équipe. Réalisé à l’IUT de Toulon dans le cadre d’une SAÉ, il a été mené en groupe de six.
J’ai principalement assuré la création du site via WordPress, un outil qui offre un gain de temps considérable pour ce type de réalisation. Les autres membres du groupe se sont davantage concentrés sur la partie UX/UI, à laquelle j’ai également contribué.
Cette expérience m’a aidé à mieux appréhender les différentes étapes de conception d’un site vitrine, ainsi qu’à comprendre l’importance de la coordination entre design et développement. Elle m’a aussi permis de gagner en autonomie sur WordPress et de renforcer ma rigueur dans la gestion d’un projet collaboratif.
COMPÉTENCES MMI
MIS EN JEU
LOGICIELS
UTILISÉS
APPRENTISSAGE CRITIQUE
AC14.06 – Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC :
WordPress nous a permis de gagner du temps pour la création du site vitrine, tout en offrant de nombreuses possibilités de personnalisation. Nous avons adapté un thème existant à notre charte graphique et ajouté les
fonctionnalités nécessaires à la présentation de l’agence.
AC14.01 – Exploiter de manière autonome un environnement de développement efficace et
productif :
J’ai travaillé de manière autonome sur la configuration de WordPress, en installant les extensions nécessaires et en structurant le site de façon claire et fonctionnelle, ce qui a facilité la gestion du projet.
AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions
simples :
Le site a été pensé pour offrir une navigation fluide et claire, avec un balisage structuré. Cette attention portée à la structure sémantique a également contribué à optimiser le référencement naturel (SEO).
AC14.03 – Générer des pages Web à partir de données structurées :
J’ai généré automatiquement une page de blog à partir d’articles structurés dans WordPress, en exploitant les fonctionnalités natives du CMS pour organiser et afficher les contenus de manière cohérente.
AC14.04 – Mettre en ligne une application Web en utilisant une solution d’hébergement standard :
Le choix de l’hébergeur a été crucial pour mêler performance et sécurité, notamment parce que nous avions mis en place un système de connexion destiné aux clients.
AC14.05 – Modéliser les données d’une application Web :
Nous avons réfléchi en amont à la structure du site, en organisant les contenus selon une arborescence claire pour faciliter la navigation et la gestion des informations.