Première étape, la détermination de la structure de base des pages du site, puis l’agencement de celles-ci. Cette étape se fait généralement sur papier et permet d’avoir une idée de la future répartition du site.
Le wireframe
Deuxième étape, on vient affiner la première ébauche et l’on détaille le plan du site. Ça permet de valider les pages à créer et leurs thématiques, l’emplacement et la disposition des blocs, et de mettre du lorem ipsum pour donner une idée plus précise de ce que l’on souhaite.
Le maquettage
Troisième et dernière étape avant la création en tant que telle, le maquettage permet d’avoir une vision très proche du résultat final.
Celle-ci a été faite sur Figma, et intègre les différentes interactions du site (boutons, carrousels …).
Identité graphique
En parallèle de tout ça, j’ai créé un logo rappelant la forme d’une tête de chien bouclée. Pour la version finale l’ébauche a été raccourcie pour coller à la « rondeur » du terme poupons.
Pour le fond du header et du footer, j’ai utilisé une image que j’ai généré avec Adobe Firefly et qui fait écho au pelage frisés des chiens de l’élevage.