jsdaigle.com

Site WebDirection artistiqueTout

Le monde change. Il était temps de faire peau neuve et de prendre position.

Suis-je encore capable de tout faire de A à Z? Ben oui, pourquoi pas.

Je me suis donc lancé dans la quête de refaire mon portfolio. Logos, icônes, système de design, textes, et toutes ces affaires d'IA qui vont de plus en plus vite.

Design

Vision

Atelier

Système

Enseignement

J'ai commencé par revoir mon logo. Une nouvelle moustache, de nouvelles couleurs et quelques éléments graphiques pour mettre le tout en contexte.

Ensuite, j'ai bâti un système de design dans Figma, pour avancer vite et modifier en lot.

Trouver le bon outil pour passer de Figma au Web. Et mautadine! L'industrie n'a pas encore de grand gagnant. Tout est une question de compromis.

Les textes et le contenu. Quel est mon style d'écriture? Qu'est-ce que je veux dire? Qu'est-ce que les gens veulent entendre?

La famille d'icônes

Dessinées une fois, réutilisées partout. Chaque service et chaque étape de l'approche a la sienne.

Vision et stratégie, facilitation et ateliers, et pensée systémique : c'est là que vit le bon design

Le système de design, en bref

Couleurs, typographie, boutons et icônes : l'essentiel derrière ce site.

Couleurs

Vert

#3F624C

Couleur principale

Forêt

#1F3527

Pied de page et contraste

Rouille

#DA5435

Accent et boutons

Marine

#1E465B

Couleur de soutien

Sable

#E1B26E

Rehauts

Toile

#F4F3EB

Fond

Typographie

Familles

Fraunces

--font-heading

Hanken Grotesk

--font-body

JetBrains Mono

--font-mono

Échelle

Le bon design, c'est difficile

text-5xl: 48px

Le bon design, c'est difficile

text-3xl: 30px

Le bon design, c'est difficile

text-xl: 20px

Le bon design, c'est difficile

text-base: 16px

Boutons

Secondaire (sm)Secondaire (md)Clair (sm)Clair (md)

Survolez un bouton pour voir la transition d'état. « Clair » est la variante à contour utilisée sur les fonds foncés, comme l'appel à l'action du pied de page.