Pour l’examen de Layout, nous devons réaliser une page interactive présentant une agence fictive contenant 3 avatars en vecteur que nous devons créer.
Les avatars et le logo
J’ai donc commencé par trouver un nom pour mon agence de web design, j’ai choisi Woob pour rappeler le mot web. J’ai ensuite rédigé chaque paragraphe qui allait se trouver sur la page de présentation. Passons maintenant aux avatars, mais avant de se précipiter, j’ai été chercher une palette de couleurs qui conviendraient à l’image de mon agence.
Je passe ensuite aux recherches graphiques pour mes avatars afin qu’ils soient les plus épurés possibles. Après plusieurs idées, j’ai retrouvé « Toca Boca » un jeu de mon enfance. Je me suis donc inspiré de ces personnages pour faire les miens. L’un d’entre eux doit avoir pour exemple une photo de nous ou d’un inconnu. Après quelques heures passées devant mon écran et des calques bien rangés. J’avais enfin fini mes avatars ainsi que le logo que j’ai réalisé vectoriellement.
La page interactive
Sur Figma, cette page doit être une « one page » ne dépassant pas 980px de larges. Elle doit présenter notre agence, avec des couleurs, des polices et une ambiance qui la représente bien. Il doit aussi y avoir des boutons interactifs qui permettent de naviguer sur la page ainsi qu’un survol sur chacun des boutons. Je passe donc à l’attaque, je crée la page, je trouve une police qui ne me semble pas mal, la « Fredoka ». Pour les couleurs je n’avais pas loin où aller vu que je les avais déjà choisies.
Après une dizaine de boutons créée ainsi que leur survol j’en arrive enfin au bout. J’ai évidemment vérifié mainte fois que chacun d’entre eux fonctionnait.
Le résultat
