Jewels - Découvrez la collaboration entre un développeur web et une classe de 3ème d'un collège de Seine-et-Marne

Jewels

Ce projet, réalisé en collaboration avec une classe de 3ème dans un projet annuel de fabrication et vente d'objets artisanaux, avait pour objectif de créer un site web à la fois accueillant et informatif, destiné à présenter les produits de manière claire et professionnelle, tout en offrant une expérience utilisateur agréable.

Un projet adapté sur tous vos supports

Pour vos grands écrans

Ou vos appareils mobiles

Un projet éducatif pour découvrir le web

Ce projet a été réalisé dans le cadre d'une collaboration avec une classe de 3ème, dans le but de leur faire découvrir les bases du développement web et de leur permettre de créer un site pour présenter les produits qu'ils ont fabriqués. En travaillant sur ce projet, les élèves ont pu apprendre les fondamentaux du design, du développement et du référencement, tout en mettant en pratique leurs compétences pour créer un site fonctionnel et attrayant.

Le web, pour tout le monde

A l'ère de l'intelligence artificielle, et des smartphones en général, les nouvelles générations sont de moins en moins à l'aise avec les outils de développement 'bruts' et les ordinateurs en général. Ce projet agit comme un premier contact avec des jeunes qui ne pensaient peut-être pas jusque là s'engager dans cette voie, et d'inspirer de nouvelles vocations. En montrant que le développement web est accessible à tous, et que les outils pour créer un site sont de plus en plus simples à prendre en main, j'espère avoir pu ouvrir de nouvelles perspectives pour ces jeunes et leur donner envie de découvrir davantage ce domaine passionnant.

Shine bright

Fonctionnalités

Jewels	Maquettes réalisées sur Figma Design épuré et moderne Simple vitrine, en one page Visuels de qualité pour mettre en valeur les produits présentés Responsive design pour une expérience optimale sur tous les appareils
Développement	Utilisation de NextJS Utilisation de Tailwind CSS V4 Composants simples et flexibles Site statique CI / CD avec GitHub Actions Déploiement sur Vercel Mise à disposition d'un QR Code pour accéder au site facilement depuis un téléphone
SEO	Utilisation de la couche SEO de NextJS pour la mise en place des balises meta Mise en place d'un sitemap pour faciliter la navigation sur les moteurs de recherche Utilisation d'un fichier robots.txt pour faciliter la navigation par les robots Utilisation de Google Analytics pour les statistiques

Soyez visible

Une approche structurée couvrant l'ensemble des leviers SEO, de l'optimisation technique à la création de contenu, en passant par la stratégie de mots-clés et le netlinking, pour garantir une visibilité maximale sur les moteurs de recherche.

Un site web pour présenter clairement vos produits

Un site web permet de regrouper vos produits, vos prix et votre identité professionnelle au même endroit. Plutôt que de dépendre uniquement d'une carte papier ou d'un tableau, vous disposez d’un espace structuré pour présenter vos produits, expliquer votre démarche et montrer concrètement ce que vous proposez. Un site web bien conçu renforce votre crédibilité et permet aux visiteurs de comprendre rapidement votre offre.

Une vitrine avec un countdown

Ce projet étant lié à une vente physique, et ne possédant pas de fonctionnalité de vente en ligne, le site agit comme une simple vitrine pour présenter les produits, avec un compte à rebours pour indiquer le temps restant avant la vente. Cela permet de créer un sentiment d'urgence et d'inciter les visiteurs à se rendre à la vente pour découvrir les produits en personne.

Comment entrer en contact ?

Vous pouvez me joindre grâce à mon formulaire de contact. Je serai ravi d'échanger avec vous sur vos besoins. Sinon, mon Github et LinkedIn sont également disponibles.

Me contacter

Aperçu du formulaire de contact sur mobile