Restez informé de mes actualités !

Inscrivez-vous et recevez un mail pour chaque nouveaux projets ajoutés.








Merci !

Vous êtes désormais inscrit, à bientôt !

Kley

Interface du portail Kley

Contexte

Les résidences étudiantes KLEY ont contacté Levana pour développer leur nouveau portail étudiant. Il leur permettra de remplir leurs démarches administratives et de retrouver leurs factures, services, évènements...
Ma mission
Intégration du portail en HTML/CSS/JS et réalisation des maquettes mobiles.


Maquettes

Kley m'a envoyé les maquettes au format desktop, je les ai ainsi décliné au format mobile.

Maquettes Kley

Styleguide de Kley

Styleguide

Avant de commencer l'intégration des maquettes, j'ai développé un styleguide qui recense tous les éléments importants du portail (bouton, titre, couleur). Cela permettra lors de leur utilisation de tous les modifier en une seule fois.


Intégration

J'ai utilisé la librairie Bootstrap avec ses colonnes, cela permet de faciliter le responsive et ainsi d'être le plus fidèle possible aux maquettes. Après la première page créée, je l'utilisais comme gabarit.

Interface de Bracket

Interface du portail Kley sur desktop
Interface du portail Kley sur mobile

Compétences

  • Déclinaison de maquettes
  • Respect des maquettes fournies
  • Intégration de contenu en HTML/CSS/JS
  • Outils et languages

  • Sketch
  • Bracket
  • HTML
  • CSS
  • JS