FAIRSENS est une boutique en ligne qui vend du mobilier design éco-responsable.

Trouvez votre bonheur tendance aux rayons art de la table, enfant, luminaire, mobilier, objets, textile, mobilier d’extérieur… Tout en protégeant la Terre !

Tous les produits de la marque FAIRSENS sont recyclables, recyclés et naturels. FAIRSENS s’engage sur son site à vous fournir des infos éco-responsables claires.

Pour chaque produit, sont indiqués : son lieu de fabrication, son matériau de fabrication, et son information éco-responsable détaillée.

Ajoutez à cela les engagements « satisfait ou remboursé », « parrain/filleul », « paiement 100% sécurisé », « Expédition en 24H », « Assistance téléphonique », « livraison offerte », « emballage cadeau »… De quoi faire de ce projet un véritable succès!

FAIRSENS utilise la solution e-commerce OpenSource Prestashop.

Le site FAIRSENS a ouvert ses portes le 21 Juin : alors, achetez éco-responsable !

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Web Marseille, 2010. | Lien vers l'article | STONEPOWER

• UN JOUR UN SAC (articles de luxe) : Déploiement de la partie e-commerce du site www.unjourunsac.com
• VOYAGES & HOTELS DE REVE : refonte complète du site du magazine www.voyages2reve.com en deux langues, déploiement d’un annuaire d’hôtels de luxe dans le monde et repositionnement de la marque
• MOLLYBRACKEN : La marque qui monte qui monte pour les Femmes comme pour les Hommes !!! Développement de la stratégie e-commerce de la marque et de la boutique en ligne www.mollybracken.com

L’agence consolide ainsi son positionnement en conseil digital et stratégie web en collaborant avec des annonceurs qui placent leur confiance chez STONEPOWER pour leurs actions digitales.

Prochainement sur vos écrans (en phase de finalisation) :

• Manhattan’s hot dog : le spécialiste français du hot-dog new-yorkais (refonte du site internet)
• FinestSPA : des vacances heureuses et papouilleuses ? Voici l’annuaire en ligne des plus beaux hôtels SPA du monde (refonte de site et mise en place d’un espace Finest Spa Club)
• Fairsens : enfin du mobilier design eco-responsable !!! (conception et développement du site e-commerce)
• e-donneur 2.0 : être cyber donneur de sang ne veut pas dire qu’on ne le donne pas vraiment… voici la V2 très 2.0 du site du don du sang en PACA (refonte du site et mise en place d’outils communautaires et participatifs)
• Opération « coaching »: programme d’aide et d’actions contre le stress par Malakoff Mederic (développement sur-mesure du site Internet – accès réservé aux clients)
• Vidal Diffusion Marine : premier distributeur en France de pièces détachées pour le marché du nautisme (mise en place d’un catalogue en-ligne BtoB et d’un outil e-commerce favorisant la proximité et le lien entre revendeurs et clients finaux)
• Chez Tante Edith : et si on parlait de Provence avec un grand « P ». Voici enfin de quoi vous exploser les papilles avec des produits fins et amoureusement sélectionnés dans la tradition (site e-commerce, promotion en ligne, outils communautaires)

© STONEPOWER Agence Digitale (asourcival) pour La Blogule de STONEPOWER - Agence Web Marseille, 2010. | Lien vers l'article | STONEPOWER

STONEPOWER a été mandaté pour repenser le mode organisationnel de gestion du site :

En effet, le CRN souhaitait y voir une simplification de la gestion et de la mise à jour du site en fédérant les opérations des chambres régionales au niveau du Conseil Régional. La demande initiale portait également sur la dynamisation du site avec une autonomie plus forte sur les actualités,  les contenus, les différents évènements…

Enfin, il a fallu repenser l’extranet accessible pour les études de notaires, redéfinir la partie «bourse de l’emploi » et mettre en avant l’actualité régionale et nationale.

Le nouveau site est en ligne depuis le 2 Juin 2010.

L’occasion pour le conseil des notaires de procéder à une communication originale qu’on ne voit que très (trop) rarement affiliée au statut notarial :

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Web Marseille, 2010. | Lien vers l'article | STONEPOWER

Intéressons nous de plus près aux usages qu’en font les français, plus nombreux chaque jour…
Les internautes… Parlons-en !

• Ils représentent 34,1 millions des plus de 11 ans soit un  taux de pénétration de 65% sur le territoire.
• La plupart se connecte environ 11h par semaine sur Internet, et 76% d’entre eux se connectent tous les jours.
• Plus de 5 milliards de vidéos ont été vues sur Internet en septembre 2009 soit une augmentation de 141% par rapport à Septembre 2008.
• Plus impressionnant encore, les internautes passent en moyenne 11,7 heures par mois  à visionner 156 vidéos soit 4.5 minutes de vidéo environ.

A ce stade là, il devient intéressant de se pencher sur le top 5 des groupes les plus visités en France :

1. Google
2. Microsoft
3. France Telecom
4. Facebook
5. PPR (anciennement Pinault-Printemps-Redoute)

Quid alors de l’usage d’Internet par ses visiteurs ?

Il ressort de l’étude que les postes les plus plébiscités sont :

• La recherche d’infos pratiques,
• les actualités,
• la consultation des comptes bancaires,
• l’utilisation de la messagerie instantanée,
• et enfin, avec une croissance assez spectaculaire : le e-commerce.

En effet, il y a actuellement 24.1 Millions d’e-acheteurs en France, soit 1.3 millions de nouveaux acheteurs en 2009.

Quelques chiffres ?

• 64000 sites marchands sont répertoriés sur le territoire français.
• L’e-commerce, c’est une croissance de 35% en un an soit  277.8 millions de transactions en 2009.
• Le panier moyen tourne autour de 92€HT par acheteur.
• Le commerce représente encore 95,5% des achats.

Cependant, 98% des internautes sont satisfaits de leur achat en ligne, ce qui sous entend qu’ils sont prêts à renouveler leurs achats régulièrement.

Ajoutons à cela le renforcement des réseaux sociaux sur le web, et vous pourrez commencer à réaliser l’impact colossal d’Internet dans notre vie quotidienne…

Commençons par Facebook.

• Facebook est le réseau social le plus connu en France, il bénéficie de  97% de notoriété devant Copains d’Avant et Myspace, et vient de fêter ses 6 ans.
• Facebook, c’est 15 millions d’utilisateurs en France (soit 1 français sur 4) et 400 millions à travers le monde.
• On y recense actuellement 5 millions de pages fans.
• Mais encore, 1.5 millions d’entreprises sont présentes sur ce réseau.

En ce qui concerne les réseaux sociaux au sens général du terme, l’étude assure que 77% des internautes les fréquentent  et que 46% de ses utilisateurs s’y expriment positivement en ce qui concerne les marques.

En revenant à Facebook, il apparaît que 82% des facebookers-fans le sont de plus de 2 marques à la mode.

Le phénomène branché du moment : Twitter.

• Twitter est connu de 63% des français, et le réseau social tend à conquérir beaucoup plus d’utilisateurs qu’actuellement.
• Twitter c’est 600 tweets par seconde, 50 millions par jour, et ce, dans le monde entier.
• Twitter est de plus en plus international.
• Les Etats-Unis prédominent dans son utilisation, suivi du Brésil mais la France progresse avec 0.98% du total des twitternautes.

Concernant les blogs, 33 millions de français consultent un blog au moins une fois par mois.
De plus, avec l’apparition des Smartphones et de l’internet mobile, l’étude démontre que 39% des français sont mobinautes.

La faute à l’Iphone ? Pas seulement !

• 2 « iphoneurs » sur 3 sont des hommes, et la majorité d’entre eux ont entre 35 et 44 ans et sont des CSP+ parisiens ou franciliens.
• Il devient alors résolument logique d’observer que l’internet mobile est utilisé par 9 possesseurs d’Iphone sur 10.

Quant au succès d’Apple, il n’est plus à démontrer !

• En effet, il existe prés de 90 000 applications au total sur l’App Store France (+10000 en décembre 2009).
• Les utilisateurs installent en moyenne 50 à 80 Apps au cours de la vie de leur Iphone.

En guise de conclusion, il apparaît évident que la technologie Internet tend à devenir omniprésente dans le quotidien des français, par diverses formes et manières d’utilisation. L’internaute et son pouvoir de négociation, son impact vis-à-vis des marques n’a jamais été aussi fort depuis l’avènement des réseaux sociaux et le « boom » observé dans l’e-commerce.

D’après une étude Marques et Tongs: Internet en chiffres & en France – mars 2010

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Web Marseille, 2010. | Lien vers l'article | STONEPOWER

Certains développeurs estiment en effet, qu’ils perdent 30% de leur temps à palier à la non-intégration de certaines techniques du web par Internet Explorer 6 alors que les navigateurs récents leur permettraient de faire des choses plus avancées encore.

Par exemple, IE6 ne permet pas une bonne gestion des images en transparence en ne supportant pas le format PNG. Devoir contourner ce problème fait perdre beaucoup de temps et d’énergie aux développeurs qui sont alors obligés d’y trouver des astuces et des palliatifs.

Et pourtant… En avril 2010, IE 6 est 4^ème dans le classement européen de l’utilisation des navigateurs par version, avec 8,27% de PDM sur le marché total. Les leaders restent IE8, Firefox 3.6 et IE7.

(source : http://pauldesigns.co.uk/me/?p=157)

Microsoft Australie lance alors une campagne choc pour encourager les utilisateurs d’Internet Explorer  6 à passer à la version 8 de son navigateur Internet… « Vous ne boiriez pas un lait vieux de 9 ans ? Alors pourquoi utilisez-vous encore un navigateur Internet vieux de 9 ans ?! »…

Microsoft Australie compare ainsi IE6 à du lait qui aurait tourné », chose relativement peu flatteuse.

Et si les utilisateurs connaissent quelqu’un qui boit du lait de neuf ans d’âge, ils sont invités à leur adresser un e-mail via un formulaire.

Toutes ces raisons font que l’agence STONEPOWER a décidé de ne plus supporter IE6, afin de favoriser les nouvelles techniques de développement, les standards du web qui évoluent toujours plus rapidement et la sécurité optimale proposée à nos clients.

STONEPOWER vous préconise l’utilisation de Firefox 3.6 ou de Chrome afin de vous garantir le meilleur du web.

NOS SOURCES :

http://www.pcinpact.com/actu/news/55203-google-docs-sites-arret-support-ie6-vieux-navigateurs.htm

http://www.crunchgear.com/2010/01/19/use-internet-explorer-says-microsoft-but-stop-using-ie6/

http://www.lefigaro.fr/web/2010/01/18/01022-20100118ARTFIG00674-paris-et-berlin-deconseillent-internet-explorer-.php

http://www.end6.org/eng/source/

http://deathtoie6.com/

http://www.ie6death.com/

http://iedeathmarch.org/

http://ie6funeral.com/

http://www.alsacreations.com/article/lire/81-transparence-png-ie6.html

http://www.microsoft.com/australia/technet/ie8milk/

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Web Marseille, 2010. | Lien vers l'article | STONEPOWER

Il en est de même pour STONEPOWER, qui cesse désormais le développement sous IE6.

La raison principale ?

Attardons-nous sur le fait que ce navigateur sorti en 2001 par Microsoft ne respecte plus les standards actuels du Web (consortium W3C), et  oblige les concepteurs de site web à passer d’innombrables heures à corriger les bugs d’affichage de IE6.

Mais encore et surtout, la découverte de failles si grandes et si conséquentes qu’elles seraient à l’origine de la cyber attaque d’origine chinoise sur Google et des militants des droits de l’Homme en décembre 2009.

Très rapidement, le 18 janvier 2010, Le Centre d’Expertise de Réponse et de traitement des attaques informatiques du gouvernement français (CERTA)  et le BSI (German Federal Office for Information Security)  recommandent aux internautes d’utiliser un logiciel de navigation autre qu’Internet Explorer 6 afin de pallier aux risques critiques de faille. (plus d’informations ici.)

Microsoft  admet alors que le problème provenait essentiellement des failles d’IE 6 ; la compagnie a donc dû rapidement faire face et préconiser l’utilisation d’une version supérieure (comme IE8), en la décrivant comme beaucoup plus sécurisée.

Ce fut le branle-bas de combat : de nombreuses campagnes anti-IE6 fleurissent et s’ouvrent enfin aux yeux du monde…

Comment le géant Microsoft a t’il pu se défendre ou même suivre de près le mouvement ?

Quels sont les arguments dont disposent les développeurs et les anti-IE6 ? De quelles manières ont-ils pu mobiliser les internautes et comment les ont-ils ralliés à leur cause ?

La suite au prochain épisode…

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Web Marseille, 2010. | Lien vers l'article | STONEPOWER

Jack Dorsey branche sur son iPhone un petit bloc noir, passe sa carte bancaire. Et… rien. Après dix essais, l’opération finit par fonctionner. Mais nouveau problème : un écran noir avec le mot « authentifying » persiste.

Loïc Le Meur, l’organisateur et animateur de la discussion, jure plusieurs fois que « ça avait parfaitement marché pendant les répétitions ». « Nous allons essayer avec le réseau Orange », annonce Dorsey. Nouvelle manipulation. Nouveaux essais. Finalement, ça fonctionne.

« C’est la pire démo que j’aie jamais faite », avoue-t-il. « Ca marche partout, excepté à Paris. »

Un dictionnaire informatique publié sur le site Linux-france.org définit ainsi l’effet demo :

« Lorsque vous faites une démonstration en informatique, vous pouvez être à peu près sûr que l’ordinateur va planter, les plombs sauter, le disque dur s’effacer mytérieusement, etc. Cela vaut aussi pour les problèmes de fonctionnement : avec vous ça ne marche pas, tandis que pour le technicien, absolument tout va bien ! »

L’effet Bonaldi et la loi de l’emmerdement maximum

Un autre nom lui a été donné, l’effet Bonaldi, « relativement
connu en France en référence aux démonstrations de Jérôme Bonaldi
ratées sur le plateau de l’émission “Nulle Part Ailleurs” ou “On a tout
essayé” alors que réussies pendant les répétitions », ainsi que le décrit
la page « Loi de Murphy » du site Wikipedia.

L’une des victimes de l’effet démo est Bill Gates, lors d’une démonstration de Windows 98. (Voir la vidéo.)

L’effet démo semble défier les lois de la statistique. Pour comprendre son fonctionnement, nous avons appelé un statisticien, Frédéric Lefebvre-Naré. L’explication réside selon lui en grande partie dans le contexte de l’utilisation :

« Un logiciel pour être stabilisé a besoin d’être testé dans beaucoup de situations d’usage. Quand une démo a lieu, il n’est pas encore vendu, il est peu utilisé. L’opération de la démonstration n’a pas été exactement répétée avant. C’est pourquoi on a souvent des surprises. »

Dans le même registre, la « loi de l’emmerdement maximum » (LEM) ou loi de Murphy part du même principe que lorsqu’un problème risque de se produire, il va se produire. D’autres formulations existent, comme celle de la loi de la tartine beurrée : « Une tartine beurrée tombe toujours sur le côté beurré. »

Pour Frédéric Lefebvre-Naré, la LEM est une « analogie tirée de l’observation de la nature par le monde scientifique » :

« Quand vous faites des actions, vous rencontrez dans la nature des formes de freinage. Par exemple, vous voulez faire avancer votre voiture, il y a du frottement. Les scientifiques, qui constatent ça dans la nature, l’appliquent aux actions humaines, notamment dans l’informatique. »

Source de l’article : Eco89 – Rédaction : Laurent Mauriac
http://eco.rue89.com/2009/12/09/leweb09-le-patron-de-twitter-victime-de-leffet-demo-en-conference-129286
Photo : Jack Dorsey, LeWeb’09, 9 décembre 2009 (Dave Cynkin/Flickr)

© STONEPOWER Agence Digitale (Pierre) pour La Blogule de STONEPOWER - Agence Web Marseille, 2009. | Lien vers l'article | STONEPOWER

• 73 agences membres
• 2 régions de la méditerrannée représentées
• une campagne pour arrêter les abus dans nos métiers : stop au compets’ bidons
• une campagne « anti-crise »
• de nombreux débats,…

Décidée à poursuivre l’ambitieuse action du Président sortant Philippe FRANÇAIS, Muriel ERIKSEN a été élue à l’unanimité.

STONEPOWER, élue au conseil d’administration pour représenter les agences interactives, participera à défendre la profession et porter les valeurs de notre métier.

on en parle :

• UPE 13
• DocNews

COMMUNIQUÉ DE PRESSE

Muriel Eriksen, nouvelle Présidente de l’UCC Med

Pour la première fois depuis la création du syndicat en 1976, une femme
est élue Présidente des Agences conseil en communication.

A l’issue de son assemblée générale extraordinaire qui s’est déroulée vendredi 11 décembre 2009 à Avignon, l’UCC Med a élu un nouveau Conseil d’Administration qui a désigné, à l’unanimité, son nouveau Président.

Muriel Eriksen (agence Muriel Eriksen Communication) succède ainsi à Philippe Français (Aller Retour) qui a dirigé le syndicat pendant trois ans.

Nommée pour deux ans, la nouvelle présidente sera accompagnée dans ses actions par un vice-président, François Cadiergue (Euro RSCG 360) et par 2 vice-présidents territoriaux : Jean-Marie Gallo (Agence Gazelle) pour la délégation Côte d’Azur et Pascal Hébrard (Wonderful) pour la délégation Languedoc-Roussillon. Cette équipe souhaite pérenniser les actions mises en œuvre par son prédécesseur, tout en renouvelant son attachement à la défense de la rémunération des agences et à la représentativité du métier auprès des institutionnels et des annonceurs privés. Également sensible aux problèmes d’éthique et de citoyenneté, la présidente donnera une impulsion particulière au syndicat pour responsabiliser les agences à ces problématiques.

L’UCC Med regroupe aujourd’hui 75 agences conseil en communication dans des secteurs aussi diversifiés que la communication publicitaire et Corporate,  le conseil media, la communication interactive, le marketing services, les relations presse et l’événementiel. Un secteur d’activité qui représente en PACA 156 Millions € de CA, soit plus de 80 Millions € de Valeur Ajoutée et 1274 emplois directs.

© STONEPOWER Agence Digitale (lcollin) pour La Blogule de STONEPOWER - Agence Web Marseille, 2009. | Lien vers l'article | STONEPOWER

Je veux créer un site Web tout de suite !

Ca y’est, vous avez décidé de faire créer votre site internet, et le temps est venu de passer aux choses concrètes.

Vous allez probablement devoir faire appel à plusieurs types de compétences pour le réaliser : en l’occurrence, un webdesigner pour le graphisme du site, et un ou plusieurs développeurs pour la
réalisation technique, personnes auxquels il faudra expliquer ce que vous vous attendez d’eux.

Mais comment décrire précisément ce que l’on veut obtenir, alors que bien souvent à ce stade du projet, on ne le sait pas soi-même ?
Au delà de ce problème existentiel (que nous allons résoudre), c’est déjà une partie du succès de votre projet internet qui se joue dans cette phase de préparation.

En effet, la mauvaise conception d’un site d’e-commerce peut avoir des conséquences catastrophiques sur votre future activité : les visiteurs ont du mal trouver le chemin pour acheter vos articles, ou le design de votre site, aussi beau soit-il, n’est pas cohérent avec les repères de la cible que vous essayez de toucher.

Résultat : vous avez peu de clients, et votre investissement part en fumée au fil des jours.

Heureusement, il y a 2 documents essentiels et complémentaires à rédiger pour mettre toutes les chances de votre côté dès la conception du site : le brief créatif et le wireframe.

Rédiger un bon brief créatif pour son site Internet

L’objectif du brief créatif est de permettre au webdesigner de cerner l’univers graphique de référence dans lequel votre futur site doit évoluer.

En effet, il existe des codes graphiques particuliers selon la cible à laquelle on fait référence, et ne pas les respecter pourrait compromettre votre identification sur le segment de marché que vous visez.

Par exemple, si vous vendez des voyages de luxe et que votre site donne l’impression d’être chez Partirparcher.com (couleurs criardes, petits visuels, prix en gros, information tassée, …) vos visiteurs ne se donneront même pas la peine d’explorer votre site car ils ne retrouveront pas leur valeurs au premier coup d’oeil.

L’univers graphique du luxe, ce sont souvent des couleurs sobres, des typographies élégantes, des visuels de qualité qui occupent un large place dans la page, une mise en page aéré, et des prix discrets.

Voici un modèle pour vous permettre de vous poser les bonnes questions, et maximiser les chances d’obtenir un résultat conforme à ce que vous espérez, mais aussi pour permettre au Webdesigner de mieux comprendre votre projet, et de gagner du temps dans sa création.

1. Définition du projet

1.1. Le concept
• Expliquer brièvement l’idée.
• A quels besoins répond ce site Internet ?
• Quels sont les points forts du projet ?
1.2. Identité visuelle
• Quel est le nom du site?
• Existe t-il déjà un logo ? S’il faut en créer un, le préciser.
• Quel est la baseline du projet (le slogan) ?
1.3. Quel est le positionnement image / le positionnement prix que vous souhaitez donner ?
• Est-ce que vous proposez un produit haut de gamme, ou plutôt pour des personnes ayant des contraintes de budget ?
• Voulez-vous véhiculer à travers votre site une image « d’artisan » ou d’une structure à échelle humaine pour jouer la carte de la proximité avec votre cible, ou plutôt l’image d’une « grosse machine » pour rassurer, se positionner en leader ?

2. Le marché

2.1. Dans quel secteur professionnel allez-vous évoluer ?
- Dans la grande consommation, le BTP, la mode, l’information, la protection de l’environnement,
les loisirs cré atifs ou la high tech ?
- En B2C ou en B2B ?
2.2. A qui s’adresse t-on ?
• Définir la ou les cibles le plus précisément possible.
• Quel est leur contexte personnel et professionnel, leurs centres d’intérêt, leurs préoccupations, leurs valeurs ? Par exemple : CSP+, urbain, plus de 30 ans, jeune père de famille, propriétaire de son appartement, aimant tel ou tel loisir, sensible aux problématiques d’environnement, etc). S’il y a plusieurs cibles, mettez l’accent sur la cible principale, celle qui représentera votre plus gros potentiel de trafic.
• Pourquoi ont-ils besoin de ces produits, de ce service ?
2.3. Qui sont les concurrents ?
Cette partie est particulièrement importante car elle permet de donner des repères concrets de ce qui se fait déjà en matière de site internet dans votre domaine, de voir les bonnes pratiques et celles à éviter.
• Nommer les concurrents et les classer s’il y en a plusieurs types + donner l’URL de leur site internet.
• Que proposent-ils ?
• Quelles sont les différences avec votre projet ?
• Y a t-il des choses qui vous plaisent dans le design de leur site, ou au niveau des fonctionnalités qu’ils proposent ?
• Qu’est-ce qui ne vous plait pas chez eux ?

3. Le site

3.1. Que doivent se dire les internautes quand ils arrivent sur le site (par la page d’accueil ou par une autre) ?
• Tiens, enfin un site qui se démarque des autres du genre !
• Quel est ce superbe produit ? Il me le faut absolument !
• Ce site inspire confiance. Il a l’air d’être un bon endroit pour acheter le produit que je veux / utiliser le service que je recherche.
• Ce site à l’air actif. Je vais peut-être pouvoir trouver ce que je cherche plus rapidement qu’ailleurs ?
• Il y a l’air d’avoir du monde ici !! J’aimerai bien rejoindre cette communauté.
• Etc…
3.2. Que doivent avoir envie de faire les internautes une fois sur le site ?
• Lancer une recherche pour trouver le produit de leur rêve ?
• S’inscrire pour devenir membre de la communauté ?
• Acheter un produit en particulier ?
• Donner leur avis ?
• Parler du site autours d’eux ?
• Etc…
3.3. Quels sont les valeurs / les notions à transmettre ?
• Quelles valeurs souhaitez-vous transmettre ou partager avec votre cible à travers le site ? Par exemple, la confiance, l’expertise, la proximité, des valeurs communautaires, de partage, le plaisir, … ?
3.4. Quels sont les principales fonctionnalités / rubriques du site ?
Il faut décrire le plus précisément possible le contenu des rubriques et les sous rubriques du site. De même pour les fonctionnalités, si vous souhaitez qu’un menu s’ouvre d’une certaine manière, ou qu’une
information soit mise en valeur de manière plus importante, vous pouvez le dire. La clarté de vos explications permettra de bien comprendre l’ergonomie générale qui va structurer la navigation dans le site.
I déalement, il faudra fournir une arborescence (schéma d’articulation des rubriques entre elles), et ce que l’on appelle en conception de site Internet un Wireframe (ou storyboard).
C’est une représentation simplifiée du site Internet qui permet de comprendre d’un coup d’oeil la structure de chaque page car tous les types de contenu et les textes y sont symboliquement représentés, ainsi que leur emplacement dans la page. Nous allons voir en détail ce document très important dans la deuxième partie.
3.5. Quels sont vos sites de référence et ceux que vous n’aimez pas ?
Enfin, il est important de prendre en compte vos goûts personnels car vous devez être fier de votre futur site et vous l’approprier. Cela ne veut pas dire que le webdesigner prendra en compte tous vos souhaits, mais si vos goûts sont raccords avec ce qu’il comptait faire, ça sera un bon point en plus.
• De manière générale, quels sont les sites que vous appréciez au niveau graphique ?
• Idem au niveau des fonctionnalités ?
• Même question sur les sites qui ne vous plaisent pas. Vous avez surement dû en voir quelques uns
au cours de votre étude de la concurrence, donc n’hésitez à vous en resservir.

4. Le travail demandé

4.1. Le travail demandé
Dans un premier temps, demandez la réalisation de 2 ou 3 pistes graphiques de la page d’accueil, afin que vous ayez le choix.
Demander ensuite la déclinaison de la charte graphique validée sur les principaux gabarits du site (cf wireframe fourni avec le brief).
Si vous n’avez pas de logo, c’est le moment de le dire !
4.2. Liste des livrables et format
Les livrables sont les éléments que vous allez récupérer de la part du Webdesigner. Il faut donc être le plus précis possible sur ce point car cela défini le travail qu’il doit accomplir dans le cadre de votre projet.
Les livrables sont les pages qu’il doit créer, et livrer à l’intégrateur (celui qui va développer la partie visible de votre site).
• Page d’accueil
• Page moteur de recherche
• Page type d’une fiche produit
• Page type d’un profil membre
• Page d’explication du concept du site
• Etc…
Tous les éléments sont à fournir au format JPEG, et les sources en PSD (Adobe Photoshop) ou AI (Adobe Illustrator).
Si le Webdesigner et le Développeur sont la même personne, la démarche est simplifiée car il sait ce qu’il doit faire pour réaliser votre site en intégralité.
4.3 Budget et délais
Faut-il donner son budget ? Grand débat en perspective… La plupart diront que si vous indiquez votre budget, les prestataires essayeront automatiquement de coller à la limite haute, de manière justifiée au pas. C’est globalement vrai, mais personnellement, je pense que si vous avez une contrainte financière forte, mieux vaut être franc et la donner, car seuls les plus motivés par votre projet feront un effort. Par contre, spécifiez bien que vous consultez plusieurs prestataires, ce qui permettra d’avoir des prix réalistes de la part de chacun.

Précisez pour quelle date vous aimeriez que le site soit fini afin que le Webdesigner puisse estimer le temps qu’il va pouvoir consacrer à votre projet.
Passons maintenant au wireframe. Le webdesigner va oeuvrer pour la création d’une superbe charte graphique, mais ce n’est pas son rôle d’imaginer ce qu’il faut mettre dans chaque page de votre site. Ce travail vous reviendra peut-être, et c’est probablement l’un des plus difficile si vous n’avez jamais conçu de site internet auparavant.

Cette phase de conception est à mon avis l’une des plus importante pour s’assurer du bon déroulement de son projet internet. La réalisation de wireframes du site (ou storyboard de l’interface) va permettre de matérialiser concrètement, et dans le moindre détail, ce que va contenir votre futur site.

Comment bien concevoir l’interface de son site internet ?

1. Qu’est-ce que qu’un wireframe ?

Le wireframe est la représentation schématique de l’interface d’un site internet et permet de définir
• sa structure globale,
• l’articulation entre chaque rubriques, ou chaque page,
• les contenus de tout type (textes, titres, images, vidéos document à télécharger) et leur emplacement dans les pages,
• l’ergonomie de chaque page.
L’objectif de ce document est donc de préparer la phase de création graphique et le développement technique du front-office.
Le wireframe d’un site peut être simple, comme dans l’exemple ci-dessous.

C’est un empilement de blocs respectant la même structure à quelques détails près.

Et le blog définitif, une fois que le graphisme a été “posé” sur le wireframe.

Autre exemple d’un site plus complexe avec le wireframe de la page d’accueil de Yahoo.fr. L’exercice est difficile car la page contient beaucoup d’information à hiérarchiser, et il faut que les fonctions essentielles soient immédiatement visibles.

Ici, l’accent a été mis sur le moteur de recherche (en haut), sur le menu de navigation vertical (à gauche) et sur l’actualité (en haut de la colonne centrale). La visibilité de la publicité est aussi un point important car c’est une source de revenu pour Yahoo. Le traitement graphique qui interviendra ensuite devra renforcer de cette grille de lecture.

Et la version originale :

2. Quels sont les avantages du wireframe dans le process de conception et de production d’un site internet ?
Plus le site est important en terme de contenu et de fonctionnalités, et plus la réalisation du wireframe devient un exercice nécessaire.
Dans le cas d’un site d’e-commerce, le wireframe permet de s’assurer que chaque page est bien optimisée pour permettre un achat facile (boutons d’achat placés aux endroits stratégiques, lien vers formulaire de contact ou numéro de téléphone bien visible, fiche produit bien organisé et lisible, …) et donc espérer avoir un site rentable.

Cela prend du temps avant d’arriver à un résultat optimal, mais c’est un document dont vous ne pouvez pas faire l’économie si vous voulez être sûr que vote site internet sera bien conçu.
Les avantages de ce document sont suffisamment nombreux pour prendre le temps de bien le faire.

Pour vous :
• le wireframe va permettre de vous poser une multitude de questions au fur et à mesure que vous réfléchirez à ce que doit contenir chaque page de votre site. Vous prendrez sûrement conscience
que la conception d’un site d’e-commerce par exemple nécessite des bonnes connaissances en conception et en ergonomie, et peut justifier l’accompagnement d’un expert.
• Enfin, cela vous permet d’avoir un document de référence pour bien piloter vos prestataires (graphisme et développement), faire la recette de votre site, et garantir le résultat final.
Pour le webdesigner :
• Il visualise exactement ce qu’il doit mettre dans chaque page et comprend immédiatement les éléments qu’il doit mettre en valeur, et ceux qui sont secondaires. Il peut donc travailler plus
efficacement, plus rapidement, et vous faites des économies sur sa prestation si vous externalisez la création graphique. C’est aussi valable pour le développement.
Pour les développeurs / intégrateurs :
• Ils visualisent immédiatement le fonctionnement des outils qu’ils doivent développer, et cela permet de gagner un temps non négligeable en explications, surtout quand on est pas développeur
soi même.
Pour les deux :
• Comme ils travaillent sur la même base documentaire, cela permet de garantir qu’ils sont bien sur le même niveau de compréhension de ce que vous voulez obtenir, et seront mieux coordonnées entre eux. Là encore, gain de temps et d’efficacité important.
3. Qui réalise le wireframe ?
Généralement, le wireframe est conçu par un expert en conception de site internet qui maitrise les aspects graphiques, ergonomiques, éditoriaux et techniques d’un site.
La solution la plus confortable (mais aussi la plus chère) est de confier ce travail une agence web. La conception sera alors prise en charge par un chef de projet senior, ou un consultant ergonome qui modélisera votre site sur la base de vos explications et de leur expérience.
Aussi efficace (et moins onéreuse) est la solution du consultant indépendant qui se chargera de toute la conception. Vous pourrez ensuite aller voir qui vous souhaitez avec vos wireframes sous le bras pour la suite de votre projet, des freelances ou une agence web.
Dernière option, le faire soit même avec des outils prévus pour ça, mais si vous vous lancez dans un projet  d’e-commerce sans aucune expérience en la matière, il sera souhaitable d’avoir des avis externes de professionnels avant de lancer la phase de création et de développement du site pour vous sécuriser sur le résultat final.
4. Quels outils utiliser pour concevoir un wireframe ?
Il existe de nombreux outils en ligne ou à télécharger mais la majorité est en anglais uniquement. Vous pouvez retrouver le Top 7 des meilleurs outils de wireframing d’après le blog CMSWire, ou un Top 20 d’après Garmahis.com.

© STONEPOWER Agence Digitale (lcollin) pour La Blogule de STONEPOWER - Agence Web Marseille, 2009. | Lien vers l'article | STONEPOWER

Spécialisée dans la création de sites Internet et le conseil en communication, Stonepower offre aux entreprises, outre des solutions techniques, une véritable stratégie de web-marketing. « Un site Internet n’est utile qu’une fois optimisé » explique Laurent Collin, directeur général. Dans cette perspective, Stonepower propose une large gamme de logiciels, de gestionnaires de contenus, de formulaires ou de mailinglist, permettant de concilier efficacité et bas prix, avec des possibilités d’abonnement au mois ou à l’année (à partir de 30 euros par mois). Et ça marche puisque l’agence compte au nombre de ses clients des majors comme Disney et des PME régionales telles que torréfaction Noailles ou le label « rap » marseillais « street skillz ». « Certains clients souhaitent diffuser un catalogue en ligne, d’autres créer et dynamiser un site ou encore vendre sur le web. Tout dépend des objectifs. » Si en 2003 Stonepower a réalisé un chiffre d’affaires d’environ 200 000 euros, l’entreprise espère une progression de 50% en 2004. (H.T)

© STONEPOWER Agence Digitale (lcollin) pour La Blogule de STONEPOWER - Agence Web Marseille, 2004. | Lien vers l'article | STONEPOWER

Créée à Toulon en 1999, StonePower agence conseil en communication interactive, est arrivée à Marseille depuis un an.  Son métier : aider les entreprises à utiliser Internet et plus largement le support multimédia. « Nous nous adressons à des grosses PME qui ont une problématique de gestion et de diffusion de leurs informations, souligne Laurent Collin, le jeune directeur général, à des entreprises qui n’ont pas forcément identifier leurs besoins. »

StonePower, qui comme son nom l’indique promet d’avoir la puissance de la pierre, apporte à ses clients conseils mais également tous les outils pour mettre en œuvre des solutions interactives.  Concrètement, elle peut favoriser la création et la dynamisation de site, de CDRom, de journal ou de catalogue en ligne, apporter des solutions complètes de commerce électronique…Cerise sur le gâteau, elle édite aussi des logiciels e-business.

La société qui compte quatre permanents salariés, s’appuie sur un important réseau d’experts pour travailler. Se qualifiant volontiers « de partenaire », Laurent Collin entend également inscrire son action auprès des entreprises « dans la continuité ».

Article de Marjory Chouraqui

© STONEPOWER Agence Digitale (asourcival) pour La Blogule de STONEPOWER - Agence Web Marseille, 2003. | Lien vers l'article | STONEPOWER

« Quelle crise ? » est tenté de demander William Grandorby, responsable de FR Web. Comme ailleurs, les entreprises varoises sont « sensibles à la crise qui touche les start – up et Internet mais, paradoxalement, moins », précise Patrick Valverde, directeur de Toulon Var Technologies. L’association toulonnaise connaît bien le sujet pour accompagner, depuis 95 ans, les créateurs d’entreprise Internet.  « La vague a touché les sites sur lesquels les capitaux risqueurs avaient investi énormément d’argent. Aujourd’hui ces mêmes financiers vont rechercher des projets beaucoup plus finis ».

Rentabilité d’abord
Fini le temps d’Internet pour Internet, « Les entreprises sur le net sont à présent, d’abord des entreprises … qui savent identifier les besoins de leurs clients et dégager des profits ».
Stéphan Hermine est responsable du projet « quaiweb », une web agency chargée de développer des projets Internet auprès des entreprises « Après le capitalisme sauvage, on retrouve un langage normal », comme dans n’importe quelle entreprise. « C’est le juste retour à une réalité, explique Laurent Collin , de la Web agency Stone Power. Tout le monde s’est jeté dans Internet en lançant des sites qui ne fournissaient que des contenus…Pour réinvestir, les capitaux risqueurs  demanderont autre chose, des services qu’il reste à inventer… »
« Le Var s’est lancé dans Internet lentement, mais plus surement sans doute… » souligne de son côté Patrick Valverde, qui met en exergue une certaine méthode toulonnaise. « Longtemps l’euphorie financière qui alimentait les start-up ne s’est pas souciée de la finalité. On a occulté la viabilité du projet ou sa rentabilité ». Ludovic Frémont, responsable de Nexxus , entreprise dont l’une des activités est la traduction en ligne, travaille chaque jour avec des start-up : « ces entreprises ont poussé trop vite. Sans se concentrer sur une activité de base… » Des propos pour lesquels Christophe Antone, infomédiaire d’assurances renchérit « Nous avons lancé Netassurances en 95,-96. A l’époque, l’idée se suffisait à elle-même mais cela ne nous a pas empêchés de conserver notre cœur de métier, l’assurance traditionnelle, même si tous nos flux s’organise sur le Net. » Le site est aujourd’hui référencé parmi les cinq meilleurs sites nationaux de produits d’assurance en ligne et travaille en partenariat avec « magéos » et « explorimmo ».
Entre l’excès de doute et l’excès d’euphorie, comme le souligne Christophe Antone, on parvient à l’ère du « raisonnablement pessimiste ». « Une entreprise sur Internet doit prouver qu’elle est rentable, dégager non seulement du chiffre mais aussi des bénéfices. »

Priorité au « b to b »
C’est l’objectif affiché par skihorizon, start-up dont le pôle technique est installé à La Garde. Deux sites en ligne, un professionnel, un grand public, avec base de données liées au tourisme hivernal et au ski. Avec 1500 hébergeurs, l’entreprise dont le siège social est à Genève, a levé 48 MF en deux tours de table, dont « 36 MF en milieu de l’année 2000, après le e-crack » explique Hervé Kopyto, responsable du projet.  Preuve que les investisseurs sont toujours là, mais demandent d’avantage de garanties « Garanties liées à la nouvelle prééminence du B to B sur le B to C, analyse William Grandordy. Les entreprises varoises dont le chiffre d’affaires passe par le Net l’ont visiblement bien compris. « La nouvelle économie doit s’enrichir d’un savoir-faire…Celui de l’ancienne économie », conclut Christophe Antone.

Article de Karine Michel

© STONEPOWER Agence Digitale (asourcival) pour La Blogule de STONEPOWER - Agence Web Marseille, 2001. | Lien vers l'article | STONEPOWER

Journal d’Internet : quand est né STONEPOWER et pourquoi ce nom qui rappelle le statique à l’opposé de l’animé qui préfigure le monde de l’Internet ?
Laurent Collin : STONEPOWER a été créé il y’a un peu plus d’un an. « Le pouvoir de la Pierre », ce qui nous enseigne qu’il y’a de l’énergie dans toute chose inerte et une fois que nous en sommes persuadé, il faut parvenir à la canaliser afin d’obtenir un résultat.

« Stone » représente la réflexion, l’observation, la veille, tandis que « Power » évoque l’action. Nous cherchions à ce moment un nom qui marque le contraste entre des technologies qui évoluent très vite et des chefs d’entreprise qui ne sont pas toujours prêts à entendre un langage de « technicologues ». Ce sont, pour nous, les racines du futur : on s’appuie sur l’expérience du passé pour envisager, penser, construire l’avenir.

Les NTIC sont avant tout des médias à la portée de tous. Ils ne doivent pas rester la propriété d’élus, mais se démocratiser au plus vite.

STONEPOWER présente toujours à ses clients des solutions média et marketing répondant aux objectifs commerciaux que s’est fixée l’entreprise, même la plus modeste.
La consonnance anglo-saxonne est volontaire dans notre démarche internationale.

Journal d’Internet : Qui compose l’équipe de STONEPOWER ?
L.C : Les créateurs de STONEPOWER sont des spécialistes du marketing, de la communication publicitaire, et de l’ingénierie informatique. Nous venons tous d’horizons professionnels différents mais complémentaires. C’est cette complémentarité qui fait notre richesse car elle nous permet à tout moment d’être réactif, de tenir à nos clients un discours cohérent et surtout adapté à leurs véritables besoins.

JDI : Quelles perspectives d’avenir envisagez-vous ?
L.C : Les entreprises sont conscientes que leur avenir dépend de la fidélisation de leur clientèle. Fidéliser représente dès aujourd’hui un enjeu considérable pour ces entreprises.
Il existe aujourd’hui des méthodes, des outils et des stratégies à mettre en place pour travailler sur le long terme avec ses clients.
STONEPOWER a été créé dans cet esprit en se positionnant dès le départ dans le secteur du marketing-relationnel, un passage inévitable pour les entreprises soucieuses de leur avenir et de leur marché.

JDI : Quelle est la situation du marché dans la région toulonnaise ?
L.C : Toulon et sa région sont certes un lieu privilégié tant par le climat que par l’environnement. Je regrette surtout que la synergie entre les différents acteurs économiques ne soit que superficielle. Les engagements sont difficilement tenus et rien n’indique que cela va changer avant quelques années. Mais nous ne pouvons plus attendre.
Profitant d’une opportunité de locaux disponibles, plus grands et surtout plus adaptés aux technologies numériques (une connexion par satellite est prévue), nous envisageons de nous délocaliser sur le centre de la Région Paca et participer à la création d’un Centre d’Affaires, où la Synergie sera le véritable « CREDO ».
Cette situation stratégique nous mettra aussi à une demi heure de Marseille et de Nice.
Mais nos futurs clients sont sûrement au-delà. D’ores et déjà, nous travaillons avec les Antilles, la Tunisie et la Belgique.

François Michel

© STONEPOWER Agence Digitale (asourcival) pour La Blogule de STONEPOWER - Agence Web Marseille, 2000. | Lien vers l'article | STONEPOWER