Travailler sur ce site m’a permis de tester la puissance des outils de développement de Google Chrome.
WeFly Design ( https://weflydesign.com ) est une startup basée en Côte d’Ivoire et spécialisée dans le conseil et le design de drones industriels. J’ai récemment l’occasion de travailler, en tant que Head of Design chez WeDevGroup sur son site web, ainsi que sur son logo. C’est un projet particulier qui a nécessité que j’abandonne mon workflow habituel :
- Mockup;
- Maquette et prototype;
- Code.
pour aller directement à la 3e étape.
Il faut dire qu’il s’agissait d’un cas de figure particulier, où il fallait concevoir dans les plus brefs délais – 1/2 journée – une page d’accueil offrant aux internautes la possibilité de s’abonner à une newsletter.
Il n’y a donc pas eu de travail graphique à proprement parler sur ce projet – en dehors de la conception du logo, sous Affinity Designer.Pour le reste, tout a été fait entre Google Chrome et Sublime Text – et il faut avouer que l’édition en temps réel des css a été d’une grande aide sur le sujet.
La première version de weflydesign a été codé en 1/2 journée, grâce à html5 boilerplate et Gulp. Elle intègre également particles.js , une librairie javascript qui émule le déplacement de particules (je souhaitais l’utiliser depuis longtemps sur un projet).
La version actuelle de WeFly Design, que je viens tout juste de terminer, tourne sur WordPress : elle se base sur mon template Html5ResetxMaterializeCSS et ajoute à la version statique une page de contenu présentant les différents articles de WeFly Design.
Il s’agit, bien évidemment, d’une version bêta, qui sera améliorée dans les jours à venir.
Cliquez ici pour visiter le site web de WeFly Design.