Créer les versions mobile et desktop d’une interface utilisateur en utilisant des maquettes fournies à utilisant le framework CSS bootstrap.
L’UI (pour User Interface - l’Interface Utilisateur) est la porte d’entrée par laquelle un utilisateur va interagir avec un site internet. Faisant partie intégrante de l’User Experience (l’expérience utilisateur), l’UI est clé lorsqu’il est question de penser une solution numérique. Sur mobile, tablette, desktop, l’UI doit pouvoir s’adapter au support sur lequel elle est visionnée. En tant que développeur, il est indispensable d'être à même de développer une solution numérique responsive en utilisant un framework CSS.
2.5/3j
A partir des maquette desktop et mobile du site internet Trainline, vous devez reproduire ce dernier en respectant la charte graphique, le positionnement des éléments et les couleurs utilisées. Vous utiliserez le framework CSS Bootstrap. Vous êtes invités à utiliser des images libres de droit et des icônes pour les éléments graphiques et autres logos. Les media queries sont utilisées en dernier recours si et seulement si le framework ne permet pas de répondre à la problématique rencontrée.
C4 - Développer une interface utilisateur (niveau 2)
- Les interfaces sont conformes aux maquettes de l’application.
- Le code source des composants est documenté
- Le code source du projet est disponible sur GitHub
- Les médias queries sont utilisées en complément au framework et non en substitut.
- Le projet est hébergé sur surge.sh
Deux maquettes
- Utilisation du framework CSS Bootstrap