portfolio

X

Storyboard d’étude préalable au développement

picture

Dans sa version Laptop / Desktop & Mobile, l’interface global est construit sur de grandes courbes obliques orientées à 20 degrés. Sur la home-page, celles-ci succèdent au loader pendant le chargement et précèdent l’apparition des titres & textes d’introduction.

picture

S’en suit l’apparition du menu en tête de page. Il se veut discret, minimaliste & très épuré, et réagira au survol des boutons.

picture

L’interface graphique des pages « portail » répond aux mêmes règles (obliques à 20 degrés). l’écran va, (optiquement) se diviser en deux parties. l’une sera dédiée à des fonds d’écrans chargés dynamiquement au survol des boutons, tandis que la partie droite affichera le contenu des pages (au clic).

picture

Les captures ci-dessus sont une étude préalable d’animation pour une page très spécifique. Celle ci sera dédiée à l’illustration de mes compétences (page « profil »). Elle affichera simultanément trois étiquettes orientées sur l’axe central oblique. Chacun de ses onglets réagira au survol en chargeant un visuel dans la partie gauche de l’écran.

picture

Voici à quoi ressemblera l’adaptation pour mobile. On garde à peu près le même système d’affichage, certaines animations sont succeptibles de disparâitre ou d’évoluer differemment au chargement des pages. (contraintes Responsive & compatibilités oblige).

picture