Refonte de la boutique

Vous êtes au niveau: Accueil > Emob au jour le jour > Refonte de la boutique

Par Nicolas, lundi 14 avril 2008 à 12:04
Emob au jour le jour :: #1660 :: rss

Les travaux de ravalement de façade de notre boutique commencent aujourd’hui ! D’ici un mois, nous fêterons notre première année d’activité sur la vente de tutoriels en vidéo. Ça valait bien un petit coup de peinture bien fraîche, non?

Emob la v2, déjà?

Un an, vous me direz que c’est quand même rapide. Oui. Mais, bien plus qu’une refonte graphique, il va s’agir en fait d’une vraie remise à plat. En effet, la première version de la boutique a été crée par des non-cybercommerçants. A l’époque nous ne maîtrisions pas du tout les termes: "taux de transformation", "cross" et "up selling", "fidélisation", "email marketing"…

Après un an d’analyse des différentes requêtes, des statistiques de la boutique, des retour clients, des échanges avec de nombreux autres entreprenaxXxtes, des visites de salons sur le ecommerce ou le emarketing, lecture de pdf sur diverses thématiques , le petit Nicolas a beaucoup appris.

Nous avions déjà revu le tunnel de commande, mais cela ne suffisait pas.

Bref, il était temps de revoir ~~certaines~~ beaucoup de choses. Le nouveau cahier des charges est assez fourni. Pal mal de fonctionnalités, principalement AJAX (damn you), dégagent (nous nous sommes aperçu par exemple que personne n’utilisait le drag&drop).

Il faut aussi s’adapter à une nouvelle cible. En moins d’un an, la clientèle a évolué. Nous sommes en moyenne sur une tranche d’âge 30-35 ans, mais des personnes plus âgées arrivent (du temps disponible, un usage de l’informatique plus fréquent, un frein à l'achat sur internet de moins en moins présent…). Il faut donc faire en sorte que la boutique soit accessible pour ces personnes là.

Un gros boulot en perspective, Olivier se frotte déjà les mains...ou pas

l'interface actuelle de la boutique

Et vous, dans l'histoire?

Comme emob a une jolie et sympathique communauté, nous voulions également vous donner la parole. Qu’est ce que vous changeriez sur la boutique (graphisme, fonctionnalités, processus d’achat, contenu etc…)?

Dernier point, sur la couleur, on reste dans le rouge, ou bien on change un peu ?

Merci d’avance pour vos commentaires

Tags : ecommerce emob refonte

Dans le même esprit...

Abonnez-vous aux articles d'emob!

Vos Commentaires

31 commentaires déjà postés

1. Le lundi 14 avril 2008 à 14:37, par Jean-Michel

Si vous changez la couleur "rouge", ça ferait bizarre quand même pour moi, Emob est associé à la couleur rouge depuis longtemps. Mais si il faut faire une proposition, pour moi, ça serait "bleu", ma couleur favorite. (au pire, proposez un arc-en-ciel de couleur, pour que le visiteur choisissent lui-même).

Si on déconne un peu, je propose un tarif "jeunes actifs" dégressif et un tarif à taux plein pour les personnes plus agés. LOL.

(mais sans deconner, Nicolas, on peut déclarer les achats d'emob en frais réel - pour la formation - dans ses impots ? - je le fais pour mes formations en "réel")

Dans les modifications que j'attends :
- que le moteur de recherche classe les résultats par logiciel.
- que les affiliés puissent établir des "annonces style google" plutôt qu'un lien. Sur un blog que je suis en train de developper sur les astuces p.a.o., j'aimerai recommander certains de vos tutoriaux.
- ce que j'ai indiqué dans d'autres commentaires, des vidéos sur d'autres logiciels (Acrobat Pro, Illustrator)
- que les vidéos soient accompagnés des fichiers d'exemples de départ et finaux afin qu'on puisse s'exercer à l'identique afin de se débrouiller comme des grands).
- que sous le login (une fois qu'on est loggué), le nombre d'emobtunes soient indiqués.
- indiquer de façon clair, que les vidéos (en téléchargement et pas celles en VOD) sont téléchargeable à tout moment une fois acheté. (je pense notamment quand vous faites des "soldes", pas besoin de télécharger le jour même, attendre un moment où l'Emobsphère s'endort).
- possibilité de laisser un commentaire à propos de chaque vidéo.

Après c'est personnel (et je pense que c'est dû à des histoires de droits - normal -), mais le format FLV choisi pour les vidéos n'est pas excessivement pratique. Je me ferai plus les transporter sur mon iPod et les lire durant mes trajets. Surtout quand le pack fait quelques dizaines d'heures.

- C'est quoi "le drag and drop" ?

2. Le lundi 14 avril 2008 à 14:55, par Franchouss

Bon courage pour votre changement de look !

Par contre n'oubliez pas, comme à vos débuts les jeunes sans argent qui veulent apprendre à manipuler les logiciels grâce à de bons tutoriaux gratuits!

3. Le lundi 14 avril 2008 à 14:57, par Nicolas

Franchouss>on ne vous oublie pas...le rythme des tutos gratuits est revenu...

4. Le lundi 14 avril 2008 à 14:59, par BuN

Hello, alors pour reprendre en quelques lignes le commentaire que j'ai fait ce matin :

- Pour moi, la boutique est un peu fouilli, il n'y a pas de ligne directrice pour mes yeux et j'ai peur qu'à terme ça devienne un site cdiscount-like c'est à dire un mélange de la foirfouilltchhut tchhut pas de marque et de pimp my ride. Vraiment, je trouve ça trop désordonné.

- Le menu à droite aussi me gène car je suis tenté de regarder un menu sur la gauche de l'écran, et voir à gauche tous les gifs/flashs animés ça me donne le tourni. De plus, lorsqu'on navigue dans une catégorie celui se retrouve à gauche, donc un besoin d'uniformiser ce menu ?

- Peut être espacer un peu plus le site horizontalement pour que ça puisse respirer.

- habiller un peu le fond qui fait un peu vide ? (j'ai un écran très large et donc le site fait tout ruiquiqui au milieu là

Pour répondre au commentaire ci dessus : glissez déposer == drag n drop.

Sinon sur la couleur, votre logo est rouge, le blog qui est un des vos moyens de pubs les plus important aussi, je pense qu'il faut garder le rouge pour une cohérence graphique.

Si vous avez des commentaires, n'hésitez pas !

En espérant avoir apporté ma pierre à l'édifice,

BuN

5. Le lundi 14 avril 2008 à 15:02, par Nono

Je rejoins Jean-Michel pour la couleur rouge et pour le format de la vidéo...Car en général les lecteurs flash font monter en flèche l'utilisation du CPU...donc adieu la batterie de mon portable...
Sinon bon courage pour tout le boulot à venir !!!

6. Le lundi 14 avril 2008 à 15:05, par M@rco59

Personnellement, j'opterais pour un espace teasing, plus grand format, pour donner encore plus envie :p, affichage aléatoire parmi les 5 meilleurs teasing. Mettre d'avantage en avant les "produits" actuellement, la hiérarchie de partage de l'espace de la page, permet un peu de confusion, Pour y remédier pourquoi pas réunir les "colonnes menu" et agrandir l'espace de "show" produit (je parle bien sur de la page d'accueil pour commencer ).

Ensuite le menu pourrait être fixe c'est à dire qu' actuellement quand je change de page mon menu change de place, pour une question simple d'ergonomie, je crois qu'il serait préférable de lui choisir sa place pour l'ensemble des pages.

Incorporer l'option de recherche au menu peut être tout aussi intéressant et efficace.

Mettre en avant l'identification et traduire le terme anglais de login :p (très peu de grands sites e-commerce parlent de login )

Pourquoi pas imager les familles et personnaliser les auteurs par leurs photos + nom ( pour les rendre plus humains )

Bon ba c'est déjà un début à prendre ou à laisser mais ça ouvre des pistes ...

En tout cas félicitations à vous pour ces projets qui réussissent !!!
Et bonne chance pour tous les prochains.

Cordialement
M@rco59

p.s heureusement que je fais toujours un copier/coller des posts que je fais :D

7. Le lundi 14 avril 2008 à 15:33, par Vivian

Changement de charte graphique ne veut pas pour autant dire changement de couleur. Le rouge restera, ça me paraît logique...

Quelques pistes que je propose :
- Je ne sais pas si ça vient de chez moi, mai à chaque fois que je vais sur la boutique je dois me relogué. C'est assez pénible mais est-ce que ça vien du fait que je ne fais pas si souvent un tour à la boutique ? Permettre à l'utilisateur de "rester connecter" en cochant une simple case, ça serait vraiment utile...
- Ce qui serait sympa aussi c'est d'avoir un véritable profil utilisateur. Je m'explique : si on ne possède que la suite CS3, il serait cool de pouvoir le renseigner dans son profil pour n'avoir que les vidéos-tutoriels qui nous intéressent, en fonction des logiciels qu'on possède.
- Du coup, n'inclure dans la recherche que les vidéos des logiciels qu'on possède, ça permet de faire le tri plus rapidement et une fois pour toute. Si on vient d'acquérir un nouveau logiciel, on le rajoute dans sa liste, dans le profil utilisateur, et basta.
- Une fonction "Offrir cette vidéo "encouragerait certaines personnes à acheter une vidéo pour aider quelqu'un d'autre à se former... je pense à ma mère, qui a du mal parfois avec windows...
- La home page est vraiment à revoir, je pense. Plus large peut-être. Utiliser le même background que le blog rendrait la chose plus homogène aussi. Si la clientèle visée est plus âgée, le bouton du flux rss mériterait d'être réduit (gain de place assuré ! )... Bref, je vous fait confiance de ce point de vue là.
- Des vidéos de formation pour Mac, ça arrive bientôt ? Pour les switcheurs...

Good luck, guys !

8. Le lundi 14 avril 2008 à 15:37, par freshis

Aloha !

Pour ma part j'imaginerais bien un design dans lequel le "Rouge EMOB" serait utilisé avec un jolie background blanc (j'affectionne tout particulièrement la combinaison Rouge/Blanc).

Un fond clair et limpide, un peu moins brut (pour votre clientèle du 3ème âge )

Et les éléments de la boutique dans des cadres (ou autre principe de mise en page ...) pour ordonner le contenu sur les différents niveau. Un jeu de tintes rouges mixé à des niveaux de gris peut être intéressant.

Quoi qu'il en soit je vous fait confiance pour nous concocter un site ... hum ... aux petits oignons ... j'en salive d'avance

En tout cas je vous félicite pour tout le travail accompli depuis vos début ... vous êtes un bel exemple de l'entrepreneuriat à la française ... que dis-je ... à la varoise

Longue vie Emob

John
(freshis)

PS :
- Hey the world ! You know what ?
- No ? What ?
- EMOB RULES !! Ha ha !!! "If emob rules the world !!" (à lire sur l'air Nas/Lauryn Hill)

Bon je sort

9. Le lundi 14 avril 2008 à 16:04, par gabhu

bonjour à tous
très bonne idée la refonte du site ( il est déjà superbe )J'ai juste une idée , qui ne concerne pas la boutique , c'est la même que Jean Michel => il faudrait qu'il y est dans le dossier qu'on télécharge quand on achète une vidéos , un exemple de produit fini !
Bonne chance

10. Le lundi 14 avril 2008 à 16:21, par Jean-Michel

+1 pour les idées de Vivian avec la possibilité d'envoyer une idée d'achat à un ami

-1 pour Freshis... je ne pense pas qu'ils faillent privilégier les personnes plus agées, déjà si ils arrivent sur Emob, c'est qu'ils sont d'un public d'avertis.

+1 pour BuN... prévoir une interface élastique en % et non en px.

11. Le lundi 14 avril 2008 à 16:32, par Amano Gingi

NAAAAN ! Pas le drag&drop !
Le seul truc fun de la boutique ! (oui, je me suis amusé comme un malade quand je l'ai remarqué...
Ensuite, si je devais changer quelque chose, je m'arrangerais pour que le site soit moins "lourd". Il me faut une demi heure pour charger chaque page, et à force c'est lourd (surtout quand on décide d'acheter plein de trucs).
Je changerais le cocktail de la page 404 aussi. Comme ça on peut varier.

12. Le lundi 14 avril 2008 à 16:35, par freshis

Jean-Michel >

13. Le lundi 14 avril 2008 à 16:41, par WillNuts "Mr Manatane"

salut,

je changerè l'arriere plan, enfin quoi que ... ma grand mere m'a dit qu'elle aimè bien et qu'elle l'avè dja vu sur d'otr site ca fsè tres bien ... !! lol
Des creatifs com vous pourè tranquilmt avoir un fond perso

*** Have Fun ***

14. Le lundi 14 avril 2008 à 16:53, par Simon

Ce que j'aime chez emob c'est son soin à tout perfectionner. C'est une grande qualité d'ailleurs. Une refonte peut en effet être à prévoir pour certains points. J'y vais de ma modeste contribution qui en la matière ne dépasse pas le domaine photo.

Les brushes style japan (soleil) et les gribouillis étaient une bonne idée mais maintenant, vu le résultat que vous pouvez obtenir aux vues de vos connaissances, il serait peut-être bon de les virer. De plus ça ne fait pas pro à mes yeux.

Personnellement, le drag&drop me plaisait bien mais comme vous dites c'était esthétique mais peu utilisé.

L'index quant à lui est structuré en 3 colonnes mais on a du mal à les distignuer par la non-uniformité des couleurs (vert pour regarder une vidéo gratuite, orange pour le rss, rouge emob le blog.)

Comme je l'ai dit au-dessus, tout ceci n'est qu'un avis purement personnel et pour ma part votre site est super mais il faut tjs aller plus loin n'est-ce pas?

Aussi, la fonction rechercher une vidéo se trouve invisible sans descendre la barre de défilement et certaines.

La colonne de gauche contient toute une liste de programmes mais cette liste n'est pas vraiment ordonnée (alphabet). Peut-être que cette présentation est dûe à l'importance de chacun de ces logiciels, je ne sais pas. Quant aux programmes de même série, par exemple ceux de MS office, pourquoi pas une sorte de liste. Affichage MS office, une fois cliqué la liste se déroule et on peut en choisir un. Ce qui amenerait à un gain de place pour la page d'index.

Voilà en gros ce que je pense.

Sinon Félicitiations à l'équipe d'Emob, vrais pionniers du e-learning!

Bravo à toute l'équipe et à bientôt.

15. Le lundi 14 avril 2008 à 17:46, par seb

salut,

Ce qui serai le bienvenue chez emob ça serai des tutos payants photoshop qui s'inspire des tutos gratuit, qu'on apprenne les différentes fonctions sur photoshop avec des exemples et un projet a l'image des tutos gratuits (exemple: refaire l'affiche de sin city ou stars war) car au final c'est bien plus instructif que de simplement dire a quoi sert chaques tirettes ou chaque outils.

Le débutant sur photoshop a déja testé tout ces outils (ou presque)mais il ne sait pas quand s'en servir et en quoi ils sont intéressant lors d'un post traitement ou d'une retouche.

De même pour lightroom, le tuto gratuit avec le photographe qui nous montre quel traitement il appliquerai fait vraiment progresser, bien plus qu'une simple explication des différents outils.

16. Le lundi 14 avril 2008 à 20:05, par Simon

D'accord avec >> seb

C'est grâce à ces tutos que j'ai appris ce que je sais.

17. Le lundi 14 avril 2008 à 22:01, par Bertrand

Bonjour,
d'un point vue marketing, je pense qu'il serait peut-être bon de proposer un tarif préférentiel pour les personnes qui consomment le plus.
Plus une personne achètent de tuto, plus il obtient de réductions ou d'offres spécialisées sur sa boite mail (si cette personne acceptent bien sûr..) ou par des messages lorsqu'il se connectent à son compte emob.
Je sais qu'il existe déjà les forfaits qui donne droit à des émotunes. Mais je pense que dans ce cas, c'est plutôt "encouragé" l'achat à une personne qui vient d'acheter un tuto pour la première fois par exemple.
Je suis d'accord avec Vivian: offrir une vidéo à quelqu'un ou pouvoir la recommander serait un plus.

18. Le lundi 14 avril 2008 à 23:05, par ilag

Blanc et rouge à conserver, c'est l'identité d'E-mob.
Après proposer des thèmes, why not... mais je pense que ce sera peu utilisé.

Peut-être conserver le même menu en en-tête sur le blog et la boutique ?

Peut-être un site plus large ?
(La largueur actuelle est-elle proportionnelle (%) ou fixe (px) ?)
Et le dégradé actuel de la boutique passe mal sur ma résolution, il n'est pas "fluide" : on voit des lignes horizontales se dessiner.
Je suis en 1680 * 1050 px (72 dpi évidemment).

P'tre caller un big smiley e-mob en transparence en fond ?

Les 2 cadres gris en bas du blog mériteraient un chevauchement plus soigné. P'tre ne faire qu'un seul cadre ?

La page d'accueil de la boutique est peut-être trop foisonnante... Actuellement, on peut avoir l'impression d'être sur une panneau de pub 4x3 où les annonceurs se battent pour 1 cm², ou alors sur un 3-column Dotclear/Wordpress : tout plein de liens qu'on lit jamais ou si peu...
Bref, simplifier, p'tre songer à des grosses icônes, correspondant à des "zones" : Zones par développeur/editeur (MiCro$oft/suite office, Zone Adobe/Creative Suite, Zone Autodesk/3Dsmax) ou Zones thématiques (Bureautique/2D/3D/Vidéo-compositing...).
(Zones éventuellement gérables sous formes d'onglets, un peu comme Msn ? Avec le fond qui change selon la zone où l'on se trouve ?)

Et quand je suis sur le blog, le 3 column passe mieux, car plus hiérarchisé, mais à vrai dire je ne regarde même pas la 3ème colonne (p'tre parce que je viens uniquement pour le blog, et pas pour les derniers tutos me direz-vous...).
Pourquoi pas se limiter à 2, et p'tre trouver une astuce pour que la 3ème soit un slide ? un peu comme l'interface CS3 en fait...

(Excusez moi si je peux être irritant J'ai pas dormi, j'suis en stress pour le rendu de demain )

Sinon, une idée de logiciel, plutôt que lancer des tutos 3Dsmax, optez pour Cinema4D, déjà bien plus abordable, et surtout bénéficiant d'une communauté soudée et active en france : www.frenchcinema4D.com/ (communauté fondée par Cyril "Blazouf" Blazil, qui a écrit le fameux bouquin d'apprentissage en français sur ce soft, et habitant/enseignant à Aix/Marseille normalement).
Certaines personnes de cette communauté participent parfois au magazine Pixel Création il me semble bien.
(Pour dire qu'il y a matière à trouver des gens motivés sympas et pédagogues, ou au contraire souhaitant apprendre).

19. Le lundi 14 avril 2008 à 23:17, par ilag

Re.
Désolé, me suis trompé dans l'url :
- www.frenchcinema4d.fr/ (et pas .com)

Pour la boutique, je parle uniquement de la page d'accueil, une fois qu'on a cliqué sur un logiciel, c'est déjà plus hiérarchisé, c'est mieux.

Longue vie à E-mob !

20. Le lundi 14 avril 2008 à 23:26, par ilag

Ah, et pour les podcasts, pour les rendre plus dynamiques, p'tre s'inspirer du JT par exemple : y'a une présentatrice qui est là pour le fil rouge, mais derrière y'a des reportages, effectué par d'autres intervenants, et y'a un changement de contexte (on passe du studio au terrain même de l'action)
Le manque de peps actuel vient probablement que tout est annoncé, puis détaillé, par la même personne, avec une certaine monotonie.

21. Le mardi 15 avril 2008 à 00:55, par Martius

Je pense qu'il faut alléger l'interface, tout le monde n'a pas une bette de course qui adore les effets de transparence.

22. Le mardi 15 avril 2008 à 09:18, par Zoupine

Rouge !
Mon commentaire est court mais bien réfléchi.

23. Le mardi 15 avril 2008 à 15:25, par Mathilde

Un peu comme les autres :
- code couleur rouge ok mais graphisme à épurer pour laisser plus de place aux produits

- diriger le regard de l'internaute, catégoriser mieux. Quand j'arrive sur la boutique actuellement, je ne sais pas où regarder car mon œil est attiré par plein de zones différentes.

- hierarchiser : est-ce que le bouton rss est vraiment à mettre en avant versus une zone de recherche. Personnellement je ne m'abonne pas aux flux rss des boutiques.

Enfin, je dis ça, mais j'ai pas mal de boulot à faire sur la mienne de boutique, avant d'aller critiquer celle des autres

24. Le mardi 15 avril 2008 à 19:23, par Mag

J'ai lu en diagonale les commentaires mais je tiens à apporter mon soutien pour les idées suivantes:
- rester loggé en cochant une simple case, du site vers la boutique
- la couleur rouge, c'est chaud, c'est confortable, ça fait du bien
- le tri des tutos selon les logiciels possédés
- le menu toujours du même côté

J'ai hâte de voir ce que cela va donner

25. Le mardi 15 avril 2008 à 19:32, par dcz.switcher

Salut Emob,

Pour commencer, demander aux utilisateurs est un très bon point.

Et puisqu'on me pose la question, je répond :

- je conserverai le rouge et blanc pour éviter de donner l'impression d'un manque de stabilité et risquer de faire perdre confiance

- il est dommage de ne pas profiter de toute la page, d'autant qu'avec le niveau que vous avez, vous pouvez certainement nous faire une interface "fluide"

- côté contenu, je verrais bien des tutos pour inkscape ou blender (mais est-ce un marché porteur ???) mais également sur les RIA, ainsi les services de formation de grandes entreprises pourraient avoir recours à vous. Je propose donc Flex et Air ... bon, Silverlight s'il reste un peu de place

- pour terminer, je rejoins ce que certains on pu écrire avant concernant la charge mentale de la page d'accueil.

Pour conduire votre étude, je vous recommande le livre "Ergonomie web" et le site de l'auteur : ergolab.

26. Le mardi 15 avril 2008 à 19:48, par Nicolas

Merci à vous pour ces premiers retour. En ce qui concerne la couleur, je ne sais pas encore si je vais conserver le rouge, étant donné que nous allons prendre une orientation stratégique de "gamme" de services. Emob reste rouge, les services édités par emob, pas forcément.

J'ai relevé dans vos commentaires de très bonnes idées, comme quoi nous pensions avoir fait le tour, mais pas vraiment

Affaire à suivre...

27. Le mercredi 16 avril 2008 à 10:55, par Tiun

Pourquoi ne pas changer le cocktail , par la création d'un milkshake?(il n'y a que des alcooliques ici?)

28. Le lundi 21 avril 2008 à 13:52, par Léo

Les grands travaux commencent

Il serait surement intéressant de développer au maximum le principe "Devenez formateur". Cela entrainera à mon avis une hausse de fréquentation sur la tranche 20-30 ans et pourquoi pas instaurer une dynamique de type "la fraise". Chacun pourrait proposer son tutorial (avec des règles de présentation assez strictes ). Cela permettrait à la fois d'avoir de bons tutoriaux, et à la fois de créer une marque de notoriété "délivré" par emob. Bien sur cela fera un peu de taff pour évaluer puis publier (ou non) le tutorial proposé mais bon à mon avis cette piste est intéréssante.

29. Le lundi 21 avril 2008 à 14:14, par Nicolas

Léo> on y travaille justement, mais chuttttt

30. Le mardi 22 avril 2008 à 16:13, par ilag

Cool.
En effet le concept "La Fraise like" est à développer.
Après faut voir ce que ça implique en termes de rendu, et ensuite de rémunération bien sûr.
D'ailleurs, je ne crois pas que cela ait été évoqué : un système de vote pour faire ressortir du lot les meilleurs tutos d'après les utilisateurs (à la place de la "sélection du chef") pourrait être une bonne chose... à voir.

31. Le mardi 9 novembre 2010 à 04:34, par nfl jersey