Librairie Lejeune
Librairie Lejeune est un projet de site eCommerce responsive créé pour présenter et gérer un catalogue de livres, d’articles de papeterie et de cadeaux. Le projet combine direction visuelle, interface UI, intégration front-end et fonctionnalités backend de base.
Le site comprend des pages publiques pour les visiteurs ainsi qu’un panneau d’administration permettant de gérer les produits, les catégories et le contenu du catalogue. Il a été réalisé avec HTML5, CSS3, SCSS, JavaScript, PHP et MySQL, avec un prototype Figma utilisé pour préparer l’interface et le parcours utilisateur.
Technologies & outils utilisés
Outils visuels & UI
Création du logo et des éléments d’identité visuelle.
Préparation et retouche des ressources visuelles.
Préparation de la mise en page, du prototype et du parcours utilisateur.
Front-end & backend
Structure et stylisation de l’interface responsive.
Ajout de comportements interactifs et de fonctionnalités de recherche.
Développement des fonctionnalités backend du panneau d’administration.
Gestion des données des produits, des catégories et du catalogue.
Explorez le site Librairie Lejeune grâce à la prévisualisation en direct. Vous pouvez consulter les pages publiques, parcourir le catalogue, tester l’affichage responsive et accéder au panneau d’administration de démonstration.
Pour explorer le panneau d’administration, utilisez les identifiants de démonstration suivants :
Instructions d’accès :
Nom d’utilisateur : guest@mail.com
Mot de passe : 1234
Consultez le code complet sur GitHub pour explorer la structure du projet, l’intégration front-end, les fonctionnalités PHP et la logique de base de données MySQL.
Afficher le prototype sur Figma
Explorez le processus de préparation de Librairie Lejeune en consultant le prototype Figma.
Processus de création
Pour créer Librairie Lejeune, j’ai combiné direction visuelle, prototypage UI et développement web. L’objectif était de créer une interface claire pour une librairie en ligne, avec des fonctionnalités pratiques de gestion du catalogue.
Logo & direction visuelle
Création du logo et de la direction visuelle avec Adobe Illustrator, avec une identité simple et reconnaissable pour la librairie.
Prototype & interface UI
Utilisation de Figma pour préparer la structure des pages, le parcours de navigation des produits et la mise en page de l’interface avant l’intégration.
Ressources visuelles
Préparation et retouche des éléments visuels avec Adobe Photoshop afin de renforcer l’apparence générale de l’interface eCommerce.
Intégration front-end & backend
Développement du site avec HTML5, CSS3, SCSS, JavaScript, PHP et MySQL, incluant des pages responsives, la gestion des produits et des fonctionnalités dynamiques de catalogue.
Fonctionnalités
Librairie Lejeune inclut des fonctionnalités eCommerce pratiques pour les visiteurs et les administrateurs : consultation du catalogue, gestion des catégories, recherche et filtres, pages responsives et panneau d’administration pour mettre à jour le catalogue.
Panneau d’administration
Le panneau d’administration permet d’ajouter, modifier, afficher ou supprimer des produits, afin de faciliter la gestion du catalogue.
Gestion des catégories
Les catégories de produits sont gérées avec MySQL, ce qui permet d’organiser les articles et de créer une navigation plus claire pour les visiteurs.
Interface responsive
Le site s’adapte aux écrans desktop, tablette et mobile pour offrir une expérience de navigation cohérente.
Recherche & filtres
Les visiteurs peuvent trouver les produits plus facilement grâce aux options de recherche et de filtrage, comme la catégorie, la plage de prix et le mot-clé.