Le but de cet exercice est de tester les aptitudes d'intégration de candidats pour le post susnommé (ça claque comme mot non ?), les aptitudes de design étant bien souvent visibles via portfolio. L'idée est de faire réaliser au candidat une simple vue mobile d'un composant de Wisembly, si possible sur la stack technique front de Wisembly.
La vue à réaliser est la suivante :
Il s'agit d'un redesign de l'interface Wisembly (release date Q1 2021), montrant un document en cours de présentation, et mettant le focus sur le composant d'Acceptance, permettant à un participant de donner son avis sur le contenu qui lui est présenté.
Le candidat s'attachera à reproduire le layout global (topbar, content, navbar), et soigner l'interaction du module d'Acceptance (fermé, ouvert, prise en compte de la réponse). Comme tous les états ne sont pas représentés sur ce design (états de transition, état sélectionné), le candidat est libre de réfléchir à l'UI/UX lui semblant la plus adaptée.
La partie front de Wisembly est du React.js + Material-UI. Il est conseillé au candidat de l'utiliser, afin de se rendre compte si cet environnement de travail lui conviendrait pour ce poste. Nous conseillons de passer par React create app afin d'avoir très rapidement le boilerplate nécessaire.
Le projet dispose d'assets situés dans le dossier assets/. Les codes couleurs dans maquette.couleurs.png. Il manque 3 emoji sur les 5 de la maquette (je n'ai pas réussi à remettre la main dessus ¯_(ツ)_/¯), si le temps et le coeur t'en disent, tu peux les redessiner pour montrer tes talents, sinon, tu peux dupliquer les svg existants aussi.
Le candidat livrera un repository Git (sur Github, Gitlab, Bitbucket, etc..) permettant de voir l'historique de ses commits.
guillaume@wisembly ou [email protected]
Good luck !