Demat Store est une jeune société reposant sur les années d’expérience de ses fondateurs dans le secteur de la dématérialisation. Elle s’était dotée il y a un an d’un site internet présentant rapidement son service technologique. Elle propose une clef sécurisée pour accèder à tout moment à ses données personnelles depuis n’importe quel poste informatique du globe. Un espace privé est disponible en ligne pour stocker, partager, gérer et consulter ses documents numériques personnels et professionnels, uniquement accessibles par le biais de cette clef où est embarqué un navigateur internet spécifiquement développé.

Le besoin

Le site internet Demat-Store.com ne reflète qu’une image BtoB où le produit et les avantages du service de dématérialisation ne sont pas perçus. Au contraire, ils sont noyés dans une masse d’informations techniques et des zones éditoriales redondantes. La simplification du message et des promesses devient indispensable.

Ancienne page d’accueil du site internet :

La réponse stratégique

Une conception rédactionnelle axée sur 4 promesses produit : la sécurité informatique, la valeur juridique reconnue pour les documents numériques gérés, la mobilité / la disponibilité, et enfin la valeur haut de gamme du produit physique.

Le discours peut alors s’étoffer :

LE CHEZ-VOUS NUMÉRIQUE

100% SÉCURISÉ
Cryptage des données et navigateur web embarqué

100% LÉGAL
Un archivage de vos documents à valeur juridique

100% LIBERTÉ
Pas d’engagement, un espace disponible pour 30 ans

100% TENDANCE
Un étui prestigieux en cuir pour le transport

Ces 4 points sont accompagnés de visuels illustratifs qui agrémentent ainsi un « slide-show » sur la page d’accueil. L’internaute perçoit immédiatement la globalité de ce qui lui est proposé. Car, c’est évident, avant d’acheter il vaut mieux savoir ce que l’on achète et être rassuré sur le fait que c’est bien ce qu’il nous faut !
Le service proposé par Demat Store est alors synthétisé au maximum pour n’en présenter qu’une phrase unique, une accroche :

« Vos documents numériques, personnels et confidentiels, disponibles en ligne à tout moment ! »

La construction du site devient ensuite aisée avec une restructuration de l’information (l’architecture des contenus) et de sa présentation (ergonomie).
La réflexion ergonomique est étroitement liée à 4 phases marketing, AIDA :

• attirer l’Attention
• susciter l’Intérêt
• provoquer le Désir
• inciter à l’Action.

Le résultat

Que des félicitations sur le site internet et sur la perception du message de la part du grand public, des institutions et des professionnels. Message renforcé par les opérations de relation presse dont les retombées sont visibles ici : http://www.demat-store.com/cms.php?id_cms=12

Ce discours devient l’argumentaire de vente de Demat Store, utilisé durant leurs présentations, leurs séminaires, leurs show-room et les conférences. Réussite !

Voir la page référence sur le projet Demat-Store.com

Mise à jour du 01 avril 2011 :
Demat Store à l’antenne de RTL2 : http://legrandmorning.rtl2.fr/2011/03/shopping-sauvez-vos-donnes.html

Conception/rédaction, refonte graphique et ergonomique du site internet
http://www.demat-store.com/

La société Demat Store propose une clef sécurisée pour accèder à tout moment à vos données personnelles depuis n’importe quel poste informatique du globe.

Vos documents numériques personnels et confidentiels disponibles en ligne à tout moment !

Le Chez-Vous numérique :

• 100% sécurisé : cryptage des données et navigateur web embarqué
• 100% légal : un archivage de vos documents à valeur juridique
• 100% liberté : pas d’engagement, un espace disponible pour 30 ans
• 100% tendance : un étui prestigieux en cuir pour le transport

La problématique de communication interactive

Demat Store, jeune société reposant sur les années d’expérience de ses fondateurs dans le secteur de la dématérialisation, s’était dotée il y a un an d’un site internet présentant rapidement son service technologique.

Le besoin de communication auprès du public et de la presse a mis en avant la nécessité de mettre au point un discours clair (et non plus technique) pour être perceptible du grand public, des institutions et des professionnels. Mission accomplie par Neoma-Interactive, en parallèle de la prestation de relation presse effectué par l’agence Ameline.

Voir l’article correspondant « étude de conception stratégique et de refonte graphique » >

Légende : Eye-tracking sur trois pages web montrant que les yeux ne survolent pas les espaces publicitaires. Les zones rouges sont les plus regardées ; les espaces publicitaires sont encadrés en vert.

Ce constat est un fait ! comme l’annonce Jakob Nielsen sur son site via son article « Banner Blindness: Old and New Findings«  depuis août 2007 (traduction : « Aveuglement aux bannières publicitaires : anciennes et nouvelles découvertes »).

Et comme le rappelle Capitaine Commerce, l’utilisateur a cette capacité plus ou moins consciente d’éviter les bannières de pubs. Il les perçoit mais n’y prête absolument pas attention. Un « intersticiel » (pub plein écran par dessus ou avant la page consultée) apparaît et envahit l’écran, l’internaute le quitte immédiatement via le bouton « fermer » sans même lire le message qui perturbe sa consultation !

Alors une fois de plus : annonceurs, marketeurs, webrégies et responsables de site internet, réfléchissez à deux fois, surtout lorsque vous regardez ce que vous rapportent finalement ces espaces publicitaires placés en des lieux stratégiques sur les pages !

Conception, charte graphique web et intégration du site internet d’informations médicales et de conseils en ligne.
www.medecindirect.fr

La télémédecine et la téléconsultation

Dès le début de l’année 2011, les patients peuvent consulter leur médecin sans se rendre à leur cabinet. Les téléconsultations ont été généralisées par la parution fin octobre 2010 au Journal officiel d’un décret issu de la loi « Hôpital, patients, santé et territoires ». L’objectif : améliorer l’accès à la santé de personnes vivant dans les « déserts médicaux », faciliter le suivi de patients souffrant de maladies chroniques et désengorger les urgences.

La télémédecine permet à des médecins d’exercer à distance, par exemple pour croiser leurs points de vue autour de l’image d’une radio d’une patiente. La téléconsultation, quand à elle, consiste à effectuer un « vrai » diagnostic, sans voir le malade en vrai.

C’est au coeur de cette évolution que le projet MédecinDirect s’est mis en place. Il s’agit d’un service en ligne regroupant une équipe de médecins qui vous répondent personnellement, vous accompagnent et vous orientent médicalement.

Neoma-Interactive est heureuse d’avoir été choisie pour réaliser la refonte graphique de ce portail médical et d’avoir apporté une réflexion stratégique et fonctionnelle à ce service émergent. La communication en relations de presse est effectuée par notre partenaire Ameline-Communication.
Le webdéveloppement .asp a été confié à l’agence toulousaine Midiway.

Conception et réalisation du site extranet MySphere pour Fiat Groupe France
http://www.mysphere-entreprises.fr/

En consultant notre partenaire Mathena, le groupe Fiat souhaitait revitaliser ses commerciaux présents sur le territoire français via la refonte d’un outil de partage de contenus. Nous avons proposé un outil collaboratif interne pour ses forces de ventes, reposant sur les dernières fonctionnalités ‘web 2.0′. Ses membres peuvent ainsi échanger des informations, partager des documents et s’informer des actualités publiées par le siège.

Une véritable interface de démarrage
Un outil regroupant les fonctionnalités de tweets, de chat, de fil de discutions, d’agrégateur de flux RSS, de partage de documents, de publication de contenus et de mémos, le tout hiérarchiser de façon homogène à un process de vente : M’informer, Me former, Mes outils.

Une conception qui a nécessité un développement complet via le framework Zend.

Conception, charte graphique web et intégration HTML5 du site internet pour Normation
www.normation.com

L’innovante société Normation est spécialisée dans les processus de contrôle des automatismes SI et de la sécurité informatique. Neoma-Interactive a réalisé son site internet et l’intégration statique de son site internet en mode HTML5 et CSS3 afin de correspondre au positionnement d’innovation qui caractérise leurs services.

Le site internet en ligne n’est encore qu’en mode « construction ». Voici l’intégration finalisée issue de notre serveur >

Nous nous lançons dans la conception d’interface en mode numérique, nous éloignant ainsi peu à peu du traditionnel papier/crayon ou du tableau-blanc/feutre. Cela permet de maquetter des interfaces, de les corriger, de les publier voire de les partager. Voici une petite liste d’outils de création d’interfaces graphiques et de schémas (wireframes, prototypages, etc.) pour la conception de projets interactifs.

Actuellement je découvre l’excellent outil de conception en ligne Balsamiq (démo ici : http://www.balsamiq.com/builds/mockups-web-demo/ )
En plus de l’avantage d’être en ligne et d’être gratuit, le rendu « rough » est assés convivial et l’interface est simple d’utilisation.

Il y a évidemment d’autres outils, gratuits, payants, en ligne ou en application locale.
Parmi ceux déjà listés (mais pas testés) :

• Axure (payant et trés complet) : http://www.axure.com/
• Guimags et Guiboards : http://www.guimags.com
• Cacoo (que en ligne) : http://cacoo.com/
• Fluidia : démo testable ici http://stage.fluidia.org/
• Mocking bird (que en ligne) : http://gomockingbird.com/mockingbird/
• Mockflow : http://www.mockflow.com/

Enfin un bon article rédigé par Korben : « 18 outils gratuits pour faire des maquettes d’interfaces graphiques » à cette adresse http://www.korben.info/18-outils-gratuits-mockups.html

N’hésitez pas à partager vos avis ici ou sur le sujet équivalent au sein du nouveau forum de l’association FLUPA : http://forum.flupa.eu/phpbb/viewtopic.php?f=8&t=81

–
Mise à jour de l’article le 25/08/2010 :

• nous nous sommes décidés pour la license de Lovely Charts : http://www.lovelycharts.com/ De multiples outils pour le prototypage, diagramme, organigramme hiérarchique, etc. qui vont évoluer dans les prochaines versions, nous confirme l’éditeur belge.
• découverte de iPLOTZ, payant et visiblement puissant : http://iplotz.com/

Mise à jour du 16/05/2011 :

• découverte de Gliffy : http://www.gliffy.com/wireframe-software/
• et de MX Graph : http://www.jgraph.com/mxgraph.html

Refonte graphique et ergonomique du site de Croisière en bateau à Paris
www.quai55.com

Le Quai 55 organise des animations, des déjeuners et des dîners croisière pour les événements : mariages, baptêmes, séminaires, dîner d’affaires, conférences de presse… Neoma-Interactive a réalisé pour la société Tarentis la réflexion ergonomique et le webdesign de la refonte du site internet.

Conception ergonomique, webdesign, intégration et charte web pour l’intranet du Centre National de la Fonction Publique Territoriale (CNFPT)

Le CNFPT est un organisme de formation pour les agents de la fonction publique territoriale. Il organise les concours et les formations des personnels des collectivités locales.

Son outil intranet à destination des délégations régionales se modernisant, Neoma-Interactive a participé à la refonte ergonomique de l’outil en s’appuyant sur les services et fonctionnalités proposés par les modèles « web 2.0″. L’intégration xHTML/CSS/Javascript des gabarits a permis d’appliquer l’accessibilité numérique sans dénaturer aux fonctionnalités modulaires retenus pour l’affichage des contenus.

Ce travail a été menée en collaboration avec la société Temesis pour la conformité qualité, webstandards et accessibilité numérique du projet.

Voir l’actualité émise pour ce projet >

Nous venons d’achever l’ergonomie et l’intégration d’un projet intranet pour le Centre National de la Fonction Publique Territoriale (CNFPT) reposant sur le principe fonctionnel du service Netvibes.

Netvibes est un portail web français, lancé en 2005 et représentatif de ce que l’on nomme le « Web 2.0″ : il permet de créer sa page d’accueil personnalisée via la gestion de contenus et de services (agrégation de flux RSS). Les utilisateurs de cette application peuvent construire leur page de démarrage selon leurs besoins en ajoutant différents modules, que ce soit les fils d’actualité de leurs sites favoris ou des applications (widgets) spécifiquement développées. La modularité des « espaces » ou « blocs de contenu » ainsi ajoutée permet de les déplacer, de les afficher en mode réduit et d’en déterminer des paramètres spécifiques d’affichage.

C’est cette souplesse de modularité en « blocs de contenu » que nous avons reproduit pour l’interface de l’intranet du CNFPT. Avec un soupçon supplémentaire : l’accessibilité numérique de ces fonctions. Ainsi, la navigation par tabulation permet la même interactivité fonctionnelle que la navigation à la souris.

Focus :

• au passage de la tabulation sur l’intitulé de déplacement, une fenêtre de dialogue propose les liens « déplacer vers le bas, déplacer vers la droite » dont les options de déplacement correspondent à l’emplacement de la boite initiale ;
• les blocs peuvent être réduits ou agrandis individuellement ou globalement ;
• la première tabulation affiche le prélude d’accès aux contenus ou aux outils proposés par l’intranet ;
• l’affichage du pied de page peut être réduit ou complet.

Le résultat est consultable ici :
- interface type de l’intranet du CNFPT
- gestion des formulaires et de la navigation interne du backoffice : page 1 – page 2

Pour la bonne réalisation et la qualité de ce projet interactif nous avons collaboré avec la société Temesis car il est bien évidemment toujours plus convenable de faire valider son travail par des experts externes !

Un merci au CNFPT pour la confiance accordée et pour les échanges constructifs qui ont abouti à ce résultat. Un merci plus personnel à Servan (webdesign), à Nicolas (développement front) et à Aurélien (audit/validation) pour la qualité et la conformité de ce projet !