Stage 1 — 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.
À distance — Mai / Juin 2025

← Retour aux expériences

du 26 mai au 30 mai

Analyse et préparation

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. Noter ce qu'ils font bien (design, fonctionnalités, expérience utilisateur). Préparer un document comparatif.

Jour 3 — Définition des objectifs, arborescence et parcours utilisateur Définir ce que le nouveau site doit atteindre. Dessiner l'arborescence : quelles pages, quel ordre. Imaginer le parcours type d'un visiteur.

Jour 4 — Création des wireframes + validation Dessiner des schémas simples montrant où placer les éléments (menus, textes, images, boutons) sur chaque page clé.

du 2 juin au 6 juin

Design

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.

Voir le PDF →

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.

du 9 juin au 13 juin

Développement – Front-end

Jour 1-2 — Mise en place technique Créer la structure du projet, initialiser le dépôt Git, configurer les outils. 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. Reproduire fidèlement les maquettes graphiques.

Jour 5 — Responsive et tests navigateurs Adapter le site pour les écrans mobiles et tablettes. Tester sur différents navigateurs et résoudre les problèmes.

du 16 juin au 20 juin

Développement – Back-end / Fonctionnalités

Jour 1 — Sécurité, performance, SEO Mettre en place les bonnes pratiques : sécurisation des formulaires, optimisation des temps de chargement, balises SEO.

Jour 2-3 — Mise en place du CMS ou back-end Installer et configurer l'outil choisi. Mettre en place les bases : types de contenu, structure des données.

Jour 4 — Intégration des contenus dynamiques Relier les pages au CMS. 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. Corriger les bugs identifiés.

du 23 juin au 27 juin

Image de l'entreprise sur les réseaux sociaux

Jour 1 — Informations sur l'importance des réseaux sociaux Mettre en place différents 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éseau social, adapter les formats, définir un planning.

Jour 4 — Mise en ligne du premier post sur chaque plateforme 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.