Hackathon : marché direct

Il s’agit d’un projet réalisé à l’occasion du Hackathon. Il s’agit d’un site dont le but est de mettre en lien des commercants présent sur un marché et des clients. Nous avons donc imaginé l’ux et l’ui en accord avec un groupe de développeur en formation.

Nous avons commencé par une veille afin de mieux comprendre le sujet avant de réfléchir à une charte graphique. Nous avons donc établis un moodboard en tout premier lieu. Ce moodboard a été l’occasion de choisir une palette de couleur.

Nous avons voulu dans le choix des couleurs employer des couleurs vives et principalement le vert. Effectivement, il était question de mettre en avant les légumes pour créer un univers proche du marché. Quant à la typographie, nous avons voulu une police d’écriture écrite à la main, pour les titres afin d’apporter le côté plus humain que l’on peut associer aux marchés, sans pour autant faire partie de celles plus élégantes. Ainsi, la font « permanent marker » a été choisie.

Par la suite nous avons travaillé le logo : le rouge et le vert ont été choisis notamment par rapport au fait que ce sont des couleurs vives. Ce dernier représente quelque chose de plutôt traditionnel des marchés. Le logo a été réalisé sur Illustrator pour en avoir une version vectorielle utilisable un peu partout sans soucis de résolution.

Ensuite nous avons travaillé à établir une maquette du site et un design system sur figma, à l’aide de retours, notamment du groupe de développeur pour convenir à leur contraintes. La maquette a été pensée de sorte à être responsive pour faciliter l’intégration par le groupe de développeur et le design system permettait de pouvoir modifier rapidement les éléments pour tenir compte des retours de ces derniers. Les icônes ont en partie été faites sur Illustrator. La seconde partie est constituée d’icônes libres téléchargées sur internet.