https://github.com/nicolasvauche/frontend_ecommerce

Analysis, conception and development of an e-commerce frontend, using Bootstrap or SASS
https://github.com/nicolasvauche/frontend_ecommerce

bootstrap course e-commerce frontend html5 sass

Last synced: 8 days ago
JSON representation

Analysis, conception and development of an e-commerce frontend, using Bootstrap or SASS

• Host: GitHub
• URL: https://github.com/nicolasvauche/frontend_ecommerce
• Owner: nicolasvauche
• Created: 2022-09-20T18:03:41.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2023-10-05T14:58:21.000Z (almost 3 years ago)
• Last Synced: 2025-08-19T22:32:53.713Z (11 months ago)
• Topics: bootstrap, course, e-commerce, frontend, html5, sass
• Language: HTML
• Homepage: https://nicolasvauche.github.io/frontend_ecommerce/
• Size: 10.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Étude d’un frontend e-commerce  

Analyse d’un brief, conception et réalisation d’un frontend e-commerce en deux étapes (HTML + Bootstrap et HTML + SASS).  

---

## Brief client :  

Créateur d’une marque de chaussures, je souhaite faire développer une boutique en ligne dédiée à ma marque. Pour l’instant je n’ai qu’une seule collection en vente, mais à terme je souhaite développer d’autres collections femme homme et enfant, déclinées selon l’activité : sport, travail, bureau, école etc…  

Je dispose d’un logo, d’une charte colorimétrique, des typographies, des visuels de mes produits, de leur description et de leur prix.  

Je souhaite attirer et fidéliser tout de suite de nouveaux clients, grâce à la possibilité de créer un compte et de se connecter à son espace personnel sur le site : anciennes commandes, favoris, informations personnelles, de livraison et de paiement, etc.  

Il faudrait que les gens puissent s’abonner à la newsletter  

---

## Détails des pages :  

**La page d’accueil propose :**  

* un résumé de la marque avec un CTA pour créer un compte

* les 4 produits en vente / en pré-commande

**L’espace client propose :**  

* Les informations personnelles

* Les adresses de facturation et de livraison (plusieurs adresses de livraison)

* Les pré-commandes

* Les commandes passées

* La gestion de l’abonnement à la newsletter

**Une page contenant un formulaire de connexion et un formulaire d’inscription**  

**Sur toutes les pages :**  

* En-tête :

    * Logo

    * Slogan

    * Menu :

        * Accueil

        * Espace Client

        * Inscription / Connexion / Déconnexion

* Pied de page :

    * Icônes :

        * Paiement sécurisé

        * Livraison gratuite à partir de 99€

        * Retours gratuits

    * Formulaire d’abonnement à la newsletter

    * Liens légaux (à définir)

---

## Éléments conceptuels :  

* Logo : [https://github.com/nicolasvauche/frontend_ecommerce/blob/master/assets/img/]

* Charte colorimétrique :

    * white: #ffffff;

    * brokenwhite: #f8f7f3;

    * black: #000000;

    * primary: #272222;

    * secondary: #e75000;

    * danger: #d13434;

    * info: #2a94c2;

    * success: #198754;

* Typographies (Google Webfonts) :

    * Standard : Roboto

    * Titres : Anton

* Visuels produits : [https://github.com/nicolasvauche/frontend_ecommerce/blob/master/assets/img/catalog/shoes/]

---

## Livrables :  

* Zoning / Wireframes / Maquette :

    * Page d’accueil

    * Page Connexion

    * Page Inscription

    * Espace Client :

        * Menu secondaire sur toutes les pages de l’Espace Client

        * Pages de l’Espace Client :

            * Mes informations personnelles

            * Mes adresses

            * Ma newsletter

            * Mes précommandes

            * Mes commandes

* Maquette HTML5 + Bootstrap

* Maquette HTML5 + SASS