Prototyper

Tout projet mérite un plan.

Je ne peux que conseiller le papier et le crayon pour commencer à réfléchir aux élements que vous souhaitez mettre en valeur.

Ensuite pour réaliser une maquette plus aboutie il existe des outils de design assez facile à prendre en main.
Vous avez la possibilité de partager ces maquettes à votre équipe qui pourra anoter des remarques, ou même proposer des améliorations.
Pour chaque objet on peut extraire le code css facilement, ce qui facilitera le travail d'intégration.

Outils de design

- Figma le plus connu, possède pas mal de plugins pour faciliter l'insertion d'icones issues de vos bibliotheques habituelles (que ce soit fontawesome, flaticon, ...), des plugins RGAA, etc.
La plupart des fonctionnalités sont accessibles en utilisateur gratuit, cependant pour le mode dev qui permet d'extraire le css il faut un abonnement.
- PenPot l'alternative open-source - un version auto-hébergée par le collectif Yeswiki est disponible design.yeswiki.net