DocSelect Front-end UI/UX Project

Contexte du projet

Nous cherchons un développeur Front-end UI/UX talentueux pour transformer le site vitrine actuel de DocSelect d'une seule page en un site multi-pages plus riche en contenu et offrant une expérience utilisateur optimisée pour les professionnels de santé et leurs patients. L'objectif est de mieux présenter les services de gestion de disponibilité des docteurs et de faciliter la prise de rendez-vous par les patients.

Objectif

• Migrer le site actuel vers un format multi-pages incluant les pages : Home, About, Services, Contact Us.
• Garantir une navigation fluide et intuitive.
• Respecter une charte graphique moderne centrée sur la santé.
• Optimiser les performances et garantir une compatibilité mobile, tablette et desktop.

Fonctionnalités clés

• Structure multi-pages : Diviser le contenu en plusieurs pages avec une navigation intuitive.
• Design moderne : Créer un design adapté à tous les appareils (mobile, tablette, desktop), centré sur la santé.
• Contenu optimisé : Proposer un contenu adéquat (texte et images).
• Optimisation des performances : Maintenir des temps de chargement rapides malgré les nouvelles fonctionnalités.
• Formulaire de contact amélioré : Ajouter des champs interactifs pour faciliter la communication des visiteurs.

Technologies requises

• HTML5
• CSS3

User Stories

• En tant que visiteur, je veux naviguer facilement entre les différentes sections du site pour trouver rapidement les informations dont j'ai besoin.
• En tant que développeur Front-end UI/UX, je dois créer des pages telles que Home, About, Services, Contact Us pour améliorer l'expérience utilisateur.
• (Bonus) En tant qu'UX designer, je dois réaliser une wireframe low-fidelity pour visualiser la structure de base et la navigation du site.

Bonus et recommandations

• Analyse des performances : Évaluez et optimisez l'architecture existante avant la migration.
• Conformité W3C : Assurez-vous que le code HTML et CSS est conforme aux normes du W3C.
• Tests d'accessibilité : Utilisez des outils comme Axe ou WAVE pour tester et améliorer l'accessibilité.
• Déploiement GitHub Pages : Hébergez le site final sur GitHub Pages pour le rendre public.

Modalités pédagogiques

• Travail : Individuel.
• Durée : 2 jours.
• Date limite : 11/10/2023 à 17:30.

Modalités d'évaluation

• Durée de 10 minutes.
• Évaluation du respect des exigences fonctionnelles et des fonctionnalités clés.
• Validation du site via les validateurs HTML/CSS du W3C.
• Tests de compatibilité avec différents navigateurs et appareils.
• Tests d'accessibilité.
• Session de Q/A.

Livrables

1. Lien vers le repo GitHub contenant le code source (HTML/CSS) et tous les assets.
2. Lien vers le site web hébergé sur GitHub Pages.

Bonus

• Wireframe low-fidelity d'une page.