ME CONTACTER
ME CONTACTER
Jour #1

Observation & réalisation d'un wireframe

Jour #1

Compréhensions du métier Designer Web au sein de l'entreprise et de l'importance des outils ( Canva, Figma, Photoshop )

Réalisation d'un maquette pour le projet WearDeal - site eCommerce avec des produits et promotions sur une page

Compréhension du fonctionnement des domaines internet.
Achat et configuration du domaine hahad.fr. 
Installation de l'hébergement pour enzo.hahad.fr

Création d'un compte administrateur et création des premières pages, puis de l'entête et pied de page. 

Observation d'une de la création de page sous Elementor, sous un thème simple pour un site web

Jour #2

Design & Intégration de la page bio

Jour #2

Fondamentaux du métier de Graphiste en effectuant la création de logo pour le site web

Compréhension de l'importance de expérience utilisateur et de interface utilisateur pour rendre le site facile et agréable 

Observation des  outils IA inspiration de design (Midjourney, Pinterest pour moodboards)

Création d'une des pages sous Figma avec des typo des couleur  et des animations

Rendre les design le plus léger et optimisé pour une navigation sur le mobile
Simplifier les fonctionnalités des pages, avec des modules innovants ( animation, diaporama, accordéons ) 

 

Jour #3

Design & Réalisation de logo canva

Jour #3

Découverte des fonctionnalités avec la prévisualisation et tests responsive en utilisant outil DevTools Chrome

Création de code court HTML et CSS pour introduire un template dans la page web

Réalisation de pages et bloc personnalisés grace aux outils Gutemberg et Elementor

Grace aux outils Infomaniak, FTP et SSH on peut publier le site sur un serveur en ligne

Observation d'une de la création de page sous Elementor, sous un thème simple pour un site web

Révision du menu pour le mobile ( responsive design ) 
Utilisation des outils pour contrôler le bon affichage ( XResponde )

Jour #4

Comprendre & maîtriser l'outil WordPress

Jour #4

  • Intégration du plugin pour afficher le glossaire ( définition dans le site 
  • Ajout des définitions des mots techniques durant le stage

Optimisation du design des boutons, sections, contenu textes, images, mockup. 
Ajustements de l'ergonomie, navigation pour une meilleure expérience utilisateur ( UX ) 

  • Apprentissage à l'utilisation d'outils en ligne pour la création de Mockups
  • Intégration des images, avec superpositions d'un gamma ( filigrane en couleur ou n&b ) 
  • Mise en de la structures pour gérer les onglets avec des modèles de section 
  • Intégration des modèles dans la page dynamique avec onglets et accordéons
Jour #5

Intégration d'un formulaire & rapport de stage

Jour #5

  • Intégration du formulaire de contact du site avec un "Popin" ( fenêtre modale ),
  • Configuration du bouton "Me contacter" pour une action surgissante au clic ver le fomulaire

Optimisation du design des boutons, sections, contenu textes, images, mockup. 
Ajustements de l'ergonomie, navigation pour une meilleure expérience utilisateur ( UX ) 

Utilisation de Page Speed de Google pour obtenir le score de performance du site 

Corrections à partir des recommandation de Google sur mobile et desktop ( ordinateur ) 

  • Mise en place d'un plugin pour la mise en cache ( accélération / vitesse de chargement
  • Optimisation des images ( réduire la taille)  
  • minification des fichers de code javascript ( réduire les lignes ) 

  • Validation par le maître de stage
  • Publication et mise en ligne du site (retrait de la page d'attente) 
PRESENTATION DE L'ENTREPRISE
PROGRAMME DU STAGE 5 JOURS
DECOUVRIR D'AUTRES STAGES

Me contacter

Nom(Nécessaire)
E-mail(Nécessaire)
Faites-nous savoir ce que vous pensez. Vous avez une question à nous poser ? Posez-la.