Dossier conception site urbanmasala.fr

Analyse de la concurrence / les e-boutiques dĂŠco-ĂŠthnique

Dossier de conception e-boutique urban-masala.com

Page 1 /

Sommaire

Page 1 / 62

2 3 4

Le contexte La boutique Urbanmasala L'équipe Urbanmasala Les outils existants

5 9 9

Notre analyse Benchmark de la concurrence Les objectifs de la future e-boutique Le forces, les faiblesses, les opportunités et les menaces pour Urbanmasala 10 Cibles et personae 15 16 17

Notre proposition - Inspiration Un site qui fait coexister blog et e-shopping Un site de déco sobre et élégant Une idée de jeu concours originale pour capter l'audience et fidéliser les clients

18 19 20

Notre proposition - Marketing La stratégie de communication Le schéma du dispositif Les moments forts du lancement

21 22 32 35

Notre proposition - UX Design L'arborescence du nouveau site Les wireframes Les parcours utilisateurs Contraintes et tonalité éditoriale

Notre proposition - Design graphique Les recherches graphiques 36 La charte graphique 39 Notre proposition - Technique Périmètre technique Choix des technologies Pourquoi choisir Wordpress?

Référencement Back Office Fonctionnalités La résolution de l’écran

51 52 54 56 57 57 58

La méthologie Planning 59 Budget 61 Qui sont les Charpoy ? Portraits des 4 piliers 62 de l'agence Charpoy

Le contexte / la boutique Urbanmasala

Page 2 / 62

Présentation d’Urbanmasala Urbanmasala est une boutique installée dans le faubourg Saint-Antoine depuis 2010. Il s’agit à l’origine du projet de 4 amis animés d’une même passion : l’Inde.

Les objets qu’on y trouvent sont le fruit d’une sélection et d’une recherche minutieuse en territoire indien. Forte d’une expérience acquise lors de nombreux ses voyages l’équipe d’Urbanmasala propose donc à sa clientèle des produits authentiques de la vie quotidienne indienne, du design urbain, encore peu connu en France, des pièces de textile d’une grande qualité d’exécution et beaucoup d’autres objets surprenants.

Urbanmasala souhaite représenter l'Inde actuelle, moderne. Un peuple qui bouge, qui se réapproprie des techniques artisanales en les détournant, les ré-interprétant, pour les adapter à un mode de vie occidental contemporain.

L'équipe d'Urbanmasala

La grande majorité des produits sont issus d’une fabrication “hand-made” en série limitée, certains sont même des pièces uniques.

La boutique Urbanmasala se démarque des autres boutiques de décorations indiennes par une volonté de lutter contre les clichés et les représentations habituelles sur l’Inde (les odeurs de patchouli, d’encens, les boudhas, le style bolywood…). Le design urbain y tient une place préponderante et la mise en scène des produits n’a rien de commun avec celle des bazars indiens que l’on connait.

Par ailleurs, comme tous les passionnés, les 4 amis regorgent d’anecdotes passionnantes sur l’Inde.

Le client qui passe la porte d’Urbanmasala peut alors se faire compter l’histoire d’une d’étoffe ou bien encore d’un plateau fait d’inox sur un fond de musique lounge (indienne, naturellement).

Le rez-de-chaussée de la boutique

Le sous-sol de la boutique

Le contexte / l'équipe Urbanmasala : les dénicheurs de trésors indiens

Page 3 / 62

Nous avons cherché à en savoir plus sur le regard que porte Urbanmasla sur l'Inde et sur son positionnement en menant une courte interview : Les Charpoy : Définissez-vous votre démarche comme “hand made” ou équitable ?

Urbanmasala : Nous avons choisi de pratiquer les deux (sans toutefois opter pour une labélisation équitable officielle). Notre priorité est axée sur le sourcing produit et son suivi au sein d’une démarche hand made sans négliger l’équitable, car nous tenons à avoir des relations suivies et réciproquement satisfaisantes avec nos clients et nos fournisseurs, pour ne pas dire partenaires de développement dans le cas de certains, dont le designer Aratrik Dev Varman.

Les Charpoy : Comment l’équipe d’Urbanmasala défini-telle sa vision et sa relation à l’Inde ?

Urbanmasala : L’Inde peut apparaître à première vue comme un état en lui-même. Très rapidement, elle se découvre composée d’un ensemble d’états, une sorte de fédération indispensable pour permettre une cohabitation entre les différentes cultures, sensibilités et origines ethniques qui composent l’Inde.

L’équipe d’Urbanmasala est particulièrement intéressée à rendre compte de ces différences et sensibilités indiennes tant au niveau artisanal, artistique, quotidien que d’une modernité urbaine en pleine croissance suite au développement accéléré de l’économie indienne.

La relation d’Urbanmasala à l’Inde est à l’image de ce pays, évolutive, créative, polyvalente, mais aussi continue au travers de cette permanence culturelle si propre à l’Inde.

Les Charpoy : Pourquoi l’Inde et pas un autre pays ?

Urbanmasala : L’Inde est à la fois terre de rêve et terre de réalité, et ses habitants savent pratiquer cette relation particulière entre rêve et réalité.

Nous essayons de proposer cette relation à nos clients et visiteurs dans notre boutique.

Les Charpoy : Quels sont les aspects de l’Inde qui vous attirent le plus ?

Urbanmasala : Multiples et essentiellement centrés sur la vision et le vécu de l’Inde par les indiens eux mêmes.

Nous sommes attachés à montrer l’Inde au travers de produits qui font sens, un sens fort. l’égouttoir présent dans le quotidien de millions de familles (pour ne pas parler en centaines de millions), les plats en inox préférés aux plats en terre pour des raisons de pureté (ou plutôt, d’impureté, etc…).

Il nous a fallu aussi choisir entre différentes catégories de produits: le quotidien domestique (égouttoir, garde manger, vaisselle…), l’artisanat (tissus du Kutch, Gujarat…), l’art (les peintures Madhubani, Patachitra ou Warlis), la représentation sociale et l’histoire (les estampes sociales et politiques de la femme indienne et des habitants après l’indépendance, les photographies peintes…), la modernité urbaine (les séries de tissus et couvre lits Tilla d’Aratrik)…

Et ce, fonction de notre curiosité, de notre regard et de notre penchant à dénicher pour nos clients ce qui en Inde fait sens pour nous.

Photos prises en Inde par l'équipe d'Urbanmasala

Le contexte / les outils dont dispose Urbanmasala

Page 4 / 62

Le blog Urbanmasala

La revue de presse

Les blogs qui parlent d'Urbanmasala

Urbanmasala existe en ligne au travers d'un blog : http://urbanmasalablog.wordpress.com/

Urbanmasala est régulièrement plébiscité par la presse écrite. Notamment par Marie-Claire Maison, Elle Maison, Marie-Claire idées, le journal de la Maison… ces magazines ont également mis en ligne un lien vers le blog.

2 blogs dédiés à la décoration mettent à l'honneur la boutique Urbanmasala et mettent à la disposition des internautes un lien le blogs.

Ce blog est une sorte de fenêtre ouverte sur l'Inde, de nombreux articles aux sujets des films, expositions et événements culturels autours de l'Inde y figurent.

C'est aussi sur ce blog que l'équipe d'Urbanmasala cherche à promouvoir ses produits en ligne.

Par ailleurs de nombreuses commandes d’objets et de demandes de renseignements transitent par ce blog, d'où la nécéssité d'une e-boutique.

Cette revue de presse est à l'origine hébergée au sein du blog dans le menu "la presse aime Urbanmasala".

La page Facebook Urbanmasala Urbanmasala dispose également d'une page Facebook (109 J'aime à ce jour).

Le fichier clients Urbanmasala dispose d'un fichiers de contacts clients de plus de 800 adresses mail.

Analyse de la concurrence / les boutiques de décoration indienne sur le web

Page 5 / 62

État des lieux : Florilège des sites qui apparaissent en premiers lorsqu’on effectue une recherche sur les termes : “décoration indienne” - “mobilier indien” - “textiles indiens” Analyse : La majorité des sites dédiés aux produits indiens sont très “indiannisants” dans le mauvais sens du terme, ils sont dépourvus de simplicité et de modernité, ils sont pour la plupart pénalisés par : - une iconographie trop présente et marquée,

http://www.brocanteindienne.com/

http://www.india-import.fr/

http://www.decoration-inde.fr/

- l’utilisation systématique d’un fond de couleur ou d’une “trame” de fond en contradiction avec les codes esthétiques actuels, - une surenchère d’informations dès la page d’accueil, - l’usage des clichés tels que la représentation des dieux indiens ou encore des éléphants, - des gammes de couleurs, et des choix typographiques et qui pertubent la lisibilité.

http://www.artisanatsindien.com/

http://www.lesinterieursdailleurs.com/

http://www.india.fr/

http://www.boutique-indienne.fr/

http://www.art-indien.com/

http://www.shivaspirit.com/

Analyse de la concurrence / la e-boutique indienne la mieux référencée

http://www.pankaj-boutique.com/fr/

Sélection de produits indiens pour la cuisine, la décoration de la maison, la mode/beauté et de bijoux indiens Prestashop / PHP - HTML/CSS

Page 6 / 62

Référencement : Pankaj Sharma sort en deuxième position sur les mots clés “décoration indienne”.

Un parti-pris éditorial qui joue sur l’utilisation des qualificatif “indien” ou “indienne” au niveau de toutes les entrées du site pour renforcer le référencement naturel. espace login Site bilingue français/anglais Champs de recherche

Rappel du menu x 2

 Zooms produits  Intitulés de rubriques : cuisine maison/déco beauté/mode bijoux

u Mémo parcours utilisateurs x 2 t Mailing list x 2 u

 Rappel réseaux sociaux

Analyse de la concurrence / le site de la boutique concurrente la proche géographiquement

Page 7 / 62

espace presse avec login

www.caravane.fr

Caravane est située à quelques rues d'Urbanmasala les 2 deux enseignes ont une clientèle commune.

moteur de recherche

 intitulés de rubriques : boutiques atmosphère catalogue a table actus expos presse

catalogue : canapés/fauteuils, draps/couvre-lits/linge, lampes, lits/divants/poufs, meubles, rideaux et coussins, tapis, tissus

 Bouton “recevoir nos invitations” : formulaire à remplir

 Liste des points de ventes des produits caravane

À noter : Tags ambiance : Déco, Atmosqhère Déco, boutique Caravane, Caravane Rive gauche, French furniture, french interior, home accessories, MLC déco, rue Jacob, shopping déco, shopping in Paris

Analyse de la concurrence / l'autre boutique parisienne qui vend les égouttoirs indiens

La fiche détaillée  d'un égouttoir.

Celui-ci est épuisé, un bouton "me prévenir" apparaît alors et permet à l'internaute d'être tenu au courant des nouveaux approvionnements.

http://www.tse-tse.com/fr/

Tsé-Tsé associées est l'unique concurrent d'Urbanmasala dans Paris au niveau de la vente d'égouttoir indien.

en cliquant sur le e-shop on obtient une vision globale de tous les produits.

En cliquant sur Filtres, les critères de sélections d'affichent en dépliant une nouvelle zone (ici sur fond noir).  Une page d'accueil très immersive grâce à cette grande photo qui représente les 2 fondatrices de la marque en plein travail.

On entrevoit le côté créatif des 2 femmes.

Un encadré muni de 3  onglets qui permettent de mettre un grand nombre d'information sur une petite surface.

 Un maxi-footer (ici sur fond noir) qui se déplie lorsqu'on clique sur le bouton "Aide".

Présence d'une phrase de réassurance rendue très visible graphiquement.

 Possibilité d'envoyer la fiche par mail à une tierce personne.

Possibilité de Liker ou Suivre le produit sur Facebook.

 L'histoire du produit est compter selon un ton "friendly".

Page 8 / 62

L'analyse / les objectifs de la futur e-boutique / le SWOT La nouvelle e-boutique permettra de : • développer la notoriété en mettant en valeur : - la démarche transparente, sans intermédiaire d’Urbanmasala - la qualité et le design contemporain des produits.

• commercialiser les produits en ligne pour répondre à une demande grandissante.

FORCES

S W O T

• héberger le blog existant, entretenir un lien, un espace d’échange entre la France et l’Inde.

Pas de vente directement en ligne

Un produit phare : les égouttoirs inox indiens, (1 seul concurrent sur ce produit en France : Tsé-Tsé)

Faible notoriété de l’enseigne

La nouveauté : produits de qualité issus du design contemporain indien : encore peu connu en France Hand Made : des séries limités et même des pièces uniques

Authenticité : les produits sont choisis directement en Inde et rapatriés sans aucun intermédiaire

Originalité du choix : les produits proviennent d’une vraie recherche en Inde, ils ont leur histoire

Des produits parfois non renouvelables

Des gammes de produits faits-main qui ne sont pas de tailles "standard"

Ces produits faits-main qui ne sont pas tous identiques, s'il y a possibilité de commander en ligne, le client est susceptible de recevoir un objet qui ne sera pas identique à la photo.

1 seul designer

Manque de temps des 4 fondateurs dont la boutique n'est pas l'activité principale.

Les contacts en Inde : réseaux, designers, associations

L’emplacement dans une rue privilégiée : Faubourg Saint-Antoine

Une offre en boutique à un prix adapté à la cible (les égouttoirs y sont 2,5 fois moins chez que Tsé-Tsé) La passion, l’histoire personnelle, l’engagement des fondateurs

Opportunités

Créneau e-commerce : design contemporain indien Les revendeurs : développer la vente en gros

La clientèle internationale qui achète du design sur les sites français La presse et les blogs de déco en tant que prescripteurs

Des ambassadeurs de la marque (personnes connues : actrices, mannequins) Mode/lifestyle : engouement pour le Hand Made Un label ? / Une certification ?

Le quartier est branché et truffés de magasins de mode et déco, la grande proximité de l’enseigne Caravane qui attire les clients dans cette petite zone du faubourg

Le premier produit phare d'Urbanmasala : l'égouttoir indien

Faiblesses

Un blog bien référencé sur “egouttoir indien”

Qualité d’exécution : il s’agit d’un critère important dans le choix des produits

• développer le circuit revendeurs au moyen d’un extranet dédié aux professionnels.

Page 9 / 62

90% des sites concurrents sont peu pratiques et vraiment inesthétiques : un site élégant et bien construit peut se démarquer facilement.

Menaces

Les autres enseignes de moyenne gamme qui valorisent aussi le fait main peuvent concurrencer Urbanmasala sur ce créneau

Les stéréotypes et les a priori sur l’Inde : le travail des enfants, les maladies, la saleté…

Les conditions de travail en Inde : ils sont incomparable à celles de la France, on ne peut pas communiquer sur l’axe sur “faire trade” Avec la vente en gros, Urbanmasala risque de perdre son identité propre : des produits en série très limitées présentés en tant qu’objets “rares” Logistique difficile à mettre en place pour la vente en gros.

Analyse de la clientèle d'Urbanmasala / les personae - le coeur de cible LA CSP++

"Je recherche la dupatta brodée main que je ne verrai jamais chez aucune de mes amies."

Catherine Moreau Directrice des ressources humaines, 56 ans, vit à Paris dans le 17ème.

Les devices qu'elle utilise : PC portable iPad iPhone Les réseaux sociaux qu'elle fréquente : Linkedin Ses habitudes sur Internet : Elle n’a pas une grande pratique d’internet, elle consulte quotidiennement ses mails et les sites du Monde et Libé.

Qui est-elle ?

Catherine est directrice des ressources humaines pour un grand groupe. Elle habite à Paris dans le 17ème arrondissement. Elle prend ses cours de yoga dans le 11ème à côté de son ancien appartement. Elle a connu la boutique en passant devant. Elle y revient régulièrement pour trouver des produits différents qu'elle est fière de montrer à ses amies et qui la mettent en valeur.

Il s'agit d'une cliente très exigeante, elle éprouve le besoin de toucher et déplier les articles ce qui l'aide à imaginer le produit dans son intérieur.

Le côté pratique la pousse à choisir des textiles qu'on peut laver, repasser et entretenir facilement.

Elle a pour habitude d’acheter le magazine Marie-Claire Maison et aime particulièrement la décoration.

Son comportement avec le site : • Lieu de connexion : au travail via son ordinateur portable pro et à la maison via sa tablette.

• Fréquence de visite : elle s'y connecte de temps en temps pour guetter les nouveaux arrivages.

Son historique chez Urbanmasala : Elle passe régulièrement à la boutique et l’a fait découvrir à sa fille par la même occasion. Elle a repéré quelques meubles pas chers et originaux pour sa fille qui emménage prochainement avec son compagnon.

Page 10 / 62

Les points qui l'empêcheraient de venir/revenir sur le site FREINS

RESOLUTION

Méfiance vis à vis des produits importés :

Des fiches produits qui précisent l’origine, la composition, les déclinaisons, et zoom matières.

Méfiance envers les systèmes de paiement en ligne :

Présence d’éléments de réassurance (remboursement, paiement sécurisé).

Les prix :

Proposer des bons d'achat à dépenser en ligne.

Lui permettre d'être informée par mail de la date des soldes, des ventes privées et des arrivages.

Incertitude quant au côté pratique du produit :

Les conseils de Marie-Pierre de chez Urbanmasala sur la fiche produits.

La disponibilité des produits choisis :

Indication du nombre d'articles restants.

Les arguments forts pour la persuader d'acheter CARACTERISTIQUES

AVANTAGES

PREUVES

La qualité

Fait main

Photos des produits

Son niveau d'expertise sur internet : Catherine a une connaissance moyenne des outils de recherche Internet.

L’aspect contemporain

S’adapte aux intérieurs européens

Photos de mise en situation

Sa personnalité : exigeante, cultivée, méfiante

L’originalité

L'offre est axée exclusivement sur l’Inde, Urbanmasala importe les produits en faible quantité sans intermédiaire.

Produit de qualité, difficilement repérable dans les autres boutiques.

Abordable Bon rapport qualité/prix

On peut acheter d'avantage de produits

Prix et qualité

Unique

Ce sont des pièces uniques

Renouvellement fréquent des gammes de produits

Sa connaissance de la marque et de l’offre : 4/5 Typologie de sa visite : Visite expéditive (elle a déjà visité le site, elle sait généralement où elle peut trouver les infos).

Urgence de son besoin : Son besoin est peu urgent, elle prend son temps pour comparer les offres.

Analyse de la clientèle d'Urbanmasala / les personae - le coeur de cible L’AMOUREUSE DE L’INDE

"Entre 2 deux voyages en Inde je ne peux pas m'empêcher de rechercher à Paris des endroits et des produits qui me replongent dans l'ambiance du pays".

Claire PERRET Maître de conférence à l’INALCO spécialité Hindi, 45 ans, séparée, 1 enfant, vit à Montrouge.

Les devices qu'elle utilise : PC portable Smartphone Androïd Les réseaux sociaux qu'elle fréquente : Facebook, Instagram Ses habitudes sur Internet : Elle navigue sur internet de temps en temps, elle a l’habitude des bases de données et de la recherche d’informations Qui est-elle ?

Claire a fait des études d’Histoire de l’art à la Sorbonne et s’est progressivement spécialisée sur l’Inde car elle a une vraie passion pour ce pays. Elle a passé deux ans à Bangalore dans le cadre de son DEA. Elle est actuellement chargée de cours à la Sorbonne et elle est rattachée à un centre de recherche sur l’Extrême Orient. Elle va régulièrement en Inde car elle organise des échanges d’étudiants.

Son comportement avec le site : • Lieu de connexion : de chez elle ou de la fac avec son ordinateur portable • Fréquence de visite : elle y va de temps en temps pour retrouver une ambiance et des couleurs Son historique chez Urbanmasala : Claire a connu le site dans le cadre de ses recherche sur le thème de l’iconographie indienne, dirigée vers un article du blog Urbanmasala qui traite des lithographies indiennes elle l'a parcouru avec plaisir et y a laissé des commentaires, elle s'est promis de faire un saut à la boutique prochainement.

Les points qui l'empêcheraient de venir/revenir sur le site FREINS

RESOLUTION

Incrédulité, les proviennent-ils vraiment d’Inde ? :

Histoire des fondateurs et histoire des produits (origine, lieu et procédés de fabrication)

Méfiance envers les systèmes de paiement en ligne :

Présence d’éléments de réassurance (remboursement, paiement sécurisé).

Les prix :

Possibilité d'acheter sur le site puis de récupérer le produit en boutique (pas de frais de port).

Principes anti-consumérisme :

Présentation du concept de la boutique et des partenaires, notamment les associations de femmes.

Les arguments forts pour la persuader d'acheter

Son niveau d'expertise sur internet : Claire maîtrise bien les outils de navigation sur le web.

Sa personnalité : curieuse, cultivée, spirituelle Sa connaissance de la marque et de l’offre : 1/5 Typologie de sa visite : Visite exploratoire, elle ne connaît pas le site et le découvre progressivement.

Urgence de son besoin : Son besoin est plutôt urgent, elle a découvert une ligne de savons, elle a hâte de les essayer, elle en achetera aussi pour ses amies proches car elle a égaré le sac qui contenait leurs cadeaux au moment du retour de son dernier voyage en Inde. De cette façon elle leur offrira tout de même des produits indiens.

Page 11 / 62

CARACTERISTIQUES

AVANTAGES

PREUVES

La qualité

Fait main

Photos des produits

La provenance

Fait en Inde

Historique des produit

La solidarité

Avec les associations de femmes

Présentation des associations photos et/ou vidéos à l'appuie

Abordable

Une gamme de produits de qualité et bon marché qui peuvent faire office de petits cadeaux (ex : les savons).

Prix

Analyse de la clientèle d'Urbanmasala / les personae - la cible secondaire LE PROFESSIONNEL

Page 12 / 62

"Les égouttoirs indiens se vendent comme des petits pains à Bruxelles, je dois pouvoir me réapprovisionner rapidement."

Les points qui l'empêcheraient de venir/revenir sur le site

Eric Petit Tient une boutique de déco dans le centre de Bruxelles, 48 ans, vit en Belgique.

Son comportement avec le site : • Lieu de connexion : sur son lieu de travail avec son ordinateur.

• Fréquence de visite : il consulte le site dès qu’il a besoin de se réapprovisionner.

Les devices qu'il utilise : PC portable et fixe Tablette Androïd Smartphone Androïd

Son historique chez Urbanmasala : Après sa journée de travail, il se connecte sur le PC de la boutique. Il a lu un article dans Marie-claire Maison où on parle des égouttoirs indiens de chez Urbanmasala.

Les réseaux sociaux qu'il fréquente : Facebook (1 compte perso et 1 compte pro), Linkedin

Son niveau d'expertise sur internet : Éric est assez technophile et a bonne connaissance des outils de recherche Internet et des blogs de « déco ».

Ses habitudes sur Internet : Il a coutume de chiner sur internet, est abonné à plusieurs blogs de déco pour suivre les tendances.

Sa personnalité : Pragmatique, curieux, organisé

Qui est-il ?

Originaire de Paris, il a choisi de s’expatrier à Bruxelles où il a ouvert sa boutique de déco il y a 15 ans. Il tient cette boutique avec sa femme.

Typologie de sa visite : Visite exploratoire (il ne connaît pas le site et découvre le produit)

FREINS

RESOLUTION

Eloignement géographique :

Création d’un espace professionnel dans lequel figure les détails des conditions de livraisons et un catalogue dédié aux professionnels.

Sa demande de produits en quantité :

Un message à l’intention des professionnels qui les invite à contacter l'équipe d'Urbanmasala ou bien à remplir le formulaire de demande afin d'être rappelé.

Le coût

L'espace professionnel renseigne sur les prix de gros.

L’assurance de la qualité

Le catalogue dédié aux pros reprend les fiches produits détaillées qui mentionnent l’origine, la composition…

Les arguments forts pour le convaincre de passer commande CARACTERISTIQUES

AVANTAGES

PREUVES

La réassurance

Possibilité de remboursement, minimise l’engagement

Un paragraphe au sujet des conditions de retour et d'échanges

Photos produits chez les gens

Le produit est clairement plébiscité par les clients

Les images issus du concours photos

La rareté

Produit de qualité, difficilement repérables dans d'autres boutiques.

Peu de distributeurs de ces produits

Abordable Bon rapport qualité/prix

Un prix très très inférieur à ceux des concurrents et très abordable pour un article de cette qualité.

Les prix qui figurent sur le catalogue de vente en gros.

Sa connaissance de la marque et de l’offre : 2/5

Urgence de son besoin : Pour Éric le temps presse, il aimerait être livré sous 3 semaines car il a reçu recmment plusieurs demandes d'égouttoirs indiens et il souhaite pouvoir satisfaire sa clientèle rapidement.

Analyse de la clientèle d'Urbanmasala / les personae - la cible secondaire LA JOURNALISTE

Page 13 / 62

"Je recherche la perle rare, le trésor indien qui rendra unique mon article dédié à déco ethnique."

Les points qui l'empêcheraient de venir/revenir sur le site

Sandrine Boyer Journaliste pigiste en presse déco, 40 ans, vit à Marseille.

Les devices qu'elle utilise : Mac iPad iPhone Les réseaux sociaux qu'elle fréquente : Facebook, Tweeter, Linkedin, Viadeo, Instagram, Blog Ses habitudes sur Internet : Elle surfe plusieurs heures par jour pour son travail, elle entretien aussi un blog dédié à la décoration Qui est-elle ?

Sandrine Lafond est journaliste/pigiste depuis 15 ans.

Spécialisée dans le domaine de la décoration, elle intègre d’abord la rédaction de la Maison Française puis celle de Maison Magazine avant de travailler en Freelance. Depuis 2002, elle pige régulièrement pour des magazines français et étrangers. Elle y publie des reportages-photo ayant pour cible des maisons et des appartements situés essentiellement à Paris et dans le sud de la France. Sa formation en Histoire de l'art, ses voyages en pays lointains, ainsi que son expérience du stylisme lui ont permis d’affuter sa culture de l’image, son sens de la composition et son regard esthétique. Sandrine a acquis au fil du temps de solides connaissances en matière d'architecture intérieure ce qui l’a progressivement amenée à exercer une activité de conseils en ameublement et en décoration auprès de particuliers.

Son comportement avec le site : • Lieu de connexion : sur son ordinateur lorsqu'elle travaille à la maison et via sa tablette ou son iphone en situation de mobilité.

• Fréquence de visite : elle est abonnée au blog d'Urbanmasala et consulte les articles régulièrement Son historique chez Urbanmasala : Dans le cadre de l’écriture d’un article, elle doit réaliser un shopping déco inspiration Inde. Elle découvre Urbanmasala sur le blog Déco By Kateel qui parle des égouttoirs.

FREINS

RESOLUTION

Eloignement géographique :

Création d’une boutique en ligne avec livraisons partout en France et à l’étranger.

Clarté de l’information :

Création d’un espace Presse facilement accessible.

Son besoin est urgent :

Mise à disposition d’un kit presse avec photos détourées.

Et d'un formulaire de contact dédié aux journalistes.

Trouver des produits de qualité uniquement :

Dans l’espace presse, reprise des éléments des fiches produits détaillées.

Les arguments forts pour la persuader d'acheter CARACTERISTIQUES

AVANTAGES

PREUVES

Son niveau d'expertise sur internet : Sandrine détient une bonne connaissance des outils de recherche sur internet et des blogs de « déco ».

Matière

Fait main

Photos des produits

Sa personnalité : méthodique, cultivée, débrouillarde

Humain

Favorise le travail des populations locales

Reportage sur le blog et photos.

Spécialisation et expertise

L'offre est axée exclusivement sur l’Inde, Urbanmasala importe les produits en faible quantité sans intermédiaire.

Produit de qualité, difficilement repérables dans d'autres boutiques.

Abordable

Un plus en période de crise

Les articles sont meilleur marché que chez les Caravane et Tsé-Tsé.

Unique

Ce sont des pièces uniques

Renouvellement fréquent des gammes de produits

Sa connaissance de la marque et de l’offre : 2/5 Typologie de sa visite : Visite expérimentée (elle a déjà visité le site, elle sait généralement où elle peut trouver les infos les plus fraîches sur le Blog d’Urbanmasala).

Urgence de son besoin : La journaliste a 48h pour réaliser son shopping et demande à avoir les infos dans l’heure qui suit.

Analyse de la clientèle d'Urbanmasala / les personae - la cible à conquérir L’acheteuse occasionnelle

Page 14 / 62

"Je suis très sensible au design et je recherche des meubles modernes et originaux qui me permettent de me sentir bien chez moi".

Les points qui l'empêcheraient de venir/revenir sur le site FREINS

RESOLUTION

Les prix :

Proposer des bons à dépenser en ligne par le biais du concours photo/lui proposer de lui envoyer un mail pour les soldes et les ventes privées.

Chargée de communication, 31 ans, vit à Paris

Le choix :

Mentionner les déclinaisons de couleurs, les différentes tailles, la disponibilité.

Les devices qu'elle utilise : PC portable Iphone

La réservation de produit :

Le paiement par Paypal et l’enlèvement en boutique.

Emilie Richard

Les réseaux sociaux qu'elle fréquente : Facebook, Deezer, Instagram, Viadeo, Linkedin Ses habitudes sur Internet : Elle est très technophile du fait de son métier, utilise régulièrement internet, consulte ses mails et ses réseaux sociaux sur son mobile.

Qui est-elle ?

Elle ne connaît pas la boutique même si elle aime la déco.

Elle achète Elle de temps à autre et aime bien la décoration. Elle achète plutôt chez Ikéa mais aime avoir aussi avoir des objets originaux. Elle est à l’aise financièrement mais n’a pas les moyens d’acheter trop cher car elle paiera un loyer assez important à partir du mois prochain.

Son comportement avec le site : • Lieu de connexion : elle consulte le site au travail sur son ordinateur portable.

• Fréquence de visite : c'est la première fois qu'elle s'y rend mais elle s'abonne à la newsletter car elle teint à être tenu au courant des arrivages d'articles inédits et des promotions.

Sa personnalité : spontanée, sociable, impatiente Sa connaissance de la marque et de l’offre : 0/5 Typologie de sa visite : Visite comparative (elle veut comparer ce produit par rapport à ceux qu’elle a déjà vus).

Urgence du besoin : Son besoin est plutôt urgent car elle emménage prochainement et elle est impatiente d'avoir un bel appartement et d'y organiser des soirées entre amis.

Son historique chez Urbanmasala : Une amie a partagé l’actualité du concours Urbanmasala sur son mur Facebook. Depuis le lien de la page facebook elle se rend sur la e-boutique Urbanmasala. Elle arrive sur le page du concours sur le site Urbanmasala. Elle repère rapidement un petit garde-manger parfait pour son entrée.

Elle décide d’acheter le produit et de poster la photo, avec le bon d'achat qu'elle reçoit en échange elle commanderait bien des tasses à café en inox qu’elle a répéré aussi sur le site.

Les arguments forts pour la persuader d'acheter CARACTERISTIQUES

AVANTAGES

PREUVES

L’aspect contemporain

S’adapte aux intérieurs occidentaux

Photos de mise en situation

L’originalité / le côté inédit

L'offre est axée exclusivement sur l’Inde, Urbanmasala importe les produits en faible quantité sans intermédiaire.

Produit de qualité, difficilement repérables dans d'autres boutiques.

Abordable

On peut acquérir un meuble original à petit prix.

Prix

Le côté pratique du produit

Facile à ranger / à déplacer

Des photos du produit sous différents angles, et affichages des dimensions.

Inspiration / une e-boutique et un blog qui coexistent au sein du même site

Page 15 / 62

Slider Fiche Produit

www.boldandnoble.com

espace paiement

Commerce de détail Bold & Noble vends des produits inscrits dans l’air du temps, faits-main dans un esprit vintage.

HTML5 DocType, Js, Css

intitulés de rubriques : Shop Our story Blog Buying guide Commission us

moteur de recherche

menu déroulant shop

slider

Boutons changements couleurs

Partager sur les réseaux sociaux Redirection vers d’autres produits

engagements qualités

Partager l’articles sur les réseaux sociaux Redirection vers d’autres articles

mailing-list

Inspiration / la e-boutique de déco qui se distingue par son élégance

http://lafabrika.be/

La Fabrika est une e-boutique de matériaux de décoration (papier-peints, éclairages…)

Page 16 / 62

Les liens vers les réseaux sociaux sont permanents, ils ressortent bien et incitent l'internaute à s'en servir.

Tous les boutons réservés à l'internaute sont rassemblées tout en heut de l'écran.

Un fond blanc qui laisse respirer et met en valeurs les visuels.

Un choix de polices moderne et élégant.

Un aspect pur et dépouillé.

Aucun besoin de scroller sur la page d'accueil toutes les informations et entrées logiques se situent au dessus de la ligne de flottaison (sur un écran de taille standard).

Un maxi footer qui contient le maximum d'élement de réassurance

Un lien vers la newsletter bien mis en avant.

Inspiration / la e-boutique de déco qui fidélise sa clientèle de façon ludique et judicieuse

http://www.produitinterieurbrut.com/

Produit intérieur brut est une e-boutique de mobilier vintage. À l'origine c'est un concours de photo proposé aux internaute qui a permis au site de se faire connaître de son public. Le concours perdure encore à ce jour.

Ce concours procure à la marque un triple bénéfice : - il crée du trafic sur le site en incitant les gens à revenir - il incite les clients à revenir acheter en ligne pour profiter des bons d'achats qu'ils ont gagné en postant leur photo - le site récupère de cette façon des photo de ses produits mis en situation dans divers univers.

Page 17 / 62

Stratégie de communication / les 3 axes qui permettront de promouvoir le site Afin de mieux connaître les besoins des clients d'Urbanmasala, nous avons mené une enquête au sein même de la boutique.

Un questionnaire nous a permis d'aller à la rencontre des hommes, des femmes, des couples qui fréquentent et apprécient l'ambiance de ce lieu.

Nous en avons dégagé une stratégie basée sur 3 axes qui permettra d'attirer les fidèles de la boutique ainsi que de nouveaux clients sur la future e-boutique.

Questionnaire client Date :

Charles Baptiste Pauline Virginie

Heure :

Question n°1 Est-ce la première fois que vous venez ?

oui

non

Question n°2 Comment avez-vous connu la boutique ? le blog la presse le bouche à oreille vous habitez la quartier autre ………………………………………………………………………………………………………

Question n°3 Pour quelle raison venez vous à la boutique ?

Vous êtes passé devant vous venez acheter un produit précis

autre

………………………

Question n°4 Qu’est-ce qui vous attire dans cette boutique ?……………………………………………………………

Question n°5 Est-ce un achat ponctuel ? oui

non

/

comptez-vous revenir ? oui

non

Question n°6 Qu’est-ce qui vous ferait revenir à la boutique ?……………………………………………………………

Question n°7 Etes-vous déjà aller sur le blog ? oui non Si oui, qu’en avez-vous pensé ? ………………………………………………………………………………

Question n°8 Si demain, on pouvait acheter directement sur le site, achèteriez-vous des objets ? oui

non

Question n°9 Qu’aimeriez-vous retrouver sur le site par rapport à la boutique ? …………………………………………

Question n°10 Connaissez-vous l’Inde ? oui

non

Comment ? : ……………………………………………………

Participant n° ...

Homme Femme Catégorie socio professionnelle …………………………………

Tranche d’âge : - de 30 ans 30/40 ans 40/50 ans 50/60 ans 60/70 ans + de 70 ans

Le questionnaire qui nous a permis de mener notre enquête

Le concours photo : pour inviter l'internaute à s'approprier les objets de la marque Urbanmasala et à partager ses propres photos et ses commentaires sur le site Le blog originel comportait une partie qui hébergeait les photos des produits Urbanmasala achetés en boutique. Les clients prenaient une photo de l'objet mis en situation dans leur propre domicile et les envoyaient à Urbanmasala qui les mettait en ligne sur le blog.

Nous préconisons de reprendre ce principe dans le cadre d'un concours photo au profit du lancement de la e-boutique.

Ce concours hébergé au sein du site (dans la partie blog avec une entrée dans la Home) permettra aux internautes qui ont préalablement acheté un objet de la marque de poster une photo de cet objet en situation afin de recevoir un bon d'achat valable en ligne.

Ce procédé a pour objectif d'inciter la clientèle de la boutique à acheter en ligne grâce aux bons d'achat.

Promu par différents canaux : - la page Facebook, - une newsletter, - un communiqué adressé à la presse décoration, - une distribution de flyer dans la boutique, ce concours devrait attirer de nouveaux clients, une cible plus jeune que la clientelle acquise à ce jour par la marque.

Enfin, les photos du concours hébergées sur le blog seront toutes liées à la fiche produit correspondante dans la e-boutique : en 1 clic sur une des photos l'internaute se trouve dirigé vers la fiche descriptive du produit avec la possiblité de l'acheter dans l'instant.

Personae visées : - Sandrine (la journaliste) - la fille de Catherine (la cible des trentenaires à conquérir) Objectifs : Le concours photo est utile pour : - créer une passerelle entre le blog et la e-boutique, - attirer et fidèliser la clientèle acquise de la boutique, - attirer une clientèle plus jeunes sur le site, - augmenter la e-notoriété d'Urnbanmasala.

Mettre de "l'humain" dans la e-boutique La boutique physique d'Urbanmasala est un endroit chaleureux propice aux échanges humains, nous souhaitons traduire cette ambiance au sein de la future e-boutique au moyen de : - un parti-pris graphique basé sur une mise en scène des produits agrémentés de croquis exécutés à main-levée qui redonne vie aux objets présentés.

- une partie "Nous connaître" qui présente les 4 amis à l'origine d'Urbanmasala, ces même personnes que l'on retrouve tour à tour dans la boutique pour prodiguer à la clientèle conseils et anecdotes sur l'Inde. Cette partie retrace le parcours des 4 amis et renseigne l'internaute sur leur façon de sélectionner les produits et de les acheminer vers la France.

- les conseils de l'équipe Urbanmasala figureront au niveau de chacune des fiches produits dans un onglet prévu à cet effet. L'histoire du produit sera également comptée dans un onglet ajacent.

- les photos des produits issues du concours seront associées à chaque fiche produit pour rappeler à l'internaute que l'objet Urbanmasala qu'il regarde à été acheté, aimé et mis en valeur par d'autres personnes.

- des photos d'ambiance de la boutique permettent aussi de rattacher la e-boutique au show-room réel.

- une play-list Deezer constitutée de musiques indiennes moderne issue d'une seléction de l'équipe d'Urbanmasala sera mise à la disposition de l'internaute sur le site.

Personae visée : Catherine (la CSP++) Objectifs : L'originalité du site Urbanmsala vise à : - séduire la cible des plus de 60 ans qu'une e-boutique trop synthétique repousserait, - rassurer l'ensemble de la clientèle quant la qualité et l'authencité des produits mis en vente, - différencier Urbanmasala des autres e-boutiques de décoration indienne.

Page 18 / 62

Une fenêtre ouverte sur l'Inde : - la culture, l'actualité, les nouveautés, le partage des commantaires sur le blog - les photos des pérégrinations et des inspirations d'Urbanmasala sur Instagram.

Un certain nombre des clients d'Urbanmasala se trouvent être des "amoureux de l'Inde". Ces clients particuliers sont à la recherche d'un contenu plus profond et authentique au delà de la e-boutique. C'est pour cette clientelle que nous préconisons : - l'usage d'une page Instagram qui hébergera les photos prises sur le vif par l'équipe d'Urbanmasala lors de ses réapprovisonnement en Inde et des ses inspirations au fil des jours.

- le blog originel gardera sa fonction de "fenêtre ouverte sur l'Inde". Il nourrira la soif d'informations des passionnés et leur permettra de réagir et partager avec l'équipe d'Urbanmasala à ce sujet.

Personae visée : Claire (l'amoureuse de l'Inde) Objectifs : La partie blog est présente pour : - contre-balancer l'aspect du site très commercial, - donnner de la profondeur et de la crédibilité à la démarche de l'équipe Urbanmasala.

Stratégie de communication / le schéma du dispositif de promotion du nouveau site

Les sites des magazines de décoration Les magazines de décoration Marie-Claire Maison, Elle Décoration, le journal de Maison…

Les blogs de décoration Deco By Kateel, Mille et une nuit à Paris…

La play list deezer d'Urbanmasala L'équipe met a disposition une sélection de musique indiennes disponible sur le site. Celle-ci peut être écoutée et partagée gratuitement.

La page Instagram d'Urbanmasala L'équipe Urbanmasala poste des photos lors des déplacements en Inde ainsi qu'au moment de l'arrivage des nouveaux produits. L'internaute s'y abonne pour suivre les périgrinations d'Urbanmasala et en découvrir les inspirations et les nouveautés.

La page Facebook Urbanmasala invite les internautes à participer au concours photo et à consulter la nouvelle e-boutique

Page 19 / 62

Le concours photo Incite l'internaute à poster des photos et des commentaires.

Le site Urbanmasala http//: urban-masala.fr/

Le site Urbanmasala http//:urban-masala.fr/

Le site Urbanmasala http//:urban-masala.fr/

Les outils d'Urbanmasala Distribution de flyers dans la boutique pour inviter les clients à participer au concours photo en ligne.

Les outils extérieurs Les actions d'Urbanmasala Objectifs : Relayer l'info du lancement de le e-boutique et promouvoir le concours photo.

Les bénéfices des actions Attirer la clientèle, la presse et les blogueurs sur le site et les inciter à acheter en ligne, à participer au concours et à parler de la marque.

Les bons d'achats remportés par les participants au concours photo.

Un bon d'achat est attribué à chaque participant du concours photo, ce bon est valable exclusivement sur les achats en ligne.

Communiqué de presse Envoi d'un communiqué de presse qui informe du lancement de la e-boutique

La boutique Urbanmasala Paris XIème

Newsletter/e-mailing Envoi d'une newsletter qui informe les clients d'Urbanmasala du lancement de la e-boutique et les invite à participer au concours photo.

Par la suite les soldes seront annoncées également par ce biais.

Base de données clients Urbanmasala dispose d'un fichier clients de plus de 800 adresses mail.

/1 4

Habillage de la page Facebook, annonce de la prochaine ouverture du site, du concours photo et du prochain voyage en Inde de l'équipe Urbanmasala.

Ouverture de la page Instagram Urbanmasala qui comportera déjà les photos de la boutique et des produits.

L'équipe Urbanmasala y ajoutera des photos prises sur le vif depuis l'Inde.

Envoi d'un communiqué de presse et d'une newsletter qui prévient la presse et les clients du lancement de la e-boutique et invite à participer au concours photo.

Distribution de flyers dans la boutique pour inviter les clients à participer au concours photo en ligne.

Ouverture du site et lancement du concours photo

22

Mise en ligne d'une landing page qui annonce la prochaine ouverture du site cette page renvoie vers le blog actuel et comporte un champs qui permet à l'internaute de laisser son adresse e-mail afin d'être prévenu dès la mise en ligne effective.

La captation de l'audience de la future e-boutique sera ponctuée par différentes grandes étapes depuis la mise en ligne d'une landing page plusieurs semaines à l'avance jusqu'à un e-mailing général qui invitera à J-1 la presse et les clients à se rendre sur le nouveau site.

/0 4

/1 4 /0 4

Voyage de l'équipe d'Urbanmasala en Inde

21

/1 4 /0 4 01

01

/0 3

/1 4

Stratégie de communication / les grandes étapes de la stratégie de lancement du site

Page 20 / 62

Design d'interface et ergonomie / l'arborescence du nouveau site L'analyse des personae et des objectifs d'Urbanmsala nous permis de dessiner le plan du futur site.

Légende Image

Nombre de données

Pop up

Formulaire

Lien interne

Document téléchargeable

Panier

Accès sécurisé login et mot de passe

Bouton

Lien externe

Moteur de recherche

Zoom image

Page

Page 21 / 62

Design d'interface et ergonomie / les wireframes : la page d'accueil La page d'accueil du site urban-masala.fr

Page 22 / 62

L'internaute sélectionne "meubles" dans le menu déroulant de la e-boutique, il est dirigé vers cette page :

Design d'interface et ergonomie / les wireframes : la e-boutique Page 23 / 62

Design d'interface et ergonomie / les wireframes : la e-boutique Parmi les produits l'internaute souhaite en savoir plus sur le gardemanger, il clique sur la vignette correspondante et la fiche dĂŠtaillĂŠe du produit s'ouvre :

Page 24 / 62

Design d'interface et ergonomie / les wireframes : le tunnel d'achat L'internaute désire acheter le garde-manger, il clique sur le bouton "Ajouter au panier" puis ouvre son panier depuis le lien "Mon panier" présent en haut à droite de la page :

Voir page suivante : L'internaute a cliqué sur sur le bouton "Procéder à la commande " la page commande s'ouvre :

Page 25 / 62

Design d'interface et ergonomie / les wireframes : le tunnel d'achat

Page 26 / 62

Design d'interface et ergonomie / les wireframes : le blog L'internaute a cliquĂŠ sur sur le bouton "Notre regard sur l'Inde" il est dirigĂŠ sur la page d'accueil du blog d'Urbanmasala :

Voir page suivante : L'internaute a parcours le premier article et clique sur le bouton "Pour en savoir plus " la suite de l'article de dĂŠplie et s'affiche dans la page :

Page 27 / 62

Design d'interface et ergonomie / les wireframes : le blog

Page 28 / 62

L'internaute clique sur l'encadrĂŠ "Concours photo" prĂŠsent sur la page d'accueil, il est dirigĂŠ vers cette page :

Design d'interface et ergonomie / les wireframes : le concours photo Page 29 / 62

Design d'interface et ergonomie / les wireframes : la page d'accueil adaptée à la tablette Parmi nos personae, la CSP++ et le professionnel sont susceptibles de consulter le site d'Urbanamasala sur tablette, nous avons choisi de mettre à disposition des internautes un site dit "responsive".

Voici comment la page d'accueil s'adaptera à l'écran d'une tablette :

Page 30 / 62

Design d'interface et ergonomie / les wireframes : la page d'accueil adaptée aux smartphones Tous nos personae sont équipés d'un smartphone sur lequel il pourront consulter le site en situation de mobilité car son caractère "responsive" lui permet aussi de s'adapter à l'écran du smartphone, ou de l'iPhone.

Voici comment la page d'accueil s'adaptera à l'écran d'un smartphone :

Page 31 / 62

Ergonomie / les parcours utilisateurs du coeur de cible Le cœur de cible est essentiellement féminin, en effet d'après notre enquête et nos observations la majorité des personnes qui poussent la porte de la boutique Urbanmasala sont des femmes.

Elle viennent parfois en couple mais il s'agit bien souvent d'une seconde visite qui leur permet de faire valider un achat par leur compagnon.

Ce qui nous amène à penser que le coeur de cible de la e-boutique sera aussi majoritairement féminin.

Nous avons mis nos personae à l'épreuve sur l'interface de la nouvelle e-boutique.

7.

Catherine ne prendra pas le temps de passer à la boutique, elle retourne sur le site et s'empresse de commander en ligne le garde-manger avant que le stock ne soit totalement écoulé.

6.

Sa fille l'appelle aussitôt pour lui dire que le meuble lui plaît vraiment beaucoup.

5.

On lui propose aussi de partager la fiche par email.

Elle clique sur l’icône de l’enveloppe et envoie le lien de la fiche produit à sa fille.

LA CSP++ DRH, 56 ans, Paris 17ème.

Son objectif sur le site : Trouver du mobilier original à petits prix pour l'appartement de sa fille, pouvoir partager ses trouvailles avec elle, acheter en ligne si le meuble en question convient à sa fille.

Son parcours : 1.

Catherine connaît bien la boutique car elle est située à 2 pas de son cours de yoga. Elle a repéré quelques meubles pas chers et originaux pour sa fille qui emménage avec son compagnon.

2.

Comme tous les clients fidèles de la boutique elle a reçu l'e-mailling qui annonce l'ouverture de la eboutique. Elle retrouve le mail et clique sur le lien.

3.

Elle consulte la rubrique de la e-boutique et clique sur "meubles". Elle arrive sur la page de résultats.

Elle sélectionne les garde-manger, la page de résultats lui affiche alors tous les garde-manger.

5.

Elle repère le petit modèle de couleur bleue, vérifie ses dimensions et sa disponibilité, il n'en reste plus que 2 en stock. De peur qu'il ne lui échappe, elle l'ajoute à son panier.

Page 32 / 62

L’AMOUREUSE DE L’INDE Maître de conf à l’INALCO spécialité Hindi, 45 ans, séparée, 1 enfant, Montrouge.

Son objectif sur le site : Retrouver l'ambiance et un contenu qui lui évoque bien son pays préféré. Elle souhaite commander plusieurs gamme de savons qu'elle offrira à ses amies pour noël. C'est une maman célibataire, elle manque temps, elle les commande en ligne.

Son parcours : 1.

Catherine fait des recherches sur l’iconographie indienne pour sa prochaine conférence. Elle tape "lithographies indiennes" dans google et tombe sur un article du blog Urbanmasala qui a pour sujet les lithographies indiennes. Elle maîtrise elle-même très bien le sujet prend part au débat en postant un commentaire.

2.

Elle souhaite en savoir plus sur cette boutique et clique sur "Nous connaître", elle découvre alors qui sont les fondateurs d’Urbanmasala, la façon dont sont fabriqués et importés les produits.

3.

Heureuse d'avoir trouvé un site sur lequel elle retrouve un peu de l'authenticité de son pays préféré elle clique aussi sur le lien Instagram et y découvre les images que l'équipe d'Urbanmasala a posté depuis l'Inde lors de son dernier voyage.

9. À la boutique on lui distribuera un flyer qui l'invite à participer au concours photo. Catherine se dit qu'elle y participera peut-être en postant une photo de sa jolie salle de bain dans laquelle trône un savon ayurvédiques !

8.

Elle clique sur l’entrée « Contact » et note l’adresse pour aller récupérer sa commande et visiter la boutique.

7.

Définitivement convaincue et impatiente de découvrir l’ensemble des produits, elle cherche l’adresse de la boutique.

6.

Elle achète une série de savons en ligne et coche l'option "Enlèvement à la boutique" car elle ne souhaite payer de fais de livraisons pour un si petit montant.

5.

Parmi une suggestions d’articles proposés sur le côté, elle remarque un article sur les savons ayurvédiques.

Elle le lit et clique sur le lien proposé vers la fiche produit. Noël approche et elle se dit que c'est une bonne idée cadeau pour ses collègues de l'INALCO qui sont eux aussi fans de produits indiens.

4.

Tout prêt du lien Instagram se trouve également une play-list deezer, elle appuie sur le bouton play pour la découvrir. Bonne surprise ! elle la Like de façon à la retrouver facilement depuis sa page Facebook.

Ergonomie / les parcours utilisateurs de la cible secondaire En dehors du coeur de cible nous avons dessiné deux profils d'acheteurs potentiels que nous traitons sur un plan secondaire.

Il s'agit des professionnels de la décoration, à ce jour la fréquence de leur demande n'est pas très élevée.

Nous avons donc défini pour eux une interface dédiée qui rendrait leur visite efficace et les fidéliserait.

Son parcours :

LE PROFESSIONNEL Tient une boutique de déco à Bruxelles, 48 ans, Belgique.

Son objectif sur le site : Satisfaire rapidement la demande de ces clients Bruxellois qui réclame des égouttoirs indiens. En rupture de stock sur le produits il doit pouvoir commander et se réapprocisionner dans les plus bref délais.

1.

Eric a lu un article dans Marie-claire Maison où on parle des égouttoirs indiens de chez Urbanmasala

2.

Il tape égouttoirs indiens dans google et tombe sur la page d’accueil du site Urbanmasala.

3.

Il voit les égouttoirs dans le slider et clique dessus.

Il arrive sur la fiche produit de l’égouttoir.

7.

Eric reçoit sa marchandise en temps et en heure, il a pu satisfaire la demande de ses clients. Il commandera certainement de nouveaux chez Urbanmasala car il y a repéré des pièce de textiles qu'il n'a jamais vu ailleurs. Il se dit que ce type d'articles devrait remporter un franc succès auprès de sa clientèle Bruxelloise !

4.

Intéressé, il recherche un contact pour demander des renseignements. Il remarque « l’espace professionnels » et clique dessus.

5.

On lui propose de télécharger un catalogue. Il s’inscrit pour accéder à l’espace et télécharger le catalogue.

6.

Une fois son choix fait, il revient sur le site remplir le formulaire de contact où il formule sa demande d’être rappelé.

Page 33 / 62

LA JOURNALISTE Journaliste en presse déco, 40 ans, Marseille.

Son objectif sur le site : Trouver l'objet indien inédit qu'elle sera la première a mettre en scène dans les pages déco de son magazine.

Sur le site elle doit trouver facilement l'espace réservé aux journalistes et pouvoir y télécharger la photo détourée en haute définition et la fiche détaillé du produit en question.

Son parcours : 1.

Pour le prochain numéro d'été 2014 Sandrine doit réaliser un sujet déco inspiration Inde. Le magazine de la Maison a reçu par mail (comme toute la presse décoration) le communiqué de presse d'Urbanmasala qui annonce l'ouverture de la e-boutique.

2.

Ce communiqué a été archivé dans une base de donnée accessible à tous les rédacteurs du magazine, en entrant les termes "décoration indienne" c'est le premier qui apparaît. Elle clique sur le lien.

3.

Elle arrive alors sur la page d’accueil et clique sur la e-boutique pour avoir une vu d’ensemble des produits proposés. Plusieurs articles l'interpellent.

4.

Elle recherche un contact et remarque l’espace professionnels. Elle clique sur « Presse » et arrive sur l’espace réservé aux journalistes.

Elle doit se connecter en renseignant son adresse email pour avoir accès aux photos détourées des produits phares et aux communiqués de presse.

7.

Elle sera peut-être bientôt amenée à passer commande sur le site pour le compte de sa cliente.

6.

Dans la cadre son activité de conseils en décoration elle repère un voilage brodé à la main qui habillerait parfaitement les fenêtre de la villa d'une de ces clientes marseillaise, elle lui envoie par email la fiche produit grâce au bouton de partage.

5.

Elle se connecte et télécharge plusieurs photos.

Ergonomie / les parcours utilisateurs de la cible à conquérir Alors que nous connaisssons mieux les cibles déjà acquises par la boutique Urbanmasala et nous avons vu comment les inciter à visiter la future e-boutique.

Reste à définir comment retenir l'attention d'une nouvelle cible à conquérir : l'acheteuse occasionnelle.

Là-encore il s'agit plutôt d'une femme, en revanche celle-ci appartient à une tranche d'âge inférieure aux clients habituels de la boutique.

Une trentenaire technophile et connectée à l'image de sa génération, très prise par son travail elle manque de temps et achète souvent en ligne, elle chasse les promotions sur le web et utilise souvent des sites de comparatifs de prix.

Même si les prix d'Urbanmasala ne sont pas très élevés, notre acheteuse ne reviendra que si elle a le sentiment d'avoir fait une bonne affaire.

Elle est directement liée à notre idée d'organiser un jeu concours qui récompense les nouveaux acheteurs.

L’acheteuse occasionnelle Chargée de com, 31 ans, Paris.

Page 34 / 62

8.

A cette occasion elle est attiré par la photo d'un égouttoir indien qui tourne en boucle sur la page d'acceuil, en cliquant sur l'image elle est dirigée vers la fiche détaillée de l'égouttoir, elle clique sur le bouton "partager" pour envoyer sa trouvaille à son compagnon avec un petit message : - "Petite idée cadeau pour la saint-Valentin".

Son objectif sur le site : Pouvoir faire de bonnes affaires ! Et partager ses bons plans avec ses proches !

Son parcours :

9.

Elle passe récupérer sa commande en boutique en pensant qu'elle pourrait peut-être participer à nouveau au concours photo pour acquérir - à petit prix - la carafe qui va si bien avec ses tasses à café…

1.

La meilleure amie d'Emilie à eu l'idée de Liker le concours photo Urbanmasala sur sa page Facebook.

2.

Emilie clique sur le lien et découvre la page d'acceuil du concours photo sur le blog d'Urbanmasala. Elle va emménager avec son ami et cherche justement des meubles originaux et pas trop chers.

3.

Parmi les photos prises par les acheteur d'Urbanmasala, elle remarque un petit garde-manger qui lui plaît.

Elle clique dessus et se retrouve sur la fiche détaillée du produit.

4.

Après avoir vérifié les dimensions, elle décide de l’acheter et de créer un compte pour participer au concours en postant une photo à son tour.

7.

Elle s'empresse de mettre à profit ce bon d'achat pour commander (en ligne) un ensemble de tasse à café en inox qu'elle avait repéré lors de sa première visite sur la e-boutique.

6.

Elle reçoit alors de la part de l'équipe d'Urnamsala un bon d’achat valable exclusivement en ligne.

5.

Une fois le garde-manger livré à son domicile, elle l'installe dans son entrée, dépose quelques objets sur le dessus, le prend en photo avec son iPhone et poste dans la minute sa photo sur le blog d'Urbamasala avec un petit commentaire : - "j'adore mon nouveau petit meuble d'entrée, parfait pour y poser mon trousseau de clefs !"

Contenu / les contraintes et la tonalité éditoriale

Page 35 / 62

Le blog : Nous avons à nouveau observé La E-boutique : Les réseaux sociaux : inviter au voyage nos personae pour définir la manière dont retrouver l’ambiance de la boutique un ton beaucoup plus libre Urbanmasala devra s'adresser aux interLe blog a vocation à être le lieu du récit et de l’explication, Informer le client Le ton et l’approche éditoriale de page facebook devra pernautes, le ton s'adaptera aux cibles visées Le style doit être informatif : comme en boutique, il doit de l’apprentissage. Les articles pourront être longs mais mettre d’interpeller et d’impliquer le fan en lui demandant ils devront accrocher le lecteur par un titre suggestif et permettre de renseigner le visiteur de façon claire, présuivant les parties du site où l'on se son avis ou en le faisant participer à un vote ou encore en une accroche de phrase qui donne envie de poursuivre la cise. La fiche produit doit être nourrie de descriptions lui faisant découvrir des choses. On s’adresse de façon trouve : détaillées (composition, origine, méthode de fabrication du lecture. Le ton est didactique : à la fin d’un article, on pourproduit) afin d’apporter tous les renseignements nécessaires à l’achat. La description doit rester cependant synthétique : l’internaute doit accéder rapidement aux informations essentielles. L’approche informative correspond à un ton neutre et poli (vouvoiement). Cette tonalité éditoriale s’appliquera également à toute la partie « réassurance » (conditions de vente et services) pour rassurer le client dans sa démarche d’achat.

Interpeler le client La zone centrale de la page d’accueil a pour vocation de diffuser des messages orientés produits (le slider et dans les encadrés à côté). Il s’agit d’amener le client plus rapidement sur les produits phares de la boutique ou de l’informer d’un événement produit majeur (concours photo, soldes). Les messages apposés sur les photos du slider comme ceux des encadrés doivent être courts et vendeurs. Ils doivent séduire en quelques mots pour amener l’internaute à cliquer. La formulation impliquera l’internaute en s’adressant directement à lui (« Participez à notre concours », « Suivez-nous »).

Etre prescripteur L’équipe Urbanmasala se pose comme expert et prescripteur vis-à-vis de l’internaute : elle suggère des produits intéressants (« Notre sélection », « l’Equipe Urbanmasala vous propose aussi » et apporte des conseils dans la fiche produit.

ra, par exemple, suggérer d’autres lectures (« Pour aller plus loin »). L’introduction de visuels complètera l’apport de l’écrit.

direct à lui et lui donne la possibilité d’interagir. La page facebook n’a pas directement de tonalité commerciale, elle doit donner le sentiment de procurer un bonus au client.

Les recherches graphiques / le dialogue entre la photo et l’illustration

L'univers graphique Notre ambition pour notre charte graphique est de valoriser la singularité des produits qui seront vendus sur le site.

Nous voulons refléter l'ambiance conviviale que l'on trouve dans la boutique : un petit espace tenu par quatre amis dans lequel on trouve une sélection d'objets de décoration fait-main en séries limitées à la croisée entre tradition et modernité.

Pour cela, nous avons imaginé un univers graphique avec une dominante illustrative afin de rappeler et de souligner le côté fait-main des produits à travers la sensibilité d'un dessin de type presse, spontané, ludique et expressif dans son économie de traits. Nous jouons la carte de l'authenticité à travers une mise en scène faisant dialoguer les photos des produits-phares avec le dessin.

Notre ambition pour notre charte graphique est de marquer les esprits en amenant une image décalée, amusante afin de créer une identité forte, authentique à l'opposé de l'archétype du site marchand froid et austère.

Nous voulons susciter la curiosité. Il est en effet très important de marquer l'esprit du visiteur qui a tendance à naviguer avec plusieurs onglets ouverts en même temps et qui peut ainsi avoir une capacité de concentration limitée. Une identité graphique forte contribue également à installer dans son imaginaire un souvenir persistant et précis de ce site marchand.

Inspiration graphique Serge Bloch, Saul Steinberg, Sempé. Les dessinateurs de presse du New-Yorker.

Page 36 / 62

Les recherches graphiques / le dialogue entre la photo et l’illustration

Page 37 / 62

(*1)

(*2)

Une mise en scène dessinée du produit (*1) Saul Steinberg Intervention dessinée sur un environnement composé d'objets et de mobiliers. (*2) L'agence Charpoy En reprenant ce principe de photo-dessinée, l'illustration ira se fondre sur nos photos de certains produits d'Urbanmasala pris sur fond blanc. Ici un premier test avec une photo packshot de l'un des produits phares de la boutique : le garde-manger indien.

>

Les recherches graphiques / la place de l'illustration dans le site

Les produits-phares mis en lumière C'est dans la page des fiches catégories-produits que l'illustration interviendra principalement. Il s'agit ici de créer ici une mise en situation pour présenter les grandes catégories de produit et donner une ambiance chaleureuse et ludique.

Par ailleurs, on retrouvera, par touche, un côté illustratif dans la partie « Nous connaître ».

Inspiration web Le site d'Hermès accorde une large place à l'illustration dans sa page de présentation des produits.

On note qu'il y a uniquement des images sur fond blanc et que la traditionnelle mise en scène photo du produit que l'on retrouve sur une très large partie des sites marchands et ici remplacée par une mise en scène dessinée.

Page 38 / 62

La charte graphique / la place de l'illustration dans le site

La photo sur fond blanc du produit interagit avec le dessin et la typographie. Illustration photo de droite : Serge Bloch.

Page 39 / 62

La charte graphique / l'univers typographique (*1)

Page 40 / 62

(*2)

Regular-drops

La Roboto (*1) Pour les textes courants et les intitulés des menus, nous préconisons l'utilisation d'une police sans empattements : la Roboto. Il s'agit d'une Google webfont moderne et fonctionnelle utilisée notamment par Google Font et Google Map. Elle est optimisée pour un confort de lecture optimal.

La Narziss (*2) Une partie de nos titrages (notamment ceux des fiches produits) seront écrits avec la police de caractère Narziss.

Police avec des sérifs très ronds, elle permet de retrouver l'esprit et la cohérence d'un dessin spontané. Fort contraste entre les zones maigres et les zones grasses qui créent une dynmique visuelle.

Medium-drops

Medium

Pro-Cry

Nous la préconisons car elle a pour particularité d’avoir à la fois un côté moderne et un côté un peu orientalisant.Elle permettra de donner du relief au concept contemporain/ traditionnel d'Urbanmasala. Cette police de caractère sera uniquement utilisée avec un corps de texte très grand afin de faire ressortir son côté impactant.

Urban Masala

La charte graphique / l'univers coloriel

Page 41 / 62

Pour ne rien manquer de nos soldes & ventes privées

Orange et Vert VS Noir et Blanc

Suivez-nous !

Les couleurs s’insèrent par touches au sein d’un tandem noir et blanc très présent et nécessaire pour une question de lisibilité optimisée du contenu graphique.

Utilisation du vert et du orange afin de rappeler les couleurs associées au drapeau de l'Inde. Le orange renvoie à un côté lumineux et chaleureux ; le vert à un côté apaisant et naturel.

mon email

OK

R : 241 V : 137 B : 34

10 euros

de bon d’achat en ligne

Ces deux couleurs sont utilisées par touches à certains endroits précis du site. Le orange pour le filet décoratif se situant en dessous du menu + un encart informatif de la page home. Le vert sera utilisé pour un autre encart informatif de la page home.

Concours photos R : 61 V : 177 B : 11

à gagner en envoyant vos meilleurs photos de nos produits

La charte graphique / le logo

Page 42 / 62

Un logo adapté Responsive Design Nous préconisons de refondre le logo dans un graphisme « flat-design ». Ce type de graphisme, tout en aplat, s'est révélé depuis plusieurs années comme la meilleure solution, adoptée par toutes les agences web, lorsque l'on veut concevoir un site optimisé pour une consultation sur un ordinateur fixe, une tablette et un smarphone.

A à la différence d'un logo avec un trait fin, un logo en aplat ne souffrira d'aucun problème de lisibilité lorsque le site sera consulté sur un petit écran comme celui d'un smartphone.

Urban Masala

La charte graphique / les cartouches-slider

Page 43 / 62

Un jeu de cartouches Nous prévoyons des cartouches sur fond blanc afin de garantir une lisibilité de la typographie quelque soit la photo d'arrière plan utilisée.

textiles

égouttoirs

mode

La charte graphique / les pictogrammes

Page 44 / 62

recherchez un produit NOUS SUIVRE Recevez nos invitations

Mon panier

recherchez un produit

La charte graphique / les maquettes

Une mise en page organisée en blocs Dans le respect des conventions du responsive design, les pages du site adaptées à l'écran se caleront sur une grille sous-jacente divisée en 4 colonnes verticales qui servent de guide à l'information, ce système de colonage permettra d'adapter la maquette à d'autres formats en modifiant le nombre des colonnes suivant que l’utilisateur sera sur tablette ou smartphone.

Le corps du texte et la taille des éléments se modifieront à mesure que le nombre de colonnes se réduira de façon à garder un contenu lisible, clair et ergonomique quel que soit le device utilisé pour consulter le site d'Urbanmasala.

Page 45 / 62

La charte graphique / les maquettes

Page 46 / 62

Page d'accueil Connexion

Mon compte

Mon panier

recherchez un produit

URBAN MASALA

ACCUEIL

LA E-BOUTIQUE

TOUTES LES NOUVEAUTÉS

NOUS CONNAÎTRE

URBAN MASALA DANS LA PRESSE

CONTACT

10 EUROS

de bon d’achat en ligne

CONCOURS PHOTOS

textiles

à gagner en envoyant vos meilleurs photos de nos produits

Pour ne rien manquer de nos soldes & ventes privées

SUIVEZ-NOUS ! mon email

Boutique Urban Masala 2 passage Thiéré 75011 Paris 01 02 03 04 05 contact@urban-masala.fr

CONDITIONS ET SERVICES Livraison Echanges/Retours Paiement CGV

ESPACE PROFESSIONNEL Presse Revendeurs La presse parle de nous Nos partenaires

Mentions - Crédits

OK

NOUS SUIVRE Recevez nos invitations

La charte graphique / les maquettes Page catégorie produit Nota bene : Les photos présentes sur la maquette sont à valeurs d'exemples ; elles seront remplacées sur le site par celles qui correspondent réellement aux catégories.

Page 47 / 62

La charte graphique / les maquettes Page produit

Page 48 / 62

La charte graphique / les maquettes Landing Page

Page 49 / 62

La charte graphique / maquettes

Close-up mobiles devices

Page 50 / 62

Technique / le périmètre

Page 51 / 62

a) Les besoins d'Urbanmasala

d) Supports Facebook, Instagram

Nous avons identifié avec l'équipe d'Urbanmasala les besoins et contraintes techniques suivantes : • développer la e-boutique en terme de front office et back office.

• réintégrer le blog dans le nouveau site.

• mettre à disposition de l'équipe un back office simple d'utilisation qui permettra d'effectuer les mises à jour du contenu facilement • l'équipe d'Urbanmasala a déjà une première approche du backoffice de Wordpress.

La page Facebook existante (ci-contre) continuera de supporter l'actualité et servira aussi à promouvoir le concours photo.

Afin de fidéliser la clientèle et de rendre le site plus participatif nous préconisons l'utilisations des fonctions de partage et la viralité en mettant à disposition des boutons "like" et "partager".

Pour attirer la cible des trentenaires, une page Instagram dédiée sera créée, celle-ci recevra les photos des produits personnalisées.

Ci-dessous les exemples de la page Instagram du magazine Mint et de la page Flickr de Pankaj Sharma.

b) Nom de domaine Le domaine d’Urbanmasala est actuellement hébergé gratuitement via la formule “urbanmasalablog.wordpress. com”. L'équipe a également investi dans la réservation des noms de domaines suivants : urban-masala.com urban-masala.fr À noter : urbanmasala.com n’est pas disponible, il a été réservé par vistaprint, en revanche, urbanmasala.fr est toujours disponible (le client à été informé de sa disponibilité).

c) Hébergement Urbanmasala est hébergé chez Gandi, sur un serveur mutualisé. Nous ne préconisons pas de serveur dédié pour les raisons suivantes : • pas de besoin spécifique en terme d’hébergement • un prix plus élevé.

• Urbanmasala dispose d’un compte de type M de 20 go.

Deux options supplémentaires se proposent à Urbanmasala dans le pack proposé par Gandi : • la création d’une image (backup) du site régulière est une option intéressante et utile pour assurer la pérennité du site.

• sur le long terme, la possibilité d’utiliser un protocole de sécurisation SSL est également une garantie en plus, non négligeable pour sécuriser les futurs transactions en ligne.

Technique / choix des technologies

Page 52 / 62

Les navigateurs : Pour une utilisation optimale, le site devra être consulté sur les navigateurs du marché: Chrome Firefox Internet Explorer Safari

a) Compatibilité HTML 5 Chrome est le navigateur le plus utilisé en France mais également au monde comme en témoigne le graphique ci-dessous.

Chrome est suivi de Firefox puis d’Internet Explorer.

Tableau représentant les statistiques global d’utilisation des navigateurs à travers le monde:

En France Internet Explorer reste le 2ème navigateur le plus utilisé.

Tableau représentant les statistiques global d’utilisation des navigateurs en France :

Technique / choix des technologies

Page 53 / 62

Les versions de navigateur les plus utilisées (compatibilité HTML5 et CSS3):

b)CSS 3

Pour la mise en forme à travers des feuilles de styles et respect des conventions imposées par le W3C.

c) PHP & MySQL

Pour gérer le contenu dynamique : nous utiliserons le langage de script PHP couplé à la gestion de base de données MySQL, ce procédé a de multiples avantages : - il s'agit d'une technologie gratuite - c'est le langage standard proposé par les hébergeurs - on note aussi la rapidité d'exécution par les serveurs, sans ressource supplémentaires.

Pour l’envoi de la newsletter, nous devrons mettre en place une base de données qui traitera les informations envoyées par les utilisateurs. Nous préconisons également l’utilisation très répandue du PHP conjointement avec MySQL.

d) Bibliothèque JQuery & Javascript

Pour l’ajout d’une couche d'interactivité côté client et pour leurs capacité d’animation.

Technique / pourquoi choisir Wordpress ? a) Afin de promouvoir les produits d’Urbanmasala, et de satisfaire la demande du client , nous préconisons la mise en place d’un dispositif basé sur une solution E-commerce combinée au blog existant.

Page 54 / 62

Nous avons donc choisi d’utiliser des technologies fiables exploitant pleinement tous les potentiels qu’offre aujourd’hui le web.

Pour choisir le CMS à adopter pour le projet, nous nous sommes appuyés sur les statistiques des usagers de ces systèmes ainsi qu’un sur un benchmark comparatif des diverses solutions e-commerce.

• Compatibilité : respectueux des normes du W3C

Intégration possible de librairie externes (Jquery, Javascript)

Graphiques d’utilisation de la solution Wordpress

• Sécurité et renouvellement :

Certaines manipulations basiques au moment de l’installation de wordpress permettent de sécuriser le site, par la suite il est possible d’installer des plugins (antispam, prévenir les tentatives de Hack)

• Type de boutique : Wordpress convient parfaite• Intuitif & User-Friendly : prise en main facile • Prix : coûts faibles (blog avec modules et plugins ad-

ditionnels généralement gratuits)

• Mises à jour : mises à jour possible et nécessaire pour assurer la sécurité du site et sa pérennité.

• International : Wordpress est constitué d’une communauté active à travers le monde.

• Aide : du fait de son grand nombre d’utilisateur, un

élément d’aide appelé Codex est mise à jour par les utilisateurs, ce qui représente une aide importante pour les utilisateurs novices.

• Langage : disponible en français, la langue principale de développement reste cependant l'anglais.

• Customisation : forte possibilité de customisation du site, de nombreux plugins sont disponibles au téléchargement. Concernant l’aspect graphique, de nombreux thèmes sont développés.

ment à l'ampleur de la future e-boutique Urbanmasala, il saura couvrir les besoins liés aux ventes via le site.

• Source d’information :

En dehors, du Codex développé par wordpress, de nombreux sites proposent des supports pour gérer le fonctionnement de wordpress (Elephorm, revue Webdesign, V2B).

• Pré-requis : Urbanmasala connaît déjà l'interface de gestion du Back office de Wordpress.

• Fiabilité : Wordpress existe depuis plusieurs années et a fait ses preuves.

• Multimédia : Intégration facile de son, vidéo, images.

• Multi-utilisateur : plusieurs utilisateurs peuvent contribuer à la vie du site simultanément, avec des accès et des actions différentes (administrateur, contributeur,client...)

• Navigateur : Wordpress est compatible avec tous les navigateurs.

Technique / pourquoi choisir Wordpress ?

Page 55 / 62

d) Pourquoi Woocommerce?

b) Responsive Design compatible avec les mobiles et tablettes Suite à l'analyse de nos personae nous pouvons constater que plusieurs d'entre-eux sont susceptibles de consulter le site sur tablette ou smartphone.

Afin d’optimiser la navigation des contenus de façon fluide et adaptée sur les supports mobiles, nous optons pour un CMS Wordpress “responsive”.

Woocommerce est la solution la plus intuitive actuellement, elle est facilement installable et configurable, de plus avec le temps, elle a su prouver sa stabilité par de nouvelle version disponibles qui améliorent sans cesse l’expérience utilisateur.

Woocommerce est un plugin, nous pouvons donc l’intégrer aisément dans Wordpress.

Enfin cet élément est riche en fonctionnalités, à savoir : produits, clients, commandes, système de gestion, expéditions, option de paiement…

Cette proposition permettra : - d’apporter de la valeur ajoutée au site par un design flexible.

- de permettre aux clients en situsation de mobilité de consulter le site et d'y faire des achats.

- d'assurer un certaine pérennité au site sachant l'essort constant des devices mobiles comme les tablettes et les smatphones.

c) Utilisation d'un thème Wordpress Nous comptons partir d’un thème wordpress en partie developpé pour le e-commerce, afin de créer un doublon (appelé “child”) qui nous permettra de modifier l’apparence du site et l’adapter à la nouvelle charte d’Urbanmasala.

Notre boutique developpée via “Woocommerce” s’intégrera sur ce thème wordpress personnalisé.

Technique / référencement

Page 56 / 62

Référencement a) Reférencement naturel Pour des raisons financières, les liens sponsorisés ont été écartés, la priorité est laissée au référencement naturel grâce à l'utilisation des méta-tags et mot-clés suivants : Décoration indienne, Inde, indien, indienne, égouttoir indien, egouttoir, inox, art de la table indien, lunchbox indienne, vaisselle inox, matelas indiens, broderie indienne, lithographie indienne, décoration, paris 11ème, bastille, design indien contemporain, designer indien, urban masala, boutique, savons ayurvédiques, fait-main, handmade, art ethnique, mobilier indien, design urbain, contemporary, khadi, roghan, khanta, gamcha, gujarat, vaisselier indien, indian kitchenrack, tilla, India, import, aratrick.

Deux nuages de mot obtenus sur Wordle à partir du blog existant :

b) Indices de classement Le contenu du site est important pour son référencement (Indice de densité), mais le nombre de liens pointant vers le site est aussi à prendre en compte (Indice de popularité). À ce jour nous comptons 2 blogs, 3 magazines et quelques annuaires qui pointent déjà vers le blogs existant.

Néanmoins la vigilance est de mise quant à la nature des liens sortants, un lien vers un site mal considéré par Google peut réduire à néant le référencement acquis jusqu'alors. Nous avons informé l'équipe d'Urbanmasala de ce danger et préconisons de ne rétablir tous les liens sortants du blog existant avant vérification préalable.

c) Réseaux sociaux Présence renforcée sur les réseaux sociaux (Facebook, Instagram). Le référencement sera encore optimisé à mesure que l'activité des pages Facebook et Instagram s'intensifiera.

Technique / le back-office et les fonctionnalités Le back-office

Les fonctionnalités

a) Besoins client Nous avons noté que l'équipe d'Urbanmasla doit pouvoir mettre à jour son contenu très facilement et très rapidement. Le site devra lui permettre d'informer ses clients des nouveaux produits disponibles et proposer des actualités sur l’Inde contemporaine via le blog.

a) Slider Utilisation de plugin Soliloquy disponible sur http://soliloquywp.com/ Nous l'avons choisi pour sa vitesse et c’est également un slider qui autorise le clic.

Personnalisation de l’affichage slider depuis le back-office.

b) La gestion du contenu - grâce au back-office de Wordpress, l'équipe Urbanmasla pourra ajouter à volonté de nouveaux produits dans la e-boutique ainsi que de nouveaux articles dans le blog, ces derniers pourrons être modifiés ou supprimés par la suite.

b) Mailing list ponctuelle Saisie direct de l’email: nous avons choisi de rendre cette fonction très simple.

Stockage des emails en base de donnée, pour utilisation lors de l’envoi de la newsletter. Vérification de l’information lors de la saisie, pour vérification si présence d’erreur ou non.

- les événements/produits seront taggés de plusieurs manières et favorisent la création de liens dans le site.

- en fonction de l’état de disponibilité du produit (épuisé ou en stock), l'affichage de la page se mettra automatiquement à jour.

- Urbanmasala pourra mettre en avant ses actualités (nouveaux arrivages…) dans la e-boutique comme sur le blog. c) Une page d’accueil personnalisable - le slider d’accueil notamment pourra être mis à jour en fonction des besoins (période de soldes, événements…)

Page 57 / 62

c) Impression (en option ) L’internaute doit pouvoir imprimer la fiche produit, avec une mise en page spécifique à l’impression. Si mise en place nous utiliserons le code print_r d) Recherche Les critères de recherche plus poussés sont toujours visibles en haut à droite de l’écran, nous utiliserons le moteur de recherche fourni par défaut dans Wordpress. e) Formulaire de contact Plugin de contact de pointe : Contact form 7 Les zones de saisie du formulaire sont verifiées (format email par exemple).

Le formulaire reste accessible pour un autre demande. f) Solution E-commerce (E-Shop) Nous utiliserons le plugin Woocommerce en ce qui concerne l’aspect vente en ligne sur la e-boutique d’Urbanmasala.

Certaines fonctionnalités seront plus détaillées : - Formule d’alerte pour les produits manquants g) Revue de presse (en option) Si le timing le permet, création d’un fichier catalogue au format .pdf pour les professionnels.

h) Login: Création en codant d’un login utilisateur source:http://wpchannel.com/creer-zone-connexionlogin-wordpress/ i) Géolocalisation: Afin de simplifier l’accés à la boutique “physique” pour les futurs utilisateurs nous avons pour objectif de mettre en place une carte de type “google map” non interactive.

j) Google analytics Afin de suivre le trafic de son site, cet outil simple et pratique permettra à l’équipe Urbanmasala de connaître: le nombre de visites par jour le nombre de pages vues le temps moyen passé sur le site le taux de rebond les nouvelles visites une synthèse géographique…

Technique / choix de la résolution écran

Résolution de l’écran D'après les statistiques du site StatCounter Global Stats, la résolution d’écran la plus utilisée est 1366 X 768 pixels, nous tiendrons compte de cette données pour créer e-boutique Urbanmasla.

Ci-contre le top 14 des résolutions d’écran en France :

Page 58 / 62

09/03/2014

ÉTAPES DE PRODUCTION SITE INTERNET STUDIORICLIN.COM

Méthodologie / calendrier I : phases de lancement, maturation et conception

Page 59 / 62

Création du site urban-masala.com - Planning prévisionnel + livrables

02/04/2014

03/04/2014

04/04/2014

07/04/2014

08/04/2014

09/04/2014

10/04/2014

11/04/2014

14/04/2014

15/04/2014

16/04/2014

17/04/2014

18/04/2014

21/04/2014

02/04/2014

03/04/2014

04/04/2014

07/04/2014

08/04/2014

09/04/2014

10/04/2014

11/04/2014

14/04/2014

15/04/2014

16/04/2014

17/04/2014

18/04/2014

21/04/2014

02/05/2014

01/04/2014 01/04/2014

01/05/2014

31/03/2014 31/03/2014

02/05/2014

28/03/2014 28/03/2014

30/04/2014

27/03/2014 27/03/2014

01/05/2014

26/03/2014 26/03/2014

29/04/2014

25/03/2014 25/03/2014

M M J V Semaine 14

30/04/2014

24/03/2014 24/03/2014

L

28/04/2014

21/03/2014

M M J V Semaine 13

29/04/2014

20/03/2014

21/03/2014

10/03/2014 10/03/2014

19/03/2014

07/03/2014 07/03/2014

20/03/2014

06/03/2014 06/03/2014

18/03/2014

05/03/2014 05/03/2014

19/03/2014

04/03/2014 04/03/2014

17/03/2014

03/03/2014 03/03/2014

L

18/03/2014

28/02/2014 28/02/2014

M M J V Semaine 12 Avril

28/04/2014

L

25/04/2014

M M J V Semaine 11

24/04/2014

L

25/04/2014

M M J V Semaine 10

23/04/2014

L

24/04/2014

M M J V Semaine 9

22/04/2014

L

23/04/2014

M M J V Semaine 8

22/04/2014

L

17/03/2014

27/02/2014 27/02/2014

14/03/2014

26/02/2014 26/02/2014

13/04/2014

25/02/2014 25/02/2014

14/03/2014

24/02/2014 24/02/2014

13/04/2014

21/02/2014

11/03/2014

20/02/2014

21/02/2014

12/03/2014

19/02/2014

20/02/2014

12/03/2014

18/02/2014

19/02/2014

11/03/2014

17/02/2014

18/02/2014

10/02/2014 10/02/2014

17/02/2014

07/02/2014 07/02/2014

14/02/2014

06/02/2014 06/02/2014

M M J V Semaine 7

Mars

13/02/2014

05/02/2014 05/02/2014

L

14/02/2014

04/02/2014 04/02/2014

M M J V Semaine 6

13/02/2014

03/02/2014 03/02/2014

L

11/02/2014

31/01/2014

M M J V Semaine 5

12/02/2014

30/01/2014

31/01/2014

L

12/02/2014

29/01/2014

30/01/2014

M M J V L M M J V Semaine 3 Semaine 4 Février

11/02/2014

28/01/2014

L

29/01/2014

M M J V Semaine 2

27/01/2014

L

28/01/2014

urban-masala.com

M M J V Semaine 1 Janvier

27/01/2014

L

Phase de lancement Préparation de la réunion Réunion de lancement Livrable : expression des besoins clients Livrable : contrat de partenariat Définition des pré-requis client Phase de maturation Veille concurrentielle Définition des besoins et objectifs Analyse de la cible visée Identification des contenus éditoriaux Livrable : planning prévisionnel Livrable : cahier des charges général Recherche graphique Livrable : planche tendance Validation client Réunion hebdomadaire Phase de conception Ergonomie Livrable : Zonings des garbarits Charte de navigation Livrable : Maquette fonctionnelle Validation client Réunion hebdomadaire Création graphique Livrable : Charte graphique Typologie des contenus Travail de réécriture des contenu Validation client Réunion hebdomadaire Shooting photo produits Tonalité éditoriale Livrable : charte éditoriale Livrable : Extraits rédactionnels Traduction en anglais du contenu Définition des fonctionnalités marketing Livrable : Cahier des charges fonctionnel Mise sur pied du planning détaillé et budgétisation Livrable : planning détaillé Livrable : budget détaillé Architecture technique et référencement Livrable : cahier des charges technique Validation client Réunion hebdomadaire Compilation du dossier de conception Livrable : dossier de conception Réunion hebdomadaire

Janvier Semaine 1 L M M J V

Semaine 2 L M M J V

Février Semaine 3 Semaine 4 L M M J V L M M J V

Mars Semaine 5 L M M J V

Semaine 6 L M M J V

Semaine 7 L M M J V

Semaine 8 L M M J V

Semaine 9 L M M J V

Semaine 10 L M M J V

Semaine 11 L M M J V

Avril Semaine 12 L M M J V

L

Semaine 13 M M J V

L

Semaine 14 M M J V

09/03/2014

ÉTAPES DE PRODUCTION SITE INTERNET STUDIORICLIN.COM

Méthodologie / calendrier II : phases de réalisation, recette, ouverture et suivi

Page 60 / 62

Création du site urban-masala.com - Planning prévisionnel + livrables

02/04/2014

03/04/2014

04/04/2014

07/04/2014

08/04/2014

09/04/2014

10/04/2014

11/04/2014

14/04/2014

15/04/2014

16/04/2014

17/04/2014

18/04/2014

21/04/2014

02/04/2014

03/04/2014

04/04/2014

07/04/2014

08/04/2014

09/04/2014

10/04/2014

11/04/2014

14/04/2014

15/04/2014

16/04/2014

17/04/2014

18/04/2014

21/04/2014

02/05/2014

01/04/2014 01/04/2014

01/05/2014

31/03/2014 31/03/2014

02/05/2014

28/03/2014 28/03/2014

30/04/2014

27/03/2014 27/03/2014

01/05/2014

26/03/2014 26/03/2014

29/04/2014

25/03/2014 25/03/2014

M M J V Semaine 14

30/04/2014

24/03/2014 24/03/2014

L

28/04/2014

21/03/2014

M M J V Semaine 13

29/04/2014

20/03/2014

21/03/2014

10/03/2014 10/03/2014

19/03/2014

07/03/2014 07/03/2014

20/03/2014

06/03/2014 06/03/2014

18/03/2014

05/03/2014 05/03/2014

19/03/2014

04/03/2014 04/03/2014

17/03/2014

03/03/2014 03/03/2014

L

18/03/2014

28/02/2014 28/02/2014

M M J V Semaine 12 Avril

28/04/2014

L

25/04/2014

M M J V Semaine 11

24/04/2014

L

25/04/2014

M M J V Semaine 10

23/04/2014

L

24/04/2014

M M J V Semaine 9

22/04/2014

L

23/04/2014

M M J V Semaine 8

22/04/2014

L

17/03/2014

27/02/2014 27/02/2014

14/03/2014

26/02/2014 26/02/2014

13/04/2014

25/02/2014 25/02/2014

14/03/2014

24/02/2014 24/02/2014

13/04/2014

21/02/2014

11/03/2014

20/02/2014

21/02/2014

12/03/2014

19/02/2014

20/02/2014

12/03/2014

18/02/2014

19/02/2014

11/03/2014

17/02/2014

18/02/2014

10/02/2014 10/02/2014

17/02/2014

07/02/2014 07/02/2014

14/02/2014

06/02/2014 06/02/2014

M M J V Semaine 7

Mars

13/02/2014

05/02/2014 05/02/2014

L

14/02/2014

04/02/2014 04/02/2014

M M J V Semaine 6

13/02/2014

03/02/2014 03/02/2014

L

11/02/2014

31/01/2014

M M J V Semaine 5

12/02/2014

30/01/2014

31/01/2014

L

12/02/2014

29/01/2014

30/01/2014

M M J V L M M J V Semaine 3 Semaine 4 Février

11/02/2014

28/01/2014

L

29/01/2014

M M J V Semaine 2

27/01/2014

L

28/01/2014

urban-masala.com

M M J V Semaine 1 Janvier

27/01/2014

L

Phase de réalisation Développement technique front-office HTML/CSS Développement technique back-office PHP MySql Validation client Réunion hebdomadaire Intégration de tous les contenus texte Intégration photos Validation client Réunion hebdomadaire Habillage des pages Instagram et Pinterest Habillage de la page Facebook Validation client Réunion hebdomadaire Livrable : recette Livrable : cahier de test utilisateurs Validation client Réunion hebdomadaire Phase de recette Mise en ligne privée Tests en agence Correction des bugs Validation client Réunion hebdomadaire Livrable : compte rendu des tests Livrable : PV de recette Validation client Réunion hebdomadaire Phase d'ouverture Mise en ligne publique Validation client Réunion hebdomadaire Présentation du projet devant le jury Livrable : document et support de cours Réunion hebdomadaire - Debrief client Accompagnement et suivi du projet Suivi du référencement Analyse et mesure d'audience Suivi technique

Janvier Semaine 1 L M M J V

Semaine 2 L M M J V

Février Semaine 3 Semaine 4 L M M J V L M M J V

Mars Semaine 5 L M M J V

Semaine 6 L M M J V

Semaine 7 L M M J V

Semaine 8 L M M J V

Semaine 9 L M M J V

Semaine 10 L M M J V

Semaine 11 L M M J V

Avril Semaine 12 L M M J V

L

Semaine 13 M M J V

L

Semaine 14 M M J V

jours

0,0

jours

jours

0,0 1,0

Livrable : arbo des contenus Définition des pré-requis client

jours jours

2,0 0,0 0,5

Traduction en anglais du contenu Livrable : charte éditoriale Tonalité éditoriale

jours

0,0

Validation client

0,0 0,0

Livrable : PV de recette Validation client

0,0

Livrable : document et support de cours

1,0 42,0

Suivi technique Total SITE

DT

Total Coût annexes

DT DA

Photographe

DT

CDP

E-marketing

E-marketing

Achat de la police

jours

jours

jours

jours

jours

jours

jours

jours

jours

DT

CDP

DT

DA

DA

DA

DA

DT

CDP

CDP

DT

CDP

E-marketing

CDP

Traducteur 1

UX

UX

UX

DA

DA

CDP

CDP

UX

CDP

E-marketing

CDP

CDP

CDP

Intervenants

Achat du thème WordPress - Maya Shop

Shooting photo

Coût annexes

1,0 0,5

Suivi du référencement Analyse et mesure d'audience

Accompagnement et suivi du projet

1,0 1,0

Mise en ligne publique Rédaction du support de cours

Phase d'ouverture

0,0

Livrable : compte rendu des tests

jours

jours

2,0 1,0

Tests en agence

jours Correction des bugs

Mise en ligne privée

jours

jours

jours

jours

jours

jours

jours

jours

jours

jours

jours

jours

jours

jours

1,0

0,0

Livrable : cahier de test utilisateurs Phase de recette

0,5 0,0

Création de la play list Deezer et intégration au site

0,5

Création du compte Instagram et intégration de contenu Livrable : recette

0,5 0,5

Création graphique jeux concours Facebook Habillage de la page Facebook

5,0

Intégration des contenus sous WordPress

Phase de réalisation

1,0 0,5

Compilation du dossier de conception Présentation client

0,0

Livrable : cahier des charges technique

jours

0,0 2,0

Livrable : budget détaillé

1,0 0,0

Mise sur pied du planning détaillé et budgétisation Livrable : planning détaillé Architecture technique et référencement

jours

0,0

Livrable : Cahier des charges fonctionnel

jours

0,0 1,0

Livrable : charte éditoriale Définition des fonctionnalités marketing

jours

jours

jours

0,0 2,0

Livrable : Maquette fonctionnelle

jours

jours

jours

jours

jours

jours

jours

jours

Typologie des contenus

0,0 2,0

Ergonomie Livrable : Zonings des garbarits

2,0

Livrable : Charte graphique

Charte de navigation

3,0 0,0

Création graphique

1,0 0,0

Recherche graphique Livrable : planche tendance

Phase de conception

jours

0,0

Livrable : cahier des charges général

jours

0,0 2,0

Livrable : personae Identification des contenus éditoriaux

jours jours

1,0 2,0

Définition des besoins et objectifs Analyse de la cible visée

jours

1,0

Veille concurrentielle

Phase de maturation

Livrable : contrat

jours

0,0

Livrable : plan d'assurance qualité

jours jours

0,5 0,0

Rédaction du compte rendu du brief client

jours

jours

Unité

Livrable : planning prévisionnel

0,5 0,5

Préparation de la réunion Réunion de lancement

Phase de lancement

Total jours

400

375

400

0

400

400

0

0

0

400

375

400

0

0

400

400

400

400

400

0

375

375

0

400

0

0

375

0

400

0

375

0

200

500

0

500

0

500

0

400

0

400

0

0

0

375

0

500

375

400

0

0

0

375

375

375

Cout unitaire achat

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

1,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

2,00

Taux

800

750

800

0

800

800

0

0

0

800

750

800

0

0

800

0

0

400

800

0

750

750

0

800

0

0

750

0

800

0

750

0

400

1000

0

0

0

1000

0

800

0

800

0

0

0

0

0

1000

750

800

0

0

0

750

750

750

Cout unitaire vente

Création du site urban-masala.com - Planning prévisionnel + livrables

14400,0

400

188

400

0

400

400

0

0

0

400

750

400

0

0

200

0

0

200

2000

0

188

375

0

800

0

0

375

0

400

0

188

0

400

1000

0

0

0

1000

0

1200

0

400

0

0

0

0

0

1000

375

400

0

0

0

188

188

188

Total achats

5100,0

40

60

5 000

28600,0

800

375

800

0

800

800

0

0

0

800

1 500

800

0

0

400

0

0

200

4 000

0

375

750

0

1 600

0

0

750

0

800

0

375

0

800

2 000

0

0

0

2 000

0

2 400

0

800

0

0

0

0

0

2 000

750

800

0

0

0

375

375

375

Total ventes

Méthodologie / budget Page 61 / 62

Qui sont les Charpoy ? / portraits des 4 piliers de l'agence

Page 62 / 62

Virginie Bazot Chef de projet

Pauline Prévot UX Designer

Charles Duchesne Directeur Artistique

Baptiste Miseray Directeur Technique

Après un bref passage à la Garde républicaine où elle a appris à manier la cravache, puis un second chez les petits rats de l'Opéra où elle a atteint la souplesse du roseau, Virginie s'est sentie capable de manager une équipe. Un ultime passage à l'école des Gobelins l'a armée définitivement pour se glisser dans le domaine du web. Depuis, elle travaille au sein de l'agence digitale Charpoy en tant que chef de projet.

Plusieurs années à manier la plume et Pauline a eu envie de nouveaux horizons.

Elle a eu envie de comprendre ce qui se passait de l'autre côté de l'écran. Elle a donc décidé de suivre une formation d'un an à l'Ecole des Gobelins en gestion de projet informatique. A l'issue d'un stage de plusieurs mois, elle a intégré l'agence Charpoy où elle s'attelle à comprendre comment construire un site pour qu'il soit le plus ergonomique et satisfaisant possible.

Après quelques années aux Arts Décoratifs de Strasbourg où il a apprit à faire des illustrations et des flammekueches, Charles a eu envie de retourner respirer l'air frais de Paris et d'ajouter une corde digitale à son arc en faisant un passage à l'Ecole des Gobelins. Depuis, il se fait la main comme directeur artistique au sein de la fameuse agence Charpoy.

Avec son passé de clickeur fou et ses résolutions de plusieurs mystères informatiques, plus « htmlesque » les uns que les autres : Baptiste s’est senti capable de gérer la partie technique d'un projet.

Son passage à l’école des Gobelins lui permettra certainement de faire la lumière sur la nouvelle affaire «Urbanmasala».

Pour ce faire il travaille au sein de l’agence Charpoy en tant que directeur technique.

École des Gobelins Section CRPL Promotion 2014