Bannière du projet Site vitrine Sport hivernal

Site vitrine Sport hivernal

Fait en 1970

DESCRIPTION DU
PROJET

Dans le cadre d’un projet universitaire (SAE 1.05), au premier semestre, nous avons développé un site vitrine pour une boutique fictive spécialisée dans les sports de glisse, notamment le ski et les combinaisons. L’objectif était de concevoir un site simple, clair et fonctionnel, sans utiliser de JavaScript, afin de mettre en avant les produits et l’identité de la boutique.

Ce projet a été réalisé à l’IUT de Toulon, en groupe. J’ai principalement contribué à l’intégration HTML et CSS du site, en veillant à respecter les contraintes techniques et à optimiser l’ergonomie de la navigation.

Cette expérience m’a permis de renforcer mes compétences en développement web front-end, particulièrement en intégration sans JavaScript, et de mieux comprendre l’importance de la simplicité technique pour garantir la fluidité d’un site. Avec du recul, j’aurais pu améliorer la gestion responsive et approfondir l’accessibilité. Les connaissances acquises au second semestre, notamment en UX/UI design et optimisation web, me permettront d’enrichir mes futurs projets en proposant des interfaces plus intuitives et adaptées à tous les supports.

COMPÉTENCES MMI
MIS EN JEU

Développer

LOGICIELS
UTILISÉS

VS CodeFigma

APPRENTISSAGE CRITIQUE

AC14.01 – Exploiter de manière autonome un environnement de développement efficace et productif

Ce projet m’a permis de renforcer mon autonomie dans l’utilisation des outils de développement web, en intégrant un site en HTML/CSS sans recours à JavaScript, tout en assurant la qualité du code et la cohérence visuelle.

AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples

J’ai veillé à utiliser un balisage HTML sémantique pour optimiser la structure des pages et faciliter la navigation, ce qui contribue aussi à l’accessibilité et au référencement naturel (SEO).

AC11.02 – Évaluer un site web, un produit multimédia ou un dispositif interactif existant en s'appuyant sur des guides de bonnes pratiques

Lors de la conception, nous avons analysé des sites similaires afin de nous inspirer des bonnes pratiques d’ergonomie et de design, pour rendre le site de la boutique attractif et facile à utiliser.

AC15.05 – Construire une présence en ligne professionnelle (personal branding)

Ce projet m’a aidé à comprendre l’importance d’un site vitrine clair et professionnel pour promouvoir une activité commerciale, et ainsi mieux appréhender la construction d’une image cohérente en ligne.

AC15.01 – Gérer un projet avec une méthode classique

La réalisation collective du site nous a demandé d’organiser notre travail, de répartir les tâches et de respecter un planning pour mener à bien la conception et la livraison du projet.