Site e-commerce Sahar Noor

Website Sahar Noor

Développement web

Dans le cadre d’un projet encadré, j’ai eu deux semaines pour imaginer et développer seule un site e-commerce sur le thème de mon choix.

J’ai choisi de créer « Sahar Noor », une boutique fictive spécialisée dans les bagues en or, autour d’une identité visuelle élégante, lumineuse et raffinée.

Il s’agit du premier site web que j’ai développé entièrement seule. J’ai utilisé HTML, CSS et PHP pour construire les différentes pages et mettre en place une partie dynamique, tout en respectant un cahier des charges technique précis.

  • - Concevoir la structure d’un site e-commerce avec plusieurs pages : Accueil, Boutique, Panier et Contact.
  • - Développer l’interface du site en HTML et CSS.
  • - Adapter l’interface aux différentes tailles d’écran grâce au responsive design.
  • - Créer et exploiter un jeu de données au format CSV pour alimenter le contenu du site.
  • - Utiliser PHP afin de rendre l’affichage des produits de la boutique dynamique.
  • - Concevoir une identité visuelle cohérente avec l’univers de la marque fictive.
  • - Respecter le cahier des charges technique demandé tout au long du développement.

La première étape du projet était de choisir ce que je souhaitais « vendre » sur ce faux site e-commerce. J’ai alors imaginé Sahar Noor, une marque fictive de bagues en or.

J’ai commencé par réfléchir à son univers visuel et à l’expérience que je souhaitais proposer. J’ai travaillé sur une identité élégante et lumineuse afin de rester cohérente avec les produits présentés.

J’ai ensuite conçu la structure des différentes pages avant de développer progressivement l’interface en HTML et CSS.

J’ai utilisé PHP et un fichier CSV afin de gérer les données et d’automatiser l’affichage des produits de la boutique.

Tout au long du développement, j’ai également travaillé sur le responsive afin de conserver une navigation et une mise en page cohérentes sur différentes tailles d’écran.

  • - HTML5
  • - CSS3
  • - PHP
  • - Fichiers CSV
  • - Figma
  • - Responsive design
  • - Développement d’interfaces web
  • - Structuration de données
  • - Création d’une identité visuelle
  • - Organisation et autonomie

Ce projet représente une étape importante dans mon apprentissage du développement web, puisqu’il s’agit du premier site que j’ai réalisé entièrement seule.

J’ai particulièrement apprécié la liberté offerte par le projet. Pouvoir imaginer moi-même le concept, l’identité de Sahar Noor puis développer le site m’a permis de travailler à la fois sur la partie créative et sur la partie technique.

Le développement a également été un véritable défi, notamment lorsque j’ai commencé à intégrer PHP, les données CSV et le responsive. J’ai dû chercher, tester et corriger plusieurs fois certaines parties avant d’obtenir le résultat souhaité.

C’est justement ce qui a rendu ce projet très formateur. Il m’a permis de gagner en autonomie, de mieux comprendre la logique d’un site dynamique et de voir concrètement tout ce qu’il est possible de construire à partir d’une idée.

Avec le recul, je vois plusieurs éléments que je pourrais aujourd’hui améliorer techniquement et visuellement, mais je reste fière de ce premier site réalisé de A à Z et de la progression qu’il représente dans mon parcours.

Explorer le site

Voir le projet complet (PDF)