SOMMAIRE

1. Résumé du projet

2. Grille de questionnement

3. Cahier des charges

4. Objectifs du projet

5. Parcours de navigation

6. Fiche d’identification du public cible

7. Nom de domaine

8. Planche de tendances

9. Illustrations

10. Visuels utilisés

11. Maquettes Desktop & Mobile

12. Calendrier éditorial Instagram

13. Interface d’administration du site

14. Rapport SEO

15. Étude de cas d’un site concurrent

16. Storyboard de l’animation

17. Fichiers sources de l’imprimé

18. Fichiers destinés à l’impression

 RÉSUMÉ DU PROJET 1

Création d’un site vitrine pour un artisan créateur.

La cliente est une créatrice évoluant à son compte depuis quelques

années et qui a vu se développer de manière importante son nombre
de commandes. Commandes passant presque exclusivement pas les
réseaux sociaux Instagram et Facebook.
Dans le but de toucher le plus grand nombre de gens, elle souhaite
donc mettre en place un site vitrine afin de permettre à des clients
potentiels n’ayant pas accès aux réseaux ou ne souhaitant pas s’y
inscrire de la contacter via le site web et donc augmenter sa visibilité.
Le site doit être simple, un One Page est suffisant puisque seulement
quelques photos seront présentes pour donner un aperçu de ses
créations, le plus important étant de fournir ses coordonnées pour
d’éventuelles commandes ou renseignements, et de proposer la liste
des boutiques dans lesquelles elle expose et vend ses fabrications.
Une création complète d’identité visuelle a été demandée.
Il a donc fallu passer par la création d’un logo et de différents éléments
d’interfaces graphiques, ainsi que des pictogrammes Facebook et
Instagram adaptés aux couleurs du site.
La cliente souhaite mettre l’accent sur le fait que ses créations sont des
pièces uniques, le côté fait-main Made in France, et sa volonté de
trouver les meilleurs matériaux afin de satisfaire au mieux ses clients.
Le design du site doit refléter la simplicité, l'originalité et la
personnalité de la créatrice.
 GRILLE DE QUESTIONNEMENT 2
Questions utilisées pour recueillir le besoin et les objectifs du client.

• Quels sont les objectifs que vous souhaitez atteindre grâce à votre site ?

• Quel public voulez-vous cibler ?

• Combien de pages et quels services votre site va-t-il proposer ?

Quelles fonctionnalités ? Voulez-vous proposer une newsletter ?

• Quelle technologie allez-vous utiliser pour créer votre site web ?

• Quel sera le nom de domaine utilisé ?

• Quelles sont vos exigences concernant les couleurs et les effets de votre
site ?
Avez-vous une ou des idées de design ? Quel style le site doit-il respecter ? Quelles sont
les polices à utiliser ?

• Dans quel délai souhaitez-vous mettre votre site en ligne ?

• Quelles solutions envisagez-vous pour faire la promotion de votre site ?

 CAHIER DES CHARGES 3

Quels sont les objectifs que vous souhaitez atteindre grâce à votre
site ?
Mettre à disposition un site vitrine pour les personnes qui n’ont pas ou ne
souhaitent pas s’inscrire sur les réseaux sociaux, leur permettre de passer
une commande ou de me contacter via ce site.
Je veux également indiquer les boutiques où ils peuvent trouver mes
créations puisque je travaille en collaboration avec plusieurs magasins de
la région.

Quel public voulez-vous cibler ?

Mes créations s’adressent à tous types de personnes, mais la plupart de
mes clients ont une certaine sensibilité en ce qui concerne le recyclage, le
fait-main et ont tendance à privilégier le Made in France.
C’est donc ce genre de public auquel je souhaite m’adresser en priorité
puisque ce sont les valeurs de mon entreprise.

Combien de pages et quels services votre site va-t-il proposer ?

Quelles fonctionnalités ? Voulez-vous proposer une newsletter ?

Mon site doit être simple et fonctionnel, je veux que mes futurs clients
puissent avoir un aperçu de ce que je propose ainsi qu’une possibilité de
me contacter pour une commande ou des informations. Une page
d’accueil et une page galerie suffiront.
Je ne souhaite pas de newsletter mais j’aimerais pouvoir afficher une
petite pop-up quand je participe à un salon, pour informer les visiteurs de
l’endroit où ils pourraient voir mes créations exposer.

Quelle technologie allez-vous utiliser pour créer votre site web ?

Wordpress propose les fonctionnalités dont j’ai besoin.
 CAHIER DES CHARGES

Quel sera le nom de domaine utilisé ?

Au plus simple : cactusdulac tout attaché, et .fr puisque mes créations
sont françaises et que c’est le public que je vise. Mes commandes à
l’internationales se font toutes via Instagram et cela me suffit.

Quelles sont vos exigences concernant les couleurs et les effets de

votre site ?
Concernant la couleur, j’aimerais opter pour un vieux rose ou des teintes
de ce genre, et un fond blanc me paraît idéal. Pas d’exigences
particulières concernant les effets.

Avez-vous une ou des idées de design ? Quel style le site doit-il respecter ?
Quelles sont les polices à utiliser ?

J’ai repéré quelques idées sur Pinterest (voir la planche tendance).

Pour les photos, un format carré semblable à celui d’Instagram.
La police doit être simple et lisible pour les paragraphes, mais pour le
titre, une police manuscrite serait je pense plus adapté, pour rajouter une
touche de fantaisie.

Dans quel délai souhaitez-vous mettre votre site en ligne ?

Dés que possible, je n’ai pas envisagé de date particulière.

Quelles solutions envisagez-vous pour faire la promotion de votre

site ?
Une vidéo éventuellement, et une story percutante sur Instagram &
Facebook, avec le lien vers le nouveau site.
Je voudrais également mettre en place un nouveau feed Instagram, qui
apparaîtrait dans la vidéo afin de donner envie aux gens qui disposent de
ce réseau de s’abonner à mon compte.
 OBJECTIFS DU PROJET 4

Le cahier des charges a fait ressortir les objectifs suivants :

o Gagner en visibilité auprès des personnes ne disposant pas des

réseaux sociaux.
o Faire connaître les boutiques dans lesquelles la créatrice expose ses
créations.
o Créer une vidéo promotionnelle afin de faire découvrir la créatrice
ainsi que son nouveau site web.
o Créer un design de feed Instagram harmonieux.
PARCOURS DE NAVIGATION 5

ACCUEIL GALERIE

PORTRAIT
Portrait + valeurs

GALERIE
Seulement 9
photos + lien vers la
page galerie

Call-to-action

FOOTER
TARIFS/INFOS
Liste boutiques

CONTACT

FOOTER
 FICHES D’IDENTIFICATIONS DU 6
PUBLIC CIBLE

Elie Zabeth
Âge : 28

Ville : Chambéry

Profession : Assistante maternelle

Situation : Célibataire

Enfants : Non

Niveau d’études : Bac +2

OPTIMISTE GÉNÉREUSE AUTORITAIRE

Ce qu’elle aime Ce qu’elle n’aime pas

Un site performant Un temps de chargement

trop important
Des horaires & un moyen
de contact facile et rapide Se perdre sur le site car trop
à trouver de menus et sous-menus

De jolies photos Pas d’horaires

Un design épuré, Textes illisibles

pas surchargé
 FICHES D’IDENTIFICATIONS DU
PUBLIC CIBLE

Laure Inne
Âge : 67

Ville : Aix-les-bains

Profession : Fleuriste retraitée

Situation : Mariée

Enfants : 4

Niveau d’études : Baccalauréat

DOUCE CRÉATIVE TËTUE

Ce qu’elle aime Ce qu’elle n’aime pas

Un joli design Arriver sur un site et être

« agressée » par des fenêtres
Trouver facilement les qui s’ouvrent
informations utiles
Ne pas comprendre le
Un numéro de téléphone : fonctionnement
préfère avoir quelqu’un au
téléphone plutôt que par Pas de possibilité de contact,
mail, trouve ça plus humain, ni photo de l’artisan
plus chaleureux
Ne pas réussir à lire à cause
de la couleur du texte ou du
fond
 FICHES D’IDENTIFICATIONS DU
PUBLIC CIBLE

Matt Hieu
Âge : 32

Ville : Annecy

Profession : Vendeur en téléphonie

Situation : En concubinage

Enfants : 1

Niveau d’études : Bac +3

COMBATIF CURIEUX IMPATIENT

Ce qu’il aime Ce qu’il n’aime pas

Un site épuré, sans fioritures Les sites surchargés et trop

colorés
Des titres percutants
Se perdre dans des menus et
Un formulaire de contact sous menus trop nombreux
ainsi qu’un numéro de
téléphone, pour avoir le choix Pas de possibilité de contact

De belles photos Les polices manuscrites

illisibles
 NOM DE DOMAINE 7

cactusdulac.fr

La cliente a opté pour la simplicité, sans tirets entre les mots pour une saisie
plus rapide au clavier.
.fr car la clientèle est principalement française, ses ventes internationales se
font via Instagram pour le moment.

(le nom de domaine réel est juliapaulineh.promo-57.codeur.online/cactusdulac

puisqu’hébergé sur les serveurs d’Onlineformapro)
PLANCHE DE TENDANCE 8

#4f868c

#e0c5c5

#b37878
 ILLUSTRATIONS 9

Le logo Cactus du lac s’inspire directement des étiquettes

que la créatrice fabrique et accroche sur ses cactus pour
indiquer le prix.

Je souhaitais garder le côté « fait main », j’ai donc utiliser

une police manuscrite pour une partie du texte.

J’ai opté pour des motifs colorés dans le cactus plutôt

qu’un vert qui rappellerait la plante, puisque le travail
de la créatrice est justement de les habiller avec différents
tissus et motifs.
HOVER
ILLUSTRATIONS

HOVER HOVER
 VISUELS 10

Les photos utilisées pour ce projet n’ont pas eu de retouches

particulières, j’ai augmenté très légèrement la luminosité sur trois
d’entre elles, et je les ai toutes recadrées.
Toutes les photos carrés ont les mêmes dimensions, celles au format
portrait également.
VISUELS
VISUELS
VISUELS
VISUELS
 VISUELS

Visuels venant du site pexels.com

MAQUETTES 11
MAQUETTES
MAQUETTES DYNAMIQUES
ADOBE XD
 CALENDRIER ÉDITORIAL 12

Un feed Instagram cohérent a été mis en place.

3 modèles de publications différentes, en alternance selon le visuel
souhaité.
• LES PHOTOS DE CACTUS :
Elles doivent être prédominantes
/ publiées un jour sur deux

• LES CITATIONS INSPIRANTES :

Les citations sont particulièrement populaires sur Instagram, elles
permettront de diversifier le contenu de la page
/ publiées un jour sur 5

• LES CRÉATIONS EN COURS :

Afin de montrer les « coulisses » de la création des cactus, quelques
morceaux de tissus éparpillés, quelques boutons, un aperçu de la
machine à coudre etc… pour garder une cohérence visuel, la première
publication annonce « création en cours », avec une flèche indiquant
d’aller sur la 2ème photo
/ publiées un jour sur 5

Feed Instagram
 CALENDRIER ÉDITORIAL
CALENDRIER DU MOIS DE NOVEMBRE 2021

Création en cours

Photo cactus

Citation inspirante

LUNDI MARDI MERCREDI JEUDI VENDREDI SAMEDI DIMANCHE

1 2 3 4 5 6 7

8 9 10 11 12 13 14

15 16 17 18 19 20 21

22 23 24 25 26 27 28

29 30
INTERFACE D’ADMINISTRATION 13
DU SITE
 RAPPORT SEO 14

J’ai fait face à quelques problèmes avec l’extension Yoast SEO :

Ma requête apparaît bel et bien dans le premier paragraphe, mais

l’extension ne le prends pas en compte, ce qui est également le cas
pour le titre H1, après de nombreuses vérifications, il n’y a bien qu’une
seule balise de ce type sur ma page d’accueil.

Je voulais également sortir un rapport SEO comme je l’ai fait pour mon
site concurrent (page 32) mais comme mon site est hébergé par les
serveurs d’Onlineformapro, il ne prend en compte qu’une partie de
l’adresse (juliapaulineh.promo-57.codeur.online) les sites permettant de
générer un rapport excluent le « /cactusdulac »)
 ÉTUDE DE CAS D’UN SITE 15
CONCURRENT

PARCOURS DE NAVIGATION

ACCUEIL VALEURS SHOP

Le concept

Présentation Les valeurs Catégories

Présentation
Valeurs de la Produits
fondatrice

L’agenda Newsletter Réservation

Newsletter Panier
 ÉTUDE DE CAS D’UN SITE
CONCURRENT

PERSONA

La cachette de Linette cible une clientèle homme et femme ayant un

budget plutôt élevé puisque les produits de la boutique sont fabriqués
en France et dans une optique de production locale et respectueuse de
l’environnement.

CHOIX DU NOM DE DOMAINE

.fr => vise une clientèle nationale

Le nom de domaine reste un mystère, on ne trouve pas d’explication sur

le site concernant le nom du concept store, mais il donne la sensation
d’un endroit cocooning et agréable.

AMBIANCE GRAPHIQUE

Des couleurs douces qui se marient bien, le rose et le bleu.

Des photos de qualités aux couleurs similaires, on observe une certaine
cohérence sur ce point.

Point négatif : selon l’écran d’ordinateur sur lequel on visite le site, les
polices de couleurs blanches sur certains blocs colorés sont presque
illisibles.
 ÉTUDE DE CAS D’UN SITE
CONCURRENT

ANALYSE DE L’ÉCOSYSTÈME DE
RÉSEAUX SOCIAUX

Grosse présence sur les réseaux sociaux.

• Facebook : 474 abonnés, des posts réguliers (entre 2 jours et 2

semaines maximum entre chaque).

• Instagram : 1052 abonnés, 498 abonnements, 264 publications. Des

publications régulières également, cohérentes avec celle de la page
facebook.

Le feed Instagram est très soigné, les couleurs sont en accord avec la
charte graphique du site et on observe une belle cohérence entre les
publications.
ÉTUDE DE CAS D’UN SITE
CONCURRENT

RAPPORT SEO
 STORYBOARD DE 16
L’ANIMATION

Fondu au noir entre chaque plan

2 Photo
Photos Titre
Nom de l’entreprise + cactus
Créatrice Sous-titre
Logo Et cactus

Valeurs
vidéo lac et
montagnes en fond

Fondu en balayage Fondu en balayage Fondu en balayage

Effet zoom out sur les photos Effet zoom out sur les photos
Durée : 5 s Durée : 5,5 s Durée : 5 s

Valeurs Photo
cactus Titre
Sous-titre Vidéo
Photo Couture
cactus + vidéo
Valeurs tissus

Fondu en balayage Fondu en balayage Fondu en balayage

Effet zoom out sur les photos Effet zoom out sur les photos Durée : 5,1 s
Durée : 5 s Durée : 5 s

Titre Titre
Photo Photo Photo
cactus cactus cactus
Titre

Fondu en balayage Fondu en balayage Fondu en balayage

Durée : 3 s Durée : 3 s Durée : 5,4 s
 STORYBOARD DE 16
L’ANIMATION

Icônes réseaux sociaux

Liste points de vente
Avec flèches animées
Call-to-action
Mockup Pointant sur les icônes
« commandez dès
Carte de la France desktop
maintenant »
Avec les localisations Et mobile Facebook Instagram
Avec lien
Du site www.cactusdulac.fr
Vidéo en fond : lampe avec
écriture « cactus » Photo pexels en fond

Fondu en balayage Fondu en balayage Fondu en balayage

Durée : 10,6 s Durée : 6 s Durée : 5,7 s

Logo
Crédits Montage
étiquette

Même photo en fond que

plan précédent

Fondu en balayage
Durée : 5 s

LIEN VERS LA VIDÉO

 FICHIERS SOURCES 17
DE L’IMPRIMÉ

Pour le recto de mon flyer, j’ai conservé l’ambiance graphique du site

internet :

• La combinaison d’une police manuscrite et d’une sans serif pour les

titres.
• Le bandeau des valeurs est le même que celui du site, avec les
étiquettes correspondantes à chacune d’elles.
• Le paragraphe « commandez maintenant » reprends le design des
boutons en mode hover.
• J’ai ajouté un mockup au format mobile pour que l’on puisse avoir
un aperçu du site internet.

Pour le verso j’ai misé sur la simplicité, avec le logo de l’entreprise en

grand format, ainsi que les liens vers Facebook et Instagram.
FICHIERS DESTINÉS 18
À L’IMPRESSION
FICHIERS DESTINÉS 18
À L’IMPRESSION
FICHIERS DESTINÉS
À L’IMPRESSION