Enrichir le e-commerce avec les RIA

www.ria-experts.com www.flex-component.com

www.keepcore.com

EXPERTS RIA (Rich Internet Applications)Conception et développement d’applications sur mesure

Les RIA ??? Rich Internet Les RIA ??? Rich Internet Applications !Applications !

Technologies web qui étendent les Technologies web qui étendent les capacités du navigateur pour capacités du navigateur pour repousser les limites de mise en repousser les limites de mise en « page » du HTML« page » du HTML

HTML RIA

Embarquer des Embarquer des composants RIA pour composants RIA pour « enrichir » le web : « enrichir » le web : + de liberté + de liberté graphique, ergonomiegraphique, ergonomie+ d’interactivité + d’interactivité (Drag&Drop, touch…)(Drag&Drop, touch…)+ d’intelligence + d’intelligence embarquéeembarquée+ de fluidité dans la + de fluidité dans la navigationnavigation

HTML+RIA

Les RIA ??? Rich Internet Applications !Les RIA ??? Rich Internet Applications !

Technologies web, standardisées Technologies web, standardisées dans les navigateursdans les navigateurs•Universelles, ultra diffuséesUniverselles, ultra diffusées•Multiplateformes, fidélitéMultiplateformes, fidélité•Nouveaux terminauxNouveaux terminaux•Développement ObjetDéveloppement Objet

HTML5 Silverl

ight

Flash/FLEX

Reproduit la richesse Reproduit la richesse et la puissance des et la puissance des applications de applications de bureau, dans le bureau, dans le navigateur…navigateur…

GWT

… … Navigateur + Navigateur + RIA = OSRIA = OS

Les RIA pour le e-commerce Les RIA pour le e-commerce

• Accroitre l’ergonomie: confort et Accroitre l’ergonomie: confort et efficacitéefficacité

• Accroitre l’immersion du visiteur Accroitre l’immersion du visiteur / client/ client

• Enrichissement du contenu & Enrichissement du contenu & Valorisation du produitValorisation du produit

• Simplifier l’accès à des produits Simplifier l’accès à des produits « complexes »« complexes »

en les rendant plus ludiquesen les rendant plus ludiques• Multi-écrans, compatibilité, Multi-écrans, compatibilité,

fidélitéfidélité

• Nouvelle expérience Nouvelle expérience e-commercee-commerce

• Nouveaux terminauxNouveaux terminaux• Nouveaux servicesNouveaux services• Nouveaux secteursNouveaux secteurs

Application des RIA au e-commerceApplication des RIA au e-commerce

Recherche Enrichie

Valorisation produit,

exploration, 3D…

Configuration de produits complexes

Personnalisation de produits

Nouveaux services

Communication live

Ergonomie, interaction, Ergonomie, interaction, engagement visiteur : Espace RDVengagement visiteur : Espace RDV

Fonctionnalités & Apports

• Réservation de services intégré au site marchand, visualisation avancée et ludique

• Information immédiate planning et disponibilités Conversion

• Puissant outil de gestion de planning

• Anti-oublis de RDV : confirmation, rappel SMS… Impact sur CA

• Informations comportementales sur le visiteur

Avantage des RIA : Ergonomie = confort et Avantage des RIA : Ergonomie = confort et efficacitéefficacité

Apports & Fonctionnalités

La recherche devient ludique

Gain de temps pour le visiteur : satisfaction

La recherche est affinée, les suggestions meilleures, le taux de conversion accru

Drag & Drop des critères / Adaptation automatique des critères restant

Affichage et redimensionnement dynamique des résultats

Visualisation des résultats et des produits

Cross-Cross-plateforme : plateforme : PC, tablettes, PC, tablettes, bornes…bornes…

Exemple : Exemple : Recherche Recherche enrichie enrichie orientée orientée visiteur, visiteur, par par KeepCoreKeepCore

Avantage des RIA : Avantage des RIA : Personnalisation de produits en Personnalisation de produits en ligneligne

Apports pour le e-marchand et le visiteur

• Personnalisation produit par le visiteur du site

• Expérience visiteur innovante, richesse des interactions, ergonomie

• Visualisation avancée et ludique

• Gain de temps

• Générer une marge lorsque tout le monde vend le même produit

• Personnalisation Satisfaction Conversion

Personnaliser pour se démarquer

Avantage des RIA : Enrichissement du Avantage des RIA : Enrichissement du contenu & Valorisation du produitcontenu & Valorisation du produit• RIA : "Applications - Internet - RIA : "Applications - Internet -

Riches""• Proposer une expérience Proposer une expérience

avancée, richeavancée, riche• Proche de ce que peut Proche de ce que peut

proposer un logiciel de PCproposer un logiciel de PC• Dans le monde du webDans le monde du web• … … et l’appliquer au e-et l’appliquer au e-

commerce !commerce !

Bibliothèque Bibliothèque électronique richeélectronique richede fiches techniques de fiches techniques (finances…)(finances…)Lecture enrichieTerminaux portablesContenu à jour en temps réelNouveaux services : enrichissement collaboratif, notes, zoom intelligent…

TREK BIKESTREK BIKESConfigurer son Configurer son vélo :vélo :Choix du cadre, des Choix du cadre, des couleurs, de la selle, couleurs, de la selle, des câbles, des des câbles, des pneus…pneus…

Avantage des RIA : Enrichissement du Avantage des RIA : Enrichissement du contenu & Valorisation du produitcontenu & Valorisation du produit

Apports & Fonctionnalités

Mise en valeur des produits de la marque par:•enrichissement des interactions•le côté ludiqueValorisation des visuels produits : •le visiteur peut « toucher » et jouer avec le produit

Quelques exemples de RIA e-commerce : Quelques exemples de RIA e-commerce : Les RIA vus par QUICK STEPLes RIA vus par QUICK STEP

Apports & Fonctionnalités

Personnalisation environnement

Amener le produit chez le visiteur

Immersion dans son environnementSe rapprocher de l’existant

Apports & Fonctionnalités

Gain de temps en magasin

Immersion dans le produit

Le produit dans la main du prospect, il explore

Avantage des RIA : Configuration de Avantage des RIA : Configuration de produit en ligne, le cas Citroënproduit en ligne, le cas Citroën

Navigation à Navigation à travers les travers les éléments de éléments de la voiturela voiture

Navigation à Navigation à travers les travers les étapes de la étapes de la configuratioconfigurationn

Choix des Choix des élémentséléments

Espace Espace visualisation : visualisation : intérieur, intérieur, extérieur, extérieur, 360°360°

Mise à jour Mise à jour dynamique du dynamique du prixprix

Spécialiste des technologies RIA : Spécialiste des technologies RIA : FLEX - HTML5 - GWTFLEX - HTML5 - GWT

• Conception & Modélisation

• Prototypage• Développement• Test et

industrialisation

• Maquettes et Mokup (Balsamiq)

• Gestion collaborative (KeePlace)

• Validation (TestComplete, Referty)

• Composants FLEX packagés

• Briques logicielles prêtes à intégrer

• Formation & intégration…

Publication de composants sur « Tour de Flex »

Composants utilisés dans 15 paysContributeur au groupement RIA en LR

• Analyse du besoin

• cahier des charges

• Expertise Ergonomie RIA

• Test expert…

Outils de conception, et de développement

Conception & Développement

d’applications web

sur mesure - R&D

Expertise - Engineering Conseil - Formation

Composants & Briques logicielles

Références

Applications sociales et

collaboratives, SaaS, Cloud

Computing, CRM

Applications métiers RIA,

FLEX, ergonomie, IHM, composants

graphiques

Reporting et BI Collaboratif et social

technologies RIA FLEX, formation assistance technique, LCDS, BlazeDS

Conseil & expertise Solution RIA de

supervision de parcs de machines de production, industrie SC, automation

R&D logicielle, édition de service innovant de prise de rendez-vous en ligne FLEX, AIR Off-line

Conseil expertise en infrastructure et architecture des systèmes

d’information et production

RIA appliquée à la domotique, interface de pilotage de

périphériques, application grand

public

Interface de périphérique USB,

pilotage et supervision,

interfaee utilisateur RIA,

AIR

RIA pour le E-commerce,

personnalisation d'objets, éditeur

graphique avancé en ligne, RIA,

FLEX

Supervision de machines, collecte de données et

analyse BI – RIA, FLEX

Industrialisation d’une plateforme web sociale de

partage de données grand

public

Supervision et interface de machines de

production, RIA, AIR, FLEX, R&D

logicielle, ergonomie IHM

Avantage des RIA : le multi-écransAvantage des RIA : le multi-écrans

• L’idée-phare : un seul développement L’idée-phare : un seul développement pour être sur tous les terminauxpour être sur tous les terminaux

• Efficacité, productivité, rapidité des Efficacité, productivité, rapidité des développementsdéveloppements

Source: Adobe

• Une expérience utilisateur Une expérience utilisateur proche quelque soit le proche quelque soit le terminalterminal

• Mais aussi des Mais aussi des fonctionnalités plus riches fonctionnalités plus riches sur le mobile et la tablette…sur le mobile et la tablette…

iPhone Android

Barre de menu RIA : Barre de menu RIA : paramétrage par le paramétrage par le visiteurvisiteur

Variateur de lumière :Variateur de lumière :Rendu en plein Rendu en plein

jour / en soiréejour / en soirée

Quelques exemples de RIA e-commerce : Les RIA Quelques exemples de RIA e-commerce : Les RIA vus par QUICK STEPvus par QUICK STEP

Faire pivoter le Faire pivoter le sol :sol :Le visiteur Le visiteur s’approprie s’approprie l’espacel’espace

Avantage des RIA : Personnalisation de produit, les Avantage des RIA : Personnalisation de produit, les RIA vus par QUICK STEPRIA vus par QUICK STEP

Apports & Fonctionnalités

Gain de temps en magasin

Immersion dans le produit

Le produit dans la main du prospect, il explore

Avantage des RIA : Configuration de produit Avantage des RIA : Configuration de produit en ligne, le cas Citroënen ligne, le cas Citroën

Choix des couleurs de la Choix des couleurs de la caisse, Couleur de toit, caisse, Couleur de toit, Garnissage, Adhésifs, Kits Garnissage, Adhésifs, Kits décor, Accessoires…décor, Accessoires…

Visualisation Visualisation 360°, immersion 360°, immersion dans l’univers du dans l’univers du produitproduit