Appel d'offre JPO HETIC

Conception d’une landing page responsive optimisée pour l’inscription à la JPO d’HETIC.

Rôle

UX/UI Designer

Secteur

Éducation & Enseignement Supérieur

Durée

1 semaine

Le projet

La Journée Portes Ouvertes est un moment clé pour une école comme HETIC, permettant aux futurs étudiants de découvrir les formations, les associations et l’ambiance du campus. Pour faciliter les inscriptions et offrir une première interaction engageante avec l’école, une landing page unique et immersive a été conçue.

Cette page regroupe toutes les sections essentielles : un header avec un CTA clair pour s’inscrire, une présentation du programme de la JPO, une mise en avant des associations étudiantes, une vidéo immersive d’une journée type, ainsi qu’un footer regroupant les informations pratiques (date, lieu, accès, contact). L’enjeu principal était de concevoir un écran unique qui soit à la fois intuitif, impactant et efficace sur tous les supports (desktop, mobile, tablette).

Le projet

La Journée Portes Ouvertes est un moment clé pour une école comme HETIC, permettant aux futurs étudiants de découvrir les formations, les associations et l’ambiance du campus. Pour faciliter les inscriptions et offrir une première interaction engageante avec l’école, une landing page unique et immersive a été conçue.

Cette page regroupe toutes les sections essentielles : un header avec un CTA clair pour s’inscrire, une présentation du programme de la JPO, une mise en avant des associations étudiantes, une vidéo immersive d’une journée type, ainsi qu’un footer regroupant les informations pratiques (date, lieu, accès, contact). L’enjeu principal était de concevoir un écran unique qui soit à la fois intuitif, impactant et efficace sur tous les supports (desktop, mobile, tablette).

Phase 1 : Recherche & Définition des objectifs

L’objectif était d’optimiser le taux d’inscription en rendant l’expérience simple et fluide. Pour cela, une analyse des besoins des utilisateurs a été menée afin de déterminer les éléments clés à mettre en avant. Le parcours utilisateur devait être clair : capter l’attention dès le premier écran, fournir rapidement les informations essentielles et inciter à l’inscription via un CTA bien positionné.

Phase 2 : Conception & Wireframing

La structure de la page a été définie à travers des wireframes low-fidelity, en priorisant une hiérarchie d’information efficace. Le header avec CTA permettait une action immédiate, suivi d’un aperçu détaillé du programme de la JPO pour susciter l’intérêt. Une section dédiée aux associations a été intégrée pour mettre en avant la vie étudiante, accompagnée d’une vidéo immersive illustrant une journée type à HETIC. Enfin, le footer regroupait toutes les informations pratiques pour faciliter la venue des visiteurs.

Phase 3 : Design UI & Responsiveness

Le design final a été travaillé pour valoriser l’image dynamique et innovante d’HETIC, avec une charte graphique moderne et engageante. L’expérience utilisateur a été pensée mobile-first, garantissant une navigation fluide quel que soit l’appareil. L’interface visuelle intégrait des animations légères, des boutons d’appel à l’action visibles et une typographie claire pour maximiser l’accessibilité. Enfin, un prototype interactif a été réalisé pour tester le parcours et valider la fluidité de l’expérience avant la livraison.

Phase 3 : Design UI & Responsiveness

Le design final a été travaillé pour valoriser l’image dynamique et innovante d’HETIC, avec une charte graphique moderne et engageante. L’expérience utilisateur a été pensée mobile-first, garantissant une navigation fluide quel que soit l’appareil. L’interface visuelle intégrait des animations légères, des boutons d’appel à l’action visibles et une typographie claire pour maximiser l’accessibilité. Enfin, un prototype interactif a été réalisé pour tester le parcours et valider la fluidité de l’expérience avant la livraison.

D'autres projets