⚠️Projet en cours ⚠️
Contexte :
Pour une artiste mangaka, j'ai développé un site e-commerce complet qui permet de vendre des dessins personnalisés, une galerie de dessins, ainsi que des mangas en version physique ou virtuelle (scans). Le site inclut un système de filtres et de recherche, un back office pour l'administration, et un système de paiement intégré via Stripe.
Technologies et Outils Utilisés :
- Front-End : Next.js pour une utilisation de React en front-end et back-end, permettant un référencement naturel grâce au Server-Side Rendering (SSR).
- Back-End : Symfony pour le traitement des données et la gestion du back-office via ezadmin.
- Base de Données : Doctrine ORM avec Symfony pour la gestion des données.
- Système de Paiement : API Stripe pour les transactions financières.
- Design et Intégration : Réalisation de la maquette avec Figma, intégration en HTML, CSS et Sass.
Fonctionnalités Clés :
- Galerie de Dessins :
- Vente à l’Unité et par Collection : Les utilisateurs peuvent acheter des dessins à l’unité ou des collections complètes. Les collections peuvent inclure des mangas/scans associés. Des points de fidélité permettent d'acheter des collections.
- Protection des Images : Les dessins sont protégés par une qualité basse et un filigrane pour les affichages haute qualité.
- Recherche et Filtrage : Un système de filtre permet aux utilisateurs de rechercher et de trier les dessins et collections.
- Commande de Dessins (Commission) :
- Estimation de Disponibilité : Avant de passer une commande, les clients peuvent obtenir une estimation de la disponibilité de l’artiste en fonction des demandes reçues.
- Formules de Commande : Différentes formules de commandes sont proposées, et les clients peuvent discuter en direct avec l’artiste pour des précisions.
- Confirmation par Email : Les clients reçoivent un email de validation de commande avec toutes les informations nécessaires.
- Vente de Manga/Scan :
- Accès Gratuit et Payant : Le début des scans est gratuit, avec une option payante pour le reste. Les mangas physiques doivent être achetés en librairie, mais les scans sont disponibles en ligne.
- Recherche et Filtrage : Système de filtre et de recherche pour les mangas et scans, avec un système de collections similaire à celui des dessins.
- Administration :
- Back Office : Création et gestion de produits, catégories, et collections via un panel admin avec ezadmin.
- Gestion des Commandes et Disponibilités : Modification des temps de réponse et gestion des commandes.
- Personnalisation du Site : Possibilité de personnaliser le site ou d’ajouter des thèmes saisonniers.
- Abonnement :
- Offres d’Abonnement : Trois offres d'abonnement permettent d’accéder à certains produits sans paiement unitaire. Les offres sont divisées entre accès aux mangas, aux dessins, ou aux deux.
- Système de Paiement :
- Transactions Sécurisées : Intégration de Stripe pour gérer les paiements des dessins, scans, collections, et commissions. Les mangas sont achetés en librairie physique.
Développement et Intégration :
J'ai conçu la maquette du site avec Figma, en définissant le design et l'ergonomie. J'ai ensuite transformé cette maquette en code avec HTML, CSS, et Sass, en intégrant le tout dans Next.js pour profiter du Server-Side Rendering avec React. Symfony a été utilisé pour le back-end et le back-office avec ezadmin, tandis que Stripe a été intégré pour les paiements sécurisés.
Apprentissages et Réalisations :
Ce projet m'a permis de découvrir et d'intégrer divers outils et technologies : Stripe pour les paiements, Next.js pour le SSR avec React, et Symfony pour la gestion back-end. J'ai également conçu et réalisé le design complet du site avec Figma, puis je l'ai intégré en HTML, CSS, et Sass. Ce projet illustre ma capacité à gérer l'ensemble du processus de développement web, du design à l'intégration et la gestion des fonctionnalités complexes.
