This is the full stack development of AnangoPlan (AP).
AP is for the mass market.
This document will detail the process, the steps and the tools necessary to develop the site.
There will be four major phases in this document :
- The pre-development phase
- The front-end development phase
- The back-end development phase
- The post-development phase
Il s'agit du développement complet du site web AnangoPlan (AP).
AP est pour la vente de masse.
Ce document détaillera le processus, les étapes et les outils nécessaires au développement du site.
Il y aura quatre grandes phases dans ce document :
- La phase de pré-développement
- La phase de développement front-end
- La phase de développement back-end
- La phase de post-développement
-
I. Pre-development phase / Phase de pré-développement
-
I. B. Website features / Fonctionnalités du site
-
I. B. 1. Essential features / Fonctionnalités essentielles
- I. B. 1. a. Home page / Page d'accueil
- I. B. 1. b. Login and registration / Connexion et inscription
- I. B. 1. c. Online shop / Boutique en ligne
- I. B. 1. d. Social media integration / Intégration des réseaux sociaux
- I. B. 1. e. Privacy policy / Politique de confidentialité
- I. B. 1. f. Terms and conditions / Conditions générales
- I. B. 1. g. Cookies policy / Politique de cookies
- I. B. 1. h. Site map / Plan du site
-
I. B. 2. Less essential features / Fonctionnalités moins essentielles
-
-
I. C. Design and Layout / Design et Mise en page
-
I. C. 3. UI design / Design de l'interface utilisateur
- I. C. 3. a. Layout / Mise en page
- I. C. 3. b. Wireframes / Maquettes sans design
- I. C. 3. c. Color scheme / Palette de couleurs
- I. C. 3. d. Typography / Typographie
- I. C. 3. e. Logo / Logo
- I. C. 3. f. Icons / Icônes
- I. C. 3. g. Images / Images
- I. C. 3. h. Mockups / Maquettes avec design
- I. C. 3. i. Video / Vidéo
- I. C. 3. j. Audio / Audio
- I. C. 3. k. Animations / Animations
-
II. Front-end development phase / Phase de développement front-end
-
III. Back-end development phase / Phase de développement back-end
This phase is to define the action plan.
Cette phase consiste à définir le plan d'action.
The plan is to create an e-commerce website.
Le plan est de créer un site web d'e-commerce.
I consider two kind of features : the essential ones and the less essential ones.
The essential features are the ones that are necessary for the website to have a proper website. They are PRIOR!
The less essential features are the ones that are not necessary for the website. They are OPTIONAL!
Je considère deux types de fonctionnalités : les essentielles et les moins essentielles.
Les fonctionnalités essentielles sont celles qui sont nécessaires pour avoir un site web conventionnel. Elles sont PRIORITAIRES!
Les fonctionnalités moins essentielles sont celles qui ne sont pas nécessaires pour le site web. Elles sont OPTIONNELLES!
So, the essential ones are:
- Home page
- About page
- Contact page
- Login and registration
- Online shop
- Social media integration
- Privacy policy
- Terms and conditions
- Cookies policy
- Site map
Donc, les essentielles sont :
- Page d'accueil
- Page à propos de la compagnie
- Page de contact
- Connexion et inscription
- Boutique en ligne
- Intégration des réseaux sociaux
- Politique de confidentialité
- Conditions générales d'utilisation
- Politique de cookies
- Plan du site
And, the less essential ones are:
- Optional languages
- Blog
- Newsletter
- FAQ
- chatbot + generative AI
- Dark Mode
Et, les moins essentielles sont :
- Langues optionnelles
- Blog
- Newsletter
- FAQ
- chatbot + IA générative
- Dark Mode
This part is all about visuals.
Cette partie concerne tout ce qui est visuel.
This part is to search and identify all the UX/UI good practices when it comes to create an e-commerce website.
That's where we'll look for inspiration.
Cette partie consiste à rechercher et identifier toutes les bonnes pratiques UX/UI lorsqu'il s'agit de créer un site web d'e-commerce.
C'est là que nous chercherons l'inspiration.
This part is about all the psychology behind users habits when it comes to use an e-commerce website.
We'll try to apply all the good practices we found in the UX-UI technical watch in order to enhance the user experience.
Cette partie concerne toute la psychologie derrière les habitudes des utilisateurs lorsqu'il s'agit d'utiliser un site web d'e-commerce.
Nous essaierons d'appliquer toutes les bonnes pratiques que nous avons trouvées dans la veille technique UX-UI afin d'améliorer l'expérience utilisateur.
This part is about the design of the website.
Cette partie concerne la conception du site web.
This part is about the development of the part of the website that customers will see.
Cette partie concerne le développement de la partie du site web que les clients verront.
This part is about the development of the part of the website that customers won't see.
It's the part where we manage all the logic that will make the website functional.
It's the part where we manage the data of the customers or any other kind of data.
Cette partie concerne le développement de la partie du site web que les clients ne verront pas.
C'est la partie où nous gérons toute la logique qui rendra le site web fonctionnel.
C'est la partie où nous gérons les données des clients ou tout autre type de données.
This part is about the deployment of the website.
Cette partie concerne le déploiement du site web.