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.