Présentation du stage de première année chez Personacraft

Refonte complète du site web de l'entreprise : de la création de wireframes, à l’utilisation de Tailwind CSS jusqu’à la gestion de l’image de l’entreprise sur les réseaux sociaux.

Analyse et préparation

du 26 mai au 30 mai

Jour 1 - Audit complet du site actuel Examiner tout : contenus (textes, images), design (ergonomie, couleurs), technique (performances, bugs) et SEO (référencement). Lister ce qui fonctionne et ce qui doit être amélioré.
Jour 2 – Benchmark concurrents et inspirations Chercher 5 à 10 sites concurrents ou inspirants. Note ce qu’ils font bien (design, fonctionnalités, expérience utilisateur). Préparer un document comparatif.
Jour 3 – Défi nition des objectifs, arborescence et parcours utilisateur Définir ce que le nouveau site doit atteindre (ex. : plus de clients, meilleure image). Dessiner l’arborescence : quelles pages, quel ordre. Imaginer le parcours type d’un visiteur (chemin logique entre pages).
Création des wireframes (maquettes fonctionnelles) + validation Dessiner des schémas simples (papier ou logiciel) montrant où placer les éléments (menus, textes, images, boutons) sur chaque page clé.
Design

du 2 juin au 6 juin

Jour 1-2 - Création des maquettes graphiques Utiliser les wireframes et le moodboard validés pour créer des maquettes visuelles complètes (desktop + mobile). Respecter les couleurs, typographies, et styles décidés.
Jour 3 - Présentation et ajustements Présenter les maquettes. Noter les retours (clarté, esthétique, cohérence) et lister les points à corriger.
Jour 4-5 - Finalisation et préparation des assets Corriger les maquettes selon les retours. Préparer tous les éléments graphiques nécessaires au développement : icônes, images optimisées, palettes, typographies, fichiers exportés (SVG, PNG, etc.).
Développement – Front-end

du 9 juin au 13 juin

Jour 1-2 - Mise en place technique Créer la structure du projet (dossiers, fichiers), initialiser le dépôt Git, configurer les outils nécessaires (préprocesseurs, bundlers si utilisés). Commencer à intégrer le HTML/CSS de base.
Jour 3-4 - Intégration des pages principales Intégrer les pages clés : accueil, services, contact, etc. Reproduire fidèlement les maquettes graphiques (mise en page, styles, animations simples).
Jour 5 - Responsive et tests navigateurs Adapter le site pour les écrans mobiles et tablettes (responsive design). Tester sur différents navigateurs (Chrome, Firefox, Edge, Safari) et résoudre les problèmes éventuels.
Développement – Back-end / Fonctionnalités

du 16 juin au 20 juin

Jour 1 - Sécurité, performance, SEO Mettre en place les bonnes pratiques : sécurisation des formulaires, protections de base, optimisation des temps de chargement, vérification des balises SEO techniques.
Jour 2-3 - Mise en place du CMS ou back-end Installer et configurer l’outil choisi (WordPress, Strapi, ou autre). Mettre en place les bases : types de contenu, structure des données, connexion au front-end si nécessaire.
Jour 4 - Intégration des contenus dynamiques Relier les pages au CMS (ex. : affichage des articles de blog, gestion des projets, formulaires de contact fonctionnels). S’assurer que les contenus sont bien récupérés et affichés.
Jour 5 - Tests et corrections Réaliser une phase complète de tests fonctionnels. Vérifier que tout marche (navigation, contenus, formulaires). Corriger les bugs identifiés.
Image de l'entreprise sur les réseaux sociaux

du 23 juin au 27 juin

Jour 1 - Informations sur l'importance des réseaux sociaux Mettre en place différentes posts sur les différents réseaux sociaux ayant chacun un but différent.
Jour 2-3: Préparation des posts et des fonds carrousels Préparer les posts pour chaque réseaux sociaux, adapter les posts et leurs formats, définir un emploi du temps
Jour 4 – Mise en ligne du premier post sur chaque plateformes Réfléchir au descriptif et l’accroche de l’entreprise pour la présence sur les réseaux sociaux.
Jour 5 - Récapitulatif de l'ensemble des tâches Complétion du document d'attestation de stage et du tableau de synthèse.