Chantier graphique

Tout au long du projet, nous avons parlé études de marché, marketing, offre, business plan, MVP. Le temps est venu pour la partie design tenu par Ertan. Il a pu commencer à consacrer du temps pour le début du chantier graphique de notre plateforme et notre site web.

La base graphique

Ici Ertan, je vais vous expliquer l’avancement en terme de design de notre projet.

En premier lieu, j’ai consacré 3 jours à la recherche & analyse de site vitrine et de solution SaaS dans le domaine du BTP. Cela m’a permis de faire un début de Wireframe assez grossier. Puis très vite, des couleurs sont apparus:

  • un gris assez clair, représentant le côté béton, acier des chantiers.
  • un vert kaki, dans le thème de l’écologie pour la partie dématérialisation des documents.
  • et enfin un rouge “volcan”, assez attractif & chaud pour attirer l’oeil de la clientèle.

Couleur

Typographie

J’ai opté pour la typo “Quicksand”, assez ronde et chaleureuse, bien adapté pour les grands textes (de H1 à H4). Pour le corps de texte, la “Chivo” permet une lecture assez longue de texte sans fatigue.

J’ai adapté un tableau typographique que j’utilisais à mon travail pour le projet entrepreunarial. Les règles de typo sont fixées sur ce tableau, de ce fait, tout est cadrée & respecte la charte que je suis entrain de mettre en place.

Typographie

Un début de design system

Je ne suis pas encore très compétent sur ce sujet cependant avec l’aide du Product Designer de mon travail, j’ai pu élaboré un petit début de design system. Pour le moment je n’ai pu qu’inclure que des CTA et inputs, quelque symboles utilisé fréquemment dans mes maquettes.

Design system

Voilà pour le moment concernant le chantier graphique. Je me consacre désormais completement à l’élaboration des maquettes et la création de prototype pour faire une présentation durant la soutenance à mon retour à HETIC.

Written on April 26, 2019