Documentation du stage - Yhernam/Stage GitHub Wiki

Semaine 1 (5 juin 2024 - 11 juin 2024)

Création du site vitrine

Mission : Réalisation d'un nouveau site vitrine qui remplacera l'ancien : NK Formation France.

[!NOTE] Exigences à respecter : même couleurs, même logo, mettre un carrousel sur l'accueil, rendre le site plus moderne.

Récupération des informations et répartition des pages.

Accueil (présentation de l'organisme et ses points principaux) :

  • Navbar (logo + pages).
  • Carrousel (avec du texte statique dessus).
  • Présentation de l'organisme.
  • Footer (contacts (réseaux sociaux + coordonnées), annonce des pages, politique de confidentialité, crédit).

- Catalogue de formations (présentation des différentes formations proposées par l'organisme) :

  • Déroulant de toutes les formations.
  • Documents détails des formations.
  • Possibilité de télécharger les documents.

- Contact (formulaire de contact avec les informations de contact) :

  • Formulaire permettant d'enregistrer les informations rentrées pour recontacter le client.
  • Mise à disposition des coordonnées de l'entreprise et horaires de disponibilités.

- A propos (présentation plus poussée de l'organisme) :

  • Présentation de l'organisme.
  • Plus d'information sur le contact et le lieu de l'organisme.
  • Présentation des valeurs de l'organisme.

- Connexion (formulaire de connexion) :

  • Formulaire pour se connecter à son compte.
  • Connexion pour l'admin.

Reproduction du site.

Nous avons reproduit le site fourni afin de se l'approprier et suivre la Directive Artistique de celui-ci.

Modification du site.

Nous avons modifié le site afin de le rendre plus fonctionnel et moderne tout en respectant les exigences.

Ajout de fonctionnalités supplémentaires.

Nous avons ajouté un mode sombre afin de se mettre à jour sur les récentes tendances en UX/UI.

Semaine 2 (12 juin 2024 - 14 juin 2024)

Création de la base de données afin de permettre la connexion de l'admin.

Création d'une table afin de récupérer les informations dans le formulaire de contact.

Création d'un compteur de visiteurs sur le site.

RENDU D'UNE PREMIÈRE VERSION DU SITE VITRINE - 14/06/2024.

Semaine 3 (17 juin - .. juin 2024)

Création d'une deuxième version du site vitrine.

[!TIP] Rendre le site plus professionnel. Pour cela, s'inspirer de Ureachus.

Objectifs :

Accueil :

  • Div de présentation (savoir ce que le site propose dès le début).
  • Étapes afin d'accéder à une formation.
  • Actualité.
  • Avis google des clients.
  • Partenaires.
  • Certifications.
  • Footer avec les coordonnées (sticky), les pages, copyright, politique de confidentialité, CGV, Mentions légales.

Formations :

  • Texte court + des points des catégories de chaque formation.
  • Div qui comporte des cards en carrousel sur chaque catégorie + chacune a un bouton "en savoir plus" avec plus d'informations.
  • Étapes plus détaillées pour les formations.
  • Un container qui comporte le "Demander une formation" et ses détails avec un bouton.
  • Catalogue de formations déjà disponible par catégories en carrousel de cards.
  • Questions fréquentes.

Contact :

  • Reprendre les informations sur le site.
  • Le faire correspondre au nouveau style.

Connexion :

  • Formulaire qui permet la connexion (peut être un modal qui s'ouvre).

Création de la version 2 du site vitrine.

Création de la page d'accueil :

  • Navbar (devenant une sidebar lors de la visualisation du site sur téléphone).
  • Page d'accueil avec petit texte de présentation qui permet de comprendre rapidement ce que propose l'organisme.
  • Présentation des différents services proposés.
  • Présentation des partenaires.
  • Mention de certification.
  • Espace pour contacter dans un petit card (avec précision des horaires).
  • Footer avec les réseaux qui reste affiché sur le bas de la page lors du scroll (exigence).
  • Footer regroupant les informations importantes et toutes les pages du site + la politique de confidentialité et les mentions légales.

Création d'une card "présentation" :

  • Création d'un form.
  • Services proposés par NK-formation.

Création de la page Formations :

  • Création de cards slider des formations (fond finit le 18/06).
  • Confection des images pour les catégories de formation (DALL E).

Création de la page de contact :

  • Création d'un form qui enregistrera les informations de la personne souhaitant rentrer en contact avec l'organisme.
  • Petit texte présentant l'entreprise plus en détails (certification, etc).
  • Mise en avant des valeurs de l'organisme (progress bar).
  • Réflexion pour la mise en pages.

Création de la connexion :

  • Possibilité de se connecter à travers la navbar.
  • Ouverture d'un modal lorsqu'on appuie sur "connexion" qui comporte un form qui permet la connexion.