![](https://cdn.myportfolio.com/4b88f389d0ccc1014515f9f54d4ef362/8d9d8698-23dc-46c8-b007-05e957ed9c05_rw_1920.png?h=6768987d2987dd88d5c7f9f8a650cc27)
Etape 1 : création de l'univers graphique
Outil : Illustrator / Figma
Le pictogramme représente à la fois l'empreinte digitale en référence à celle qu'on utilise avec notre téléphone portable, ainsi que le "G" de Greenflow à l'intérieur de celle-ci.
![](https://cdn.myportfolio.com/4b88f389d0ccc1014515f9f54d4ef362/63cd09fa-67d7-4794-a11e-4c456ca1ea06_rw_1200.png?h=f04a63605d30f141ad035eae5d2e1c68)
Etape 2 : STRUCTURE ET NAVIGATION
Outils : Miro et Balsamiq
![](https://cdn.myportfolio.com/4b88f389d0ccc1014515f9f54d4ef362/09bdb810-40a4-4929-931f-164d6592e319_rw_1920.png?h=6623ca2c7833a4d7fe6e76437bdc39a8)
![](https://cdn.myportfolio.com/4b88f389d0ccc1014515f9f54d4ef362/bbc48b33-0be8-485b-9b27-c12c04cf4963_rw_1920.png?h=fffa85b6edd7c209b81276edb2f5adf8)
Etape 3 : design et prototype
Outil : Figma
Création des écrans du site en format desktop et mobile.
![](https://cdn.myportfolio.com/4b88f389d0ccc1014515f9f54d4ef362/a457f289-97e5-4dd4-99e5-271c119566ab_rw_1200.png?h=f99b541f4ce4f02396221c438b9519e1)
![](https://cdn.myportfolio.com/4b88f389d0ccc1014515f9f54d4ef362/cb5ee08f-711a-4349-a992-c097e719e127_rw_1200.png?h=01e5ca03380c3886d792b3466cd3f1a6)