Affichage de 2 résultat(s)

French American Academy website

Crédit photo de couverture : stux / Pixabay

Présentation du projet

Il s’agit de la refonte du site de la French American Academy, une école bilingue français-anglais de 3 campus, à ce jour, située dans le New-Jersey (Etat-Unis).

Objectifs

Le site se devait d’être responsive (s’adapte à toute taille d’écran) et bilingue (français / anglais) :

  • informer sur les activités de l’école que ce soit pour de nouveaux prospects ou les parents d’élèves déjà scolarisés
  • attirer de nouveaux prospects résidant dans les zones de campus (parents, adolescents)
  • leur permettre de
  • attirer de nouveaux enseignants
  • faciliter l’envoi/ la réception des candidatures (via un outil CRM) et la création de contenus

Cible

Ainsi, les cibles « externes » sont :

  • les parents et élèves
  • les enseignants
  • les futurs gestionnaires de campus du réseau de l’école

Les cibles internes sont l’administration de l’école (webmasters de campus), et particulièrement l’équipe de communication qui s’occupe par exemple de la gestion du blog du site.

Equipe

  • 1 référent du projet à l’école
  • 1 Chef de projet
  • 1 UX Designer / Assistante en phase de conception (moi)
  • 1 Graphiste / UI Designer
  • 1 intégratrice web

Apps utilisées

  • Conception : Adobe XD pour l’UX-UI design
  • Réalisation : WordPress et
  • Elementor (theme builder)
  • Gestion de projet : Trello
  • Slack

Missions

En tant qu’UX Designer / Assistante Chef de projet en agence digitale :

  • Participation aux réunions en phase de conception avec le client
  • Production d’une partie des wireframes des pages principales (templates), version desktop et mobile
  • Suivi du projet en phase de conception avec le client
  • Suivi de la progression des maquettes low-fi à high-fi avec l’UI Designer
  • Itérations à partir des retours du client

L’un des challenges en phase de conception était la gestion de différents menus sur le site, qui a été résolue par l’incrustation d’un menu « flottant ».

J’ai également eu pour mission la rédaction d’un article sur ce projet, sur le site de l’agence.

table-mountain-max

Travel website & blog

Crédit photo de couverture : Justasurferdude / Pixabay

Apparition du menu (JavaScript/jQuery)

travel-blog-exemple

Exemple de page d’accueil desktop pour un site/blog de voyage

Technologies utilisées : html, CSS, Bootstrap, JavaScript/jQuery

Visuels utilisés pour cette réalisation :

Crédit photos : « Bryce Canyon » by StockSnap/Pixabay , « Safari Elephants » by Pexels /Pixabay, « La Havane, Cuba » by hoeldino / Pixabay