Contexte du projet

Nous recherchons un développeur Front-end UI/UX compétent pour finaliser la maquette design et effectuer l'intégration des pages web du site JapArt. L'objectif est d'améliorer l'aspect visuel et l'ergonomie du site, tout en offrant une expérience utilisateur exceptionnelle.

Fonctionnalités clés:

• Maquette design : Compléter la maquette design du site JapArt en intégrant les trois pages supplémentaires ("About", "Gallery", "Contact"), en respectant rigoureusement les principes de l'UI/UX design et en garantissant la cohérence avec la charte graphique existante.

• Intégration Front-end : Transformer la maquette design en un code Front-end pleinement fonctionnel en utilisant les technologies web de pointe, notamment HTML5 et CSS3, pour assurer une expérience utilisateur optimale.

• Optimisation de la Performance : Mettre en œuvre des techniques d'optimisation pour garantir que le site JapArt conserve des temps de chargement rapides et une navigation sans accroc, contribuant à une expérience utilisateur fluide et efficace.

Technologies et Outils requises:

• Intégration web avec HTML5, CSS3.
• Conception graphique avec Figma.

User Stories:

• En tant que designer UI/UX, je veux créer une maquette détaillée pour la page "About" de JapArt, en mettant en avant les informations essentielles.

• En tant que développeur Front-end, je dois convertir la maquette de la page "About" en un code HTML/CSS fonctionnel.

• En tant que designer UI/UX, je veux créer une maquette détaillée pour la page "Gallery" de JapArt, en mettant en avant les informations essentielles.

• En tant que développeur Front-end, je veux intégrer la maquette de la page "Gallery" en m'assurant que les descriptions des services sont claires et que les éléments graphiques renforcent l'expérience utilisateur.

• En tant que designer UI/UX, je dois assurer que la maquette de la page "Contact" inclue un formulaire de contact interactif, permettant aux visiteurs de soumettre leurs requêtes facilement.

• En tant que développeur Front-end, je m'engage à transformer la maquette de la page "Contact" en un formulaire de contact fonctionnel, en utilisant des technologies web modernes.

• En tant qu'utilisateur final, je m'attends à ce que le design des nouvelles pages ("About", "Services", "Contact") suive la charte graphique existante de JapArt pour une cohérence visuelle.

• En tant que responsable de la performance, je vais effectuer des tests de vitesse sur le site JapArt avant et après les modifications, en utilisant des outils comme PageSpeed Insights, pour garantir que les temps de chargement restent rapides.

• En tant que responsable de la performance, je vais veiller à ce que les images et les fichiers multimédias soient optimisés pour réduire leur taille tout en maintenant une qualité visuelle élevée, afin d'assurer une navigation fluide pour les utilisateurs.

Modalités pédagogiques

• Travail: Individuel.
• Durée de travail: 5 jours.
• Date limite de soumission: 18/10/2024 avant minuit.

---

Modalités d'évaluation

Vous présenterez votre travail pendant 20 minutes :

• 5 minutes : Démonstration du site web.
• 10 minutes : Explication du code.
• 5 minutes : Questions/Réponses.

---

Livrables

Premier livrable à livrer avant le 15/10/2024 à 12:00:

• Version finale des maquettes (.fig).
• Captures d'écran de chaque maquette.

Deuxième livrable à livrer avant le 18/10/2024 à 23:59:

• Lien de la planification des tâches (Trello/Jira/...).
• Lien vers le repository GitHub contenant :
  • README.
  • Le code source du site web en HTML/CSS avec tous les fichiers nécessaires.
  • Un lien vers le site web hébergé sur GitHub Pages.
  • Le fichier ou le lien du design final Figma sous forme d'un fichier compressé.
  • Lien de la présentation.