Bachelor 1 – Rapport de Stage – Semaine 2 & 3

Voici le résumé des tâches que j’ai réalisé au cours de la deuxième et troisième semaine de mon stage au sein de l’équipe Dotwiz.

Réalisation des Wireframes et Maquettes – (19/06/2017 au 24/06/2017)


Proposition de wireframe pour la page ‘Actions Scolaires’  

La réalisation de wireframe est une étape préliminaire à la réalisation d’un site web.

Un wireframe est un schéma simplifié sans couleur qui a pour but de déterminer l’agencement d’une page, on y ajoute, modifie ou supprime des élément pour améliorer l’ergonomie de celle-ci.

Viennent ensuite les maquettes qui sont des propositions statiques du futur site internet.

J’ai participé à la réalisation de plusieurs wireframes et maquettes :

  • 2 propositions de wireframe pour la page ‘Galerie’
  • une proposition de wireframe pour la page ‘Nos pôles’
  • une proposition de wireframe pour le pôle Scolaire
  • une proposition de wireframe pour le pôle Culturel
  • participation à la maquette de la page d’accueil

Intégration HTML – (26/06/2017 au 01/07/2017)

Page ‘Nos Pôles’ – (26/06/2017 au 28/06/2017)

Intégration de 3 blocs :

  • Bannière : récupération de l’image mise en avant et du titre de la page et configuration du plugin Breadcrumb NavXT
  • Présentation des pôles : création de tab en html puis ajout du contenu
  • Formulaire : création du carrousel avec le plugin Meta Slider – Pro et du formulaire avec le plugin Contact Form 7
Aperçu de la page ‘Nos pôles’ (Visuel non définitif)

Page ‘Galerie’ – (29/06/2017 et 01/07/2017)

Intégration de 2 blocs :

  • Bannière : récupération de l’image mise en avant et du titre de la page et configuration du plugin Breadcrumb NavXT
  • Galerie : création de la galerie avec le plugin Photo Gallery
wireframe gallerie
Proposition 1 de wireframe pour la page ‘Gallerie’

wireframe gallerie 2
Proposition 2 de wireframe pour la page ‘Gallerie’

Durand ces deux semaines, j’ai pu m’exercer à la création de wireframe et de maquette en utilisant les logiciels Balsamiq et Photoshop, et aussi apprendre le fonctionnement de plugins divers et variés.