Atelier webdesign « Zoning »

Cet atelier de 3 heures ou plus est spécialement conçu pour définir chaque Zone et chaque Section de votre site afin de créer un ou plusieurs parcours utilisateurs.

Définissons ensemble votre identité graphique

Votre site web contiendra ce que l’on appelle une « Feuille de style ».

La « Feuille de Style » est bien plus qu’un simple ensemble de codes. C’est un artefact numérique qui traduit l’essence de votre marque en éléments visuels concrets. À travers elle, nous intégrons harmonieusement :

• Couleurs : Choisies avec soin pour refléter l’esthétique de votre entreprise.
• Typographies : Des polices d’écriture pour vos titres et vos textes. La taille et les graisses sont relatives selon qu’ils s’agissent d’un titre principal ou secondaire et que l’on soit sur PC, tablette ou mobile.
• Liens : Intégrés de manière stratégique pour guider votre audience à travers votre contenu.
• Boutons : Au moins un bouton, conçu pour inciter à l’action
• Tous vos éléments graphiques : Logos et déclinaisons, illustrations, pictos, visuels…

Voici quelques exemples de « Guide de style » (Style-guide en anglais) permettant de valider votre « Feuille de style »

Dessins des Zones et Sections d’un site web

Voici les Zones d’un site web

1. Le.s Menu.s (Principale, Secondaire, Pied de page…)
2. Les En-têtes
3. Les Filtres / Les Vignettes
4. Les Pages intérieures / Les Widgets
5. Le Pied de page
6. La page 404
7. La page des résultats de recherches

Voici quelques Sections d’un site Web

1. Témoignage
2. Membre
3. Portfolio / Galerie d’images
4. Caractéristique
5. Contact / Formulaire / Sondage
6. Vidéo
7. Revue
8. Offre spéciale
9. Commentaire
10. Résumé
11. Revue de presse
12. Connexion
13. Conditions d’utilisation
14. FAQ (Foire aux questions)
15. Sitemap (Plan du site)
16. …

« Catalogues » de site web ou « Templates / Starters sites »

Voici des exemples qui peuvent vous inspirer dans la création de votre propre site :

• https://wpstackable.com/designs/  
• https://elements.envato.com/fr/wordpress/template-kits 
• https://creativethemes.com/blocksy/starter-sites/

Processus de Modification Graphique

À la suite de l’atelier, nous traduirons immédiatement les dessins en propositions graphiques.

Une intégration graphique ne vous convient pas ?

Vous aurez le privilège de demander une nouvelle modification pour garantir que le design final répond à vos attentes et au niveau d’accessibilité de vos utilisateurs.

En résumé

L’atelier Zoning, en 3 points

• Tarif = 180 € ht (sans déplacement)
• Durée = 3 heures généralement
• Objectifs : Repartir avec les dessins de toutes les Sections et Zones de votre site web