emencia - dossier solution site mobile emencia

7/31/2019 Emencia - Dossier Solution Site Mobile Emencia

1/87

Test s dappl icat ions de crat ion

de

sit es mobile


2/87

Sommaire

1. Analy se de GO| MO ...........................................................................................41.1. Why GO MO ?....................................................................................................... 5

1.2. Tester son site ...................................................................................................... 71.3. Get Started........................................................................................................... 71.4. Mobilizing mobile .................................................................................................. 813.5. For Agencies....................................................................................................... 8

2. Kishk ee .............................................................................................................92.1. Styling : pour personnaliser lapparence ................................................................102.2. Options daffichage..............................................................................................112.3. Statistiques .........................................................................................................112.4. Cration de QR Code............................................................................................122.5. Cration de coupons ............................................................................................12

2.6. Offre produit .......................................................................................................132.7. Remarques ..........................................................................................................14

3. Google Sit e : j usqu 10 0 Mo de st ockage .....................................................153.1. Edition rapide de la zone de contenu.....................................................................163.2. Barre doutils de base...........................................................................................183.3. Ajout dune nouvelle page ultra rapide ..................................................................183.4. Gestion de larborescence.....................................................................................183.5. Edition du Header et du Footer.............................................................................193.6. Personnalisation des couleurs et polices ................................................................203.7. Personnalisation du thme....................................................................................203.8. Personnalisation du modle de page .....................................................................21

4. I loopm obil e ....................................................................................................224.1. Cration dapplications pour smartphone et cration de sites mobiles......................224.2. Systme de cration de coupons / promotions via SMS et code barre..................... .234.3. Service de campagne politique .............................................................................244.4. Conseil en marketing mobile.................................................................................24

5. Julysyst em ......................................................................................................25

6. Dudam obi le ....................................................................................................286.1. Choix et personnalisation du thme graphique.......................................................296.2. Customisation du design ......................................................................................296.3. Ajout de fonctionnalits........................................................................................306.5. Editeur avanc : pour diter ses pages mobiles .....................................................316.6. Dernire tape : personnaliser son url mobile........................................................326.7. Statistiques..........................................................................................................326.8. Montisation........................................................................................................326.9. Remarques..........................................................................................................33

7. Mobif y .............................................................................................................357.1. Cration du site web standard ..............................................................................357.2. Cration de site ecommerce (Mobify Enterprise) ....................................................39

7.3. Tableau de comparaison des fonctionnalits de Mobiby et ses concurrents...............41


3/87

7.4. Remarques ..........................................................................................................42

8. Moov w eb ........................................................................................................43

9. Netbiscuits......................................................................................................459.1. Edition du contenu dune page .............................................................................48

9.2. Gestionnaire de fichiers........................................................................................519.3. Tarifs................................................................................................................. ..529.4. Remarques..........................................................................................................52

10 . Unbou nd .......................................................................................................5310.1. Services proposs ..............................................................................................54

11. Wapple..........................................................................................................5511.1. Crer et diter une page ....................................................................................5811.2. Fonctionnalits de longlet Site............................................................................6111.3. Fonctionnalits de longlet Edit............................................................................6711.4. Gestionnaire de contenu.....................................................................................7111.5. Outils ................................................................................................................7211.6. Aide en ligne .....................................................................................................7311.7. Remarques ........................................................................................................74

12. Wix Mobile....................................................................................................7512.1. Mise en place dun site web en 5 minutes............................................................7612.2. Editer et ajouter du contenu ...............................................................................7812.3. Fonctionnalits proposes en Premium................................................................80

13 . Atm io I nc. .....................................................................................................8213.1. Cration dune landing page ...............................................................................8313.2. Cration dun formulaire .....................................................................................8513.3. Campagne.........................................................................................................8613.4. Variation............................................................................................................8613.5. Reports .............................................................................................................8613.6. Fonctionnalits venir................................... .....................................................8613.7. Montisation ......................................................................................................8713.8. Remarques ........................................................................................................87


4/87

Emencia, SARL au capit al de 750 0 1 rue Lacue 75012 Paris

www.emencia.com

4

1. Analyse de GO| MO

Le site Go Mo est une initiative de Google pour promouvoir le dveloppement des sites webmobiles.

Le site a t entirement dvelopp en HTML5, technologie principalement utilise sur tous lessites web mobiles se voulant anims et dynamiques.

Ce site permet de faire un rapide diagnostic de son site actuel et donne galement un grandnombre dinformations pour lancer son site mobile.

Voici les diffrentes rubriques proposes.


5/87


www.emencia.com

5

1.1 . Why GO MO ?

Rubrique de prsentation qui sensibilise sur la ncessit davoir une version mobile de son site.

Dune part pour avoir un affichage adapt et galement parce que le nombre dutilisateurs mobiles

est en pleine croissance.

Sources: Gartner, 2010; Google Internal Data, 2011; Cisco, 2011

Une mauvaise version mobile peut faire perdre des clients. Cela les incite partir chez lesconcurrents et ne les dcourage pas recommander le site.

Sources: Compuware, "What Users Want from Mobile," 2011


6/87


www.emencia.com

6

Les internautes utilisent de plus en plus la recherche locale via leur mobile.

Sources: Google "The Mobile Movement: Understanding Smartphone Users," 2011

La majorit des internautes mobiles considrent les applications comme ludiques et trs utiles maisils prfrent utiliser un site mobile pour se renseigner sur des tarifs, lire des avis sur des produits,ou mme pour acheter.

Sources: Adobe Systems Adobe Mobile Experience Survey, 2011; eMarketer, 2011

GO MO sensibilise les internautes en donnant des conseils de bonnes pratiques.

La version mobil e doit pr oposer de nombr eux avant ages :

- rapidit- navigation trs simple- fonctionnalits tactiles conviviales- ergonomique- accessible


7/87


www.emencia.com

7

- conversion facile- golocalisation- systme de redirection automatique

1.2. Tester son sit e

GO MO permet de tester son site web grce son GO MO Meter. Aprs lanalyse GO MO gnre unrapport au format pdf.

De nombreux aspects du site sont valus :

- le temps de chargement- affichage des images- taille des textes- fonctionnalits tactiles- golocalisation- clic to call

GO MO donne ensuite des recommandations pour amliorer son site mobile. (ou le crer)

Enfin Google conseille pour les tapes suivantes :

- lancer son site mobile. Possibilit de consulter la liste de prestataires recommands parGoogle

- se rfrencer dans Google places for business afin dapparatre dans la recherche locale(google.com/places)

- utiliser Google Mobile Ads pour promouvoir son activit. (google.com/mobileads)

1.3. Get St art ed

Liste de 12 sites recommands pour la cration de son site mobile et llaboration de sa stratgie.(Google recommande tout de mme de passer son prestataire si on en connat dj un)

Atmio Inc.http://www.atmio.co

m

DudaMobilehttp://www.duda

mobile.com

Google Site Builderhttp://www.sites.goo

gle.com/mobilize

iLoop Mobilehttp://www.iloopmobile.c

om

July Systemshttp://www.julysyste

ms.com

Kishkeehttp://www.kishke

e.com/gomo

Mobifyhttp://mobify.com/go

/gomo/

Moovwebhttp://site.moovweb.com

/?lead_source=gomo


8/87


www.emencia.com

8

Netbiscuits, Inc.http://www.netbiscui

ts.com

UnboundCommerce

http://www.unboundcommerce.com/

gstores

Wapplehttp://wapple.net/go

mo?trk=ggm

Wix.comhttp://mobile.wix.com/

Possibilit de trier par budget, dlai de ralisation et type de service (cration soi mme ou servicecomplet)

Google invite dans un second temps utiliser ses 2 services : Google places et Mobile Ads pour

dvelopper son business mobile.

1.4. Mobilizing mobile

Il est possible de rfrencer son site web sur Google Map pour dire quon va sengager rendreson site mobile.

Ainsi, ce service regroupe sur Google Map lensemble des Socits qui se sont engages rendreleur site mobile

13.5 . For Agencies

Il est possible de sabonner leur newsletter pour tre tenu inform des nouveauts.


9/87


www.emencia.com

9

2. Kishk ee

Aprs inscription, on se retrouve sur une page ddition pour commencer crer son site mobile.

Cration rapide du contenu de la page en insrant les lments en cliquer/glisser (ex : titre, texte,

image, vido, slideshow, )


10/87


www.emencia.com

10

Longlet PAGE SETTINGS permet de grer le header, le footer et la navigation pour chaque page :

- dafficher ou non la navigation le header et le footer- dditer le header et le footer

Possibilit de crer plusieurs pages. On sauvegarde puis ADD A PAGE

2.1. St yling : pour per sonnaliser lapparence

Ldition de lapparence seffectuer sur 4 zones de la page:- Page defaults- Main titles- Sub titles- Button


11/87


www.emencia.com

11

2.2. Opt ions daffichage

Plusieurs options sont proposes :

- Personnalisation du nom de lurl (soit url avec Kishkee, soit url externe)- Icne du site- Affichage de la tooltip pour ajouter site sur son bureau- Code javascript pour dtection des terminaux mobiles

2.3. Statistiques

Personnalisation par priodeDistinction des visites et des visiteurs


12/87


www.emencia.com

12

2.4. Crati on de QR Code

Sert simplement gnrer des QR codes

2.5. Crati on de coupons

Permet de crer des pages spciales qui proposent des coupons de rductions pour les

internautes.


13/87


www.emencia.com

13

- affichage dun code promo- date dexpiration- obliger linternaute sinscrire ou non- usage unique ou non

.

2.6. Offre produit

Toutes les offres proposent :- un trafic illimit- support for over 5000+ mobile devices- Advanced SSL security


14/87


www.emencia.com

14

2.7. Remarques

Bon produit qui reste simple en fonctionnalit. Edition des pages web simple et eff icace. Lesstatistiques restent basiques (uniquement affichage des visiteurs/visites par date)

Kishkee propose un gnrateur de QR code pour chaque site web et propose galement de

gnrer des pages pour des coupons de rduction.

L'onglet PAGE SETTINGS n'est pas toujours accessible ce qui n'est pas pratique pour diter leheader et le footer : il faut toujours sauvegarder, puis faire RETOUR pour pouvoir r accder au"page settings".

Nous navons pas russi crer un beau menu de navigation personnalis et horizontal.

L'affichage d'une rubrique ne se charge pas en slide comme souvent sur Iphone, ce qui estdommage.

Ergonomie : 7Prix : 7Simplicit : 7Richesse fonctionnelle : 7Compatibilit : 9Rapidit de mise en place : 8


15/87


www.emencia.com

15

3. Google Sit e : j usqu 100 Mo de st ockage

CREER UN NOUVEAU SITE

CHOIX DU NOM ET URL


16/87


www.emencia.com

16

3.1. Edit ion r apide de la zone de cont enu

PrvisualisationDe son site

mobile


17/87


www.emencia.com

17


18/87


www.emencia.com

18

3.2. Barr e dout ils de base

3.3. Aj out dune nouvelle page ultr a rapide

3.4. Gestion de larborescence

Dplacement des rubriques par drag & drop


19/87


www.emencia.com

19

3.5. Edit ion du Header et du Footer


20/87


www.emencia.com

20

3.6. Personnalisat ion des couleurs et p olices des dif frent s lment s du site

3.7. Personnalisat ion du t hme


21/87


www.emencia.com

21

3.8. Personnalisat ion du modle de page

Permet dajouter des fonctions de base selon lusage de la page :

- Annonce- Classeur- Liste (ex : todolist)- Classique

Autres fonctionnalits :

- intgration google analytics- intgration google webmasters- restriction daccs pour les collaborateurs uniquement- intgration google adsense- intgration moteur de recherche- possibilit dintgrer des commentaires- associer un nom de domaine personnalis et externe- utilisation de scripts app (voir screenshot ci-dessous)- un systme de backup numrot par version

https://sites.google.com/site/chezvilay/home

Google Sites est un outil trs complet pour crer facilement ses pages mobiles.Linterface est intuitive et lensemble des fonctions principales dun site web sont proposes.Google Sites pour mobile est un bon compromis entre simplicit, fonctionnalits et prix (puisquegratuit).

Ergonomie : 8Prix : 10Simplicit : 8Richesse fonctionnelle : 8Compatibilit : 8

Rapidit de mise en place : 8


22/87


www.emencia.com

22

4. I loopmobile

htt p: / / ww w.iloopmobile.com

Ce service ne permet pas dutiliser un diteur en ligne.

Il nest donc pas possible de tester leur service. Il faut les contacter pour faire appel leursservices.

Iloopmobile se positionne comme un service sur mesure, donc priori haut de gamme.

Voici un aperu des services proposs :

4.1. Crati on dapplications pour smart phone et cration de sites mobiles

- Express Apps : cest un service qui permet de convertir un site mobile en applicationnative. Cela signifie que lutilisateur na pas besoin de lancer le navigateur du tlphonepuisque tout fonctionne comme une application (tlchargeable sur lapp store et autresquivalents pour les autres OS)Ce service est mis en place en moins de 3 semaines.

- Enhanced Apps : propose la mme chose quExpress Apps mais offre des fonctionnalitssupplmentaires. Il est ainsi possible dutiliser les capacits du smartphone pour aller plusloin avec son application : acclromtre, camra, golocalisation, magntophone, disquedur, rpertoire, agenda, sonnerie/vibreur.


23/87


www.emencia.com

23

- Applications sur mesure- Site mobile en HTML5 : service sur mesure pouvant inclure de nombreuses fonctionnalits.

On peut notamment mettre en place des fonctionnalits du type : utilisation de lapplicationen mode non connecte, golocalisation, systme de cliquer/dposer, tout type de richmedia.

Les tarifs ne sont pas communiqus sur leur site.Leur offre tarifaire est cependant assez souple puisquil est possible de payer sous formedabonnement mensuel plutt que de payer un important cot fixe au dpart ( condition desengager sur 1 an).

4.2. Systm e de cration de coupons / prom ot ions via SMS et code barre

Ce systme est galement une prestation de service propos par lquipe Iloop. Il nest donc paspossible de tester en ligne.

Ce systme fonctionne avec des points de ventes existants tels que Verifone, Microsoft, ...

Le principe est donc denvoyer une offre promotionnelle.

Les internautes qui la reoive rcupre un code de rduction via leur mobile. Ce code est utilisabledans les magasins utilisant ce sytme de couponing.

Enfin il est possible de tracker exactement la provenance des internautes qui ont utilis le couponpour optimiser ses campagnes de rductions par la suite.


24/87


www.emencia.com

24

4.3. Service de campagne poli t ique

Un systme pour grer sa campagne politique afin de toucher un maximum de votants. Lide dece service est ne avec la campagne de communication de Barack Obama lors des lectionsamricaines en 2008.

4.4. Conseil en mark etin g mobile

- 3 heures de conseils- Evaluation des meilleurs outils pour votre stratgie (sms, site mobile, autres, )- Dfinition des mtriques permettant de mesurer vos objectifs et choix de loutil vous

permettant de mesurer les rsultats.- Mise en place de recommandations compltes pour dmarrer.

Leur brochure est tlchargeable cette adresse : http://www.slideshare.net/iLoopMobile/product-offering-carrier-mobile-marketing-solutions-services

Iloop Mobile propose donc un service trs complet grce de nombreuses technologies :

- systme sms- systme de coupons- diteurs- statistiques- plateforme dadministration des diffrents services- etc

Cest donc un service qui semble adapt aux personnes qui dsirent un service personnalis etaccompagn de conseils.

Ne pouvant tester ce service, il nest pas possible de se prononcer sur les avantages etinconvnients.

Ce package inclut :

- 10 heures de conseils stratgiques pour votre campagnemobile.

- Systme dalerte sms/messages mobiles pour toucher votrecible

- Base de donnes constitue grce aux alertes sms- Cration dun site mobile compos de vido et audio- Outils de statistiques pour pouvoir analyser le trafic lis aux

sms et venant sur le site mobile

Dlai de mi se en pl ace :

- systme dalerte sms : 5 jours- site mobile : 15 jours


25/87


www.emencia.com

25

5. Julysystem http://julysystems.com/

July Systems a dvelopp un service appel Mi Platform qui permet de : Crer, grer, marketer et

montiser son site mobile3 services sont proposs :

- Elaboration de design et intgration- Support et intervention sur leur plateforme de cration de site mobile.- Mise disposition de leur diteur de site web : Mi Platform

Mi Platf orm

Il faut demander par email un accs pour tester gratuitement pendant 30 jours la plateforme Mi.Une fois lemail, reu on reoit des accs pour tlcharger une application qui doit sinstaller surlordinateur (et requiert Adobe Air)

Une fois installe en 30 secondes, on sidentifie pour commencer.


26/87


www.emencia.com

26

Problme de connexion serveur.Nous re-testerons un peu plus tard.

Plusieurs fonction nalit s :

- Editeur de site- Gestionnaire de fichiers

(images, vidos)- Editeur de flux- Outil de publication de

messages- Outils de statistiques


27/87


www.emencia.com

27

Aprs plusieurs tentatives, le mme message derreur apparat.

July System a dj plusieurs rfrences

Leur site web met en avant la personnalisation, lditeur de site mobile, outils de statistiques, loutilde gestion de campagne de pub, intgration dans les store mobile, mdia sociaux, coupons et sms

Il nest pas possible de commenter les avantages et inconvnients du service puisque leur systmeest inaccessible au moment du test.


28/87


29/87


www.emencia.com

29

6.1. Choix et personnalisat ion du t hme graphiqu e (plus de 100 t hmes proposs)

6.2. Custom isation du design

Personnalisation gnrale, du header, footer, menu de navigation,


30/87


www.emencia.com

30

6.3. Ajout de fonct ionnalits

La version premium $9 permet de supprimer les encarts publicitaires, ajouter un click to call,ajouter son adresse postale sur un plan et choisir son url personnelle.

Il ne reste plus qu valider pour obtenir son url mobile


31/87


www.emencia.com

31

6.5. Edit eur avanc : pour dit er ses pages mobil es

Possibilit de supprimer, modifier et ajouter des lments textes, images, carte, boutons facebook,etc

NOTE : on supprime sur une seule page certains contenus et il les supprime automatiquement surles autres pages.

Cette automatisation fait gagner pas mal de temps.


32/87


www.emencia.com

32

6.6. Derni re tape : personnaliser son url m obile et param tr age de la redirecti onpour les mobiles

On peut soit utiliser lurl par dfaut (ex : http://mobile.dudamobile.com/site/services-a-la-maison )soit on dfinit sa propre url.

Dans le cas dune personnalisation il faut crer un enregistrement CNAME chez son registrar.

NOTE : seule la version Premium permet de bnficier de cette personnalisation.

Dudamobile gnre automatiquement un code javascript placer sur son site web af in de grerautomatiquement la redirection sur le site mobile (si le visiteur utilise un mobile).

6.7. Statistiques

- Source de trafic- Appareils : mobiles, ordinateurs, - Golocalisation- Pages consultes

6.8. Mont isat ion : offre Premium $9 / mois

- Nom de pages illimites (contre 10 en gratuit)- Bande passante illimit (contre 500 Mb en gratuit)-

Sans publicit et url personnalise (sinon pub et url Duda)- Affichage dun click to call, plan de lentreprise, etc (fonction dsactive en gratuit)


33/87


www.emencia.com

33

6.9. Remarques

Dudamobile est un des services les plus intuitifs parmis les sites Gomo.

La cration dun site est vraiment simple, agrable et rapide !

En effet, partir de lurl dun site web, Dudamobile cre automatiquement le site web mobile. (Ilanalyse larborescence pour crer la navigation et les pages)

Leur systme est capable deffectuer automatiquement les mises jour du site mobile. (il dtecteles mises jour faites sur le site standard)

Un large choix de thme graphique est propos.

La version pro $9 dollars permet de dbrider toutes les limites de la version gratuite. (pub, 10pages max, )

I nconvnients :

- Trop dautomatisation peut tuer la personnalisation : sur certains sites, le gnrateur de sitesmobiles ne cre pas un site prsent et organis comme on le souhaite.

- Mise en avance de contenu inutile, menu de navigation inadapt pour une version mobile, Celapeut tre problmatique pour un certain nombre de sites.

Le support de Dudamobile ma rpondu quil tait possible de rajuster cet affichage via lditeuravanc. Cependant ils vont regarder ce quils peuvent faire pour grer laffichage des sous-rubriques : I went into your site and attached the navigation menu for you. If you use our advanced editor,you can move around and clean up the links. Your site did not detect the sub-navigationautomatically but I am looking to see if we can get that to work for you, I will update you soon


34/87


www.emencia.com

34

Ergonomie : 10Prix : 9Simplicit : 10Richesse fonctionnelle : 7

Compatibilit : 7Rapidit de mise en place : 9


35/87


36/87


www.emencia.com

36

Les slecteurs ci-dessus indiquent le libell de la base html : h1, span, td, div, h2, etc

Il suffit de cliquer sur les lments que lon veut conserver pour la version mobile.

Une fois valid, Mobify nous redirige vers la page dun diteur css qui correspond la feuille de

style des lments slectionns.La Matrise des css est obligatoire pour personnaliser son site mobile.

Il est aussi possible dajouter du code HTML comme lindique la capture dcran ci-dessus.


37/87


www.emencia.com

37

Une fois le design adapt la version mobile, on arrive sur la dernire tape : Manage

Diff rent es fonct ionnalit s sont possibles :

- personnalisation de lurl du site (ex : mobile.emencia.com) + script de dtection duterminal utilis pour rediriger ou non sur la version mobile

- intgrer de la publicit sur le site mobile (Admob publisher ou Adsense)- Intgration de Google Analytics- Gestion des paramtres de chaque page du site mobile

La gestion des paramtres de chaque page est galement peu intuitive et difficilementcomprhensible compar aux autres services.

Il est possible dobtenir un rsultat intressant en personnalisant correctement sa feuille de style etajoutant les bonnes balises HTML


38/87


www.emencia.com

38

2 types dabonnements mensuels sont proposs :- Pro $249- Publisher $1000


39/87


www.emencia.com

39

7.2. Crati on de site ecommerce (Mobif y Ent erpri se)

Le service de cration de site ecommerce ne peut pas tre test en ligne. Les tarifs ne sont pasnon plus communiqus.

Mobify utilise HTML5, CSS et Javascript et AJAX pour raliser des applications mobiles.


40/87


www.emencia.com

40

Les donnes du site mobile sont automatiquement synchronises avec le site principal.

Mobify gre automatiquement les redirections entre le site principal et mobile. Avec une mme urlMobily gre laffichage adapt.


41/87


www.emencia.com

41

7.3. Tableau de comparaison des fonct ionnalit s de Mobiby et ses concurr ents


42/87


www.emencia.com

42

Parmi les rfrences clients

7.4. Remarques

Mobify propose 2 services distincts : pour site normal et site ecommerce.

Il est possible de tester le site normal mais par le service ecommerce.

Concernant la conception de site standard, loutil de personnalisation du design est beaucoup pluscompliqu que la plupart des services. Seuls les utilisateurs maitrisant les feuilles de style sontcapables de personnaliser la page. Loutil est donc conseill pour les utilisateurs ayant un niveauavanc.

Le service ecommerce ne peut pas tre test donc aucune remarque ne peut tre effectue sur ceservice.



43/87


44/87


www.emencia.com

44

Moovweb propose simplement une dmo de leur site.


45/87


www.emencia.com

45

9. Netbiscuit shttp://www.netbiscuits.com

Net biscuits propose la cration dapplications natives ou de sites mobiles.

Plusieurs services sont proposs par Net Biscuits :

- Editeur de site en ligne- Gestionnaire de fichiers- Flux mobile- Systme de points dintrts gographiques- Outil de cration de coupons- Outils de statistiques

Lorsquon cre un compte, on peut accder lditeur de site mobile. Il ressemble unexplorateur de fichier.


46/87


www.emencia.com

46

Pages dj cres Modle type de page ajouter par cliquer glisser

Aperu de la page

3 onglets pour basculer de la gestion despages la gestion des modules et mdias


47/87


www.emencia.com

47

Il suffit de changer lordre des lments de la colonne de gauche pour changer leur dispositiondans la page.

Le bouton permet dafficher le code XML mais il ne permet pas dditer le contenu.


48/87


www.emencia.com

48

9.1. Edit ion du cont enu dune page

Pour diter le contenu, il faut slectionner llment (appel biscuit ) quon souhaite diter. Parexemple pour crire Emencia :

Et ainsi de suite pour chaque lment


49/87


www.emencia.com

49

36 fonctionnalits (biscuits) sont proposes pour lintgration dans les pages. Il suffit de faire uncliquer/glisser pour en ajouter un.

14 modles de page sont dj disposition. Cela permet de gagner du temps en utilisant unestructure dj existante ainsi que des exemples de texte quil y a simplement remplacer.


50/87


www.emencia.com

50

Par exemple, parmi les diffrents modles de page, le template agenda aff iche le visuel ci-dessus droite.

La page agenda est donc un assemblage pr-format de biscuits .

On peut ensuite visualiser la page sur un cran dIphone

On peut dfinir des containers et des colonnes

Cela sert placer les lments dans diffrents conteneurs ou colonnes


51/87


www.emencia.com

51

9.2. Gest ionnair e de fichiers

Il est possible de parcourir et grer ses diffrents mdias via un explorateur de fichiers (mediarepository). Ils sont classs par catgorie.

Net Biscuit propose galement un systme de coupon et un systme de cration de pointsdintrt (POI Locator).


52/87


53/87


www.emencia.com

53

10. Unboun dhttp://www.unboundcommerce.com

Unbound est spcialis dans la cration de site ecommerce.

Ce service ne propose pas de doutil de cration gratuit.

Il nest donc pas possible de tester ce service.

3 f orm ules sont proposes :


54/87


www.emencia.com

54

10.1 . Servi ces proposs

Logiciel de p rsence mobil e

- le site mobile est automatiquement synchronis avec le site principal- gestion du site mobile en sadaptant parfaitement au site principal.- cration dune application ecommerce pour Facebook, Iphone ou autre mobile.- Mise disposition dune solution ecommerce pour les PME. Cette solution inclus : un design

adapt, intgration catalogue, systme de commande par carte de paiement, outil destatistiques, click to call, support technique

Le site ne fournit pas dlments concernant les fonctionnalits de ses services.

Rfr ences client s :

- Dover Saddlery

- Cyberweld.com- Blair Candy- Finish Line- Sports Unlimited- ABC Underwear- Finish Line- K&L Wines- Sports Unlimited


55/87


www.emencia.com

55

11. Wapple

Wapple propose diffrents services autour de la cration de sites mobiles.

Parm i ses serv ices :

- design : service de design et optimisation de lexprience utilisateur- conception et intgration du design- adaptation du site original pour un site mobile- expertise en stratgie marketing pour mobile- consulting pour la mise en place stratgique du service mobile- mise disposition de sa technologie de cration de sites mobiles

Il se positionne clairement sur le domaine du conseil, accompagnement, et prestation de servicede design et conception.

La plateforme de cration nest donc quune partie de leurs services.

Il existe une version gratuite de leur service afin de crer une version mobile standard.

Une fois inscrit sur leur service on accde au tableau de bord.

On peut ainsi dmarrer la cration dun site mobile.


56/87


www.emencia.com

56

On commence par choisir la structure du site :

- une page adapte pour le clic to call- une page adapte pour collecter des leads (formulaire de contact)- une page proposant des pages supplmentaires telles que FAQ, propos, contact. La page

inclus galement un click to call et formulaire de contact


57/87


www.emencia.com

57

On peut dmarrer dune page blanche. Essayons cette option.

Cela nous affiche lditeur :

Multiples fonctionnalits proposes dans lditeur.

Aprs une dizaine de minutes, on ralise que lditeur nest pas trs intuitif : lajout de page et de

texte nest pas trs clair.


58/87


www.emencia.com

58

11.1. Crer et dit er une page

La page se rajoute la liste des pages dj cres, on peut alors diter la structure de la page.


59/87


www.emencia.com

59

Choix de llment intgrer. On choisit text .

Intgration dune css personnalisepossible

Wapple fonctionne avec un systme de chunk qui est une sortedobjet/lment quon cre une seule fois et qui peut sintgrer dansnimporte quelle page.


60/87


61/87


www.emencia.com

61

Le texte dune autre page saffiche en titre principal (alors que nous navons pas demanddutiliser ce texte)

11.2. Fonction nalit s de longlet Site

Accs :- Raccourcisseur durl- Personnalisation de lurl- Systme de restriction par zone gographique- Cration de campagne : permet de tester plusieurs types de contenu ou de page pour

identifier la combinaison la plus efficace.- Blocage des navigateurs web (blocage ou non)

Permi ssions : g est ion des droit s daccs des utili sat eurs.

On dfinit les droits de lecture, dcriture et on dfini lappartenance un groupe pour chaque

utilisateur.

Aprs 2 heures de test pour essayer decrer les premires pages du site, rien naavanc.

Le systme est vraiment peucomprhensible.

Passons plutt la prsentation desfonctionnalits


62/87


www.emencia.com

62

Propr its :

- langues : on slectionne les langues actives pour le site- paramtres par dfaut : on slectionne les rglages par dfaut :

> langue avec option de dtection auto via HTTP_ACCEPT> page derreur personnalise> largeur de la page> rcriture durl> options de scrolling

- Un onglet Price points permet de dfinir dautres paramtres par dfaut pour la vido,le mur, larticle, le diaporama,


63/87


www.emencia.com

63

Un autre onglet permet de dfinir les proprits graphiques par dfaut.

Peu comprhensible (et surtout complexe) sans mode demploi.


64/87


www.emencia.com

64


65/87


www.emencia.com

65

- Jpeg quality : il est possible de paramtrer la qualit dimage de chaque image jpg du site.(icne de galerie, tlchargement, preview, video previews, video icons, )

- Iphone setting : taille de police, chelle de zoom (max-min), affichage de vignettesminiatures pour les vidos, choix de licne pour le bureau

- DRM : protection de chaque lment : image, vido, sonnerie, animation, - Paramtrage des outils de statistiques :

> Admob analytics> Bango analytics> Google Analytics> Google Webmasters Tools


66/87


www.emencia.com

66

- Dfinition de rgles pour chaque type dOS mobile (Iphone, Android, RIM OS, ) pouraffecter une redirection, afficher des blocks supplmentaires,

- Reconnaissance dadresse IP : permet de personnaliser les paramtres selon les adressesIP dfinies.

- Contrles avancs :> utilisation de ou de

> choix entre feuille de style interne ou externe> arrire plan horizontal ou vertical

Pour chaque paramtrage, de nombreuses options sont possibles.

Lutilisateur peut donc personnaliser un trs grand nombre de rglages sur son site.


67/87


www.emencia.com

67

11.3. Fonction nalit s de longlet Edit

Gestio n des pages

Manager de pages : gestion et dition des pages.

Pour chaque page on peut diter un certains nombre de paramtres

- mots-cls utiliss dans lurl- meta description- meta keywords- fond dcran- dure du cache de la page- largeur de la page- dition, duplication, suppression

Gest ion des m ega chunks

Le mega chunk est un lment qui est cre une seule fois et qui peut ensuite sintgrer sur lespages souhaites.

Cest le cas du header et du menu.


68/87


www.emencia.com

68

Gest ion des menus

Gestion des styles

Permet de dfinir des proprits css de faon assez avances.

Text size, text style, text decoration, vertical align, text indent, padding, marge, bordure, input,a:hover, a:visited,

(voir ci-dessous)


69/87


www.emencia.com

69

Il est galement possible de df inir une feuille de style personnalise.

Gest ion des text es

Il est possible de dfinir un affichage de texte en alatoire si on slectionne un text pool alatoire.


70/87


www.emencia.com

70

Gestion des images

Gestio n des fonds dcran

Gest ion des fi ligr anes


71/87


www.emencia.com

71

Fonctionnalits supplmentaires (modules)

- FAQ : cration de questions/rponses- Sondage :

> limitation du nombre de rpondants et date limite> affichage des rsultats : la fin, la fermeture des votes, jamais

> type de graphique> arrire plan / couleur du graphique> taille et largeur des diagrammes ou courbe du graphique> taille/couleur des polices et ombres portes> message de dbut, fin et fermeture du sondage

- Boite de commentaires (gestions des commentaires : approuvs, refuss, )- Formulaire : paramtrage dune url externe pour rcuprer les donnes. (method : post,

get ou send) et module dexportation des donnes par priode.- Quizz : fonction comme le formulaire (dont url externe possible) sauf quon cre une

question et la liste des rponses possibles- Shop : cration dune boutique avec catgories et groupes de produits.- Location groups : permet de crer un groupe de boutiques (par exemple Starbucks) et ainsi

de regrouper tous les diffrents emplacements dans un seul groupe. Cela permet derechercher plus facilement une enseigne en prenant en compte la golocalisation.> langue : personnalisation de tous les mots utiliser pour la recherche (bouton valider,pas de rsultats, lancer une nouvelle recherche, comment nous contacter ? etc)> gestion de laff ichage : activation ou non pour chaque lment : descriptif, adresse 1,adresse 2, , affichage ville, affichage pays, affichage fax, tlphone, nom du contact, affichage ou non du plan.

11.4. Gest ionnair e de contenu

- Gestionnaire de mdias : flashlite, java. Permet dimporter de nouveaux fichiers.- Cration de sets : cela permet de regrouper diffrents types de mdias autour dune mme

thmatique. Par exemple si on vend des produits pour une pop star on regroupe tous lesproduits dans un mme set (photos, fonds dcran, vidos, musiques, sonneries)

- Cration darticles classs par catgorie- Flux RSS (choix du set, langue, url du flux, frquence de mise jour, anciennet maximum

dune entre)- Catgorie de sets : permet de regrouper un ensemble de sets dans une catgorie (par

exemple : Michael Jackson, Madonna, U2 et Lady Gaga sont des sets et on les regroupedans une catgorie)

- Espace de stockage de donnes (maximum 4mb par fichier)- Tlchargement des donnes du site au format csv (sets, catgories, dossiers, liste des

tarifs, )- Client FTP en Flash afin de grer les donnes hberges- Personnalisation de media : possibilit de slectionner un format de sortie de fichier vido

afin dautomatiser par la suite limportation dun fichier pour le convertir automatique dansle format souhait (3gp, mpeg4, windows movie et choix du bitrate)

- Label : personnalisation de tous les termes fonctionnels du site.


72/87


www.emencia.com

72

11.5. Out ils

De nombreux outils trs spcifiques sont proposs dans la rubrique outils .

Diffrentes statistiques sont proposes :

- Visites/pages vues- ventes- golocalisation

Possibilit de tlcharger les stats, et de recevoir un rapport par email.

Les stats sont dissociables pour chaque campagne.


73/87


www.emencia.com

73

Wapple propose aussi dafficher une vue globale de tous les canvas (fonctionnalits) quil propose.

11.6. Aide en ligne

Wapple propose de laide en ligne :

- guide de dmarrage- cration dun template- aide gnrale- cration de chunks- tutoriel vido- glossaire- spcifications techniques


74/87


www.emencia.com

74

11.7. Remarques

Wapple sadresse un public trs averti !

Il est indispensable de consulter laide en ligne pour russir mettre en place un site mobile.

Le service est difficile prendre en main et peu intuitif.

Wapple semble pourtant tre le service le plus complet en fonctionnalits mais il y a justementtrop de possibilits de paramtrage, ce qui le rend trop complexe utiliser.

Peut-tre faudrait-il rduire le nombre doptions et se concentrer sur lessentiel

Ergonomie : 6Prix : 7

Simplicit : 1Richesse fonctionnelle : 10Compatibilit : 9Rapidit de mise en place : 7


75/87


www.emencia.com

75

12. Wix Mobile http://mobile.wix.com/

Wix Mobile propose un service trs simple dutilisation pour crer un petit site vitrine. Le service

est encore en version Alpha.Il permet de crer facilement des pages en intgrant automatiquement les modules dont on abesoin (ex : album, paragraphe, liste de produits, carte, rseaux sociaux, etc)


76/87


www.emencia.com

76

12.1. Mise en place dun sit e web en 5 m inut es

Choix dun template parmi 18 modles

Ensuite on choisit le nom du site, lurl du site et sa catgorie.

Il ne nous reste plus qu diter les pages du site (4 pages sont prformates : home, about,services, contact).


77/87


www.emencia.com

77

Le site est termin est une url est directement aff iche pour se connecter avec son mobile.

On remplit les contenus (textes,images, lien, etc) pour chaquepage.

Une fois les 4 pages dites,il ne reste plus qu valider pourfinaliser la cration de son site.


78/87


79/87


www.emencia.com

79

Personnalisation du titre du header + image

Il est possible de rajouter des pages. Au moment de lajout Wix Mobile demande de choisir un typede page.

On peut par exemple ajouter une rubrique rseaux sociaux .


80/87


www.emencia.com

80

Pour supprimer une page il suffit daller sur la page Home af in de grer les diffrentes pagesdu site

Il nous reste simplement regarder le rsultat sur lurl mobile :http://m.wix.com/arnaud3/emencia

On constate que la version gratuite intgre un bandeau publicitaire en haut de lcran.

Les liens vers les rseaux sociaux lance le navigateur du tlphone (il ny a donc pas dechargement intgr dans le site mobile)

Les fonctionnalits sont trs limites en version gratuite. (Mais il sagit dune version alpha)

12.3. Foncti onnalit s proposes en Premium

Plusieurs avantages sont proposs en version Premium :

- Utilisation de son url personnalise- Systme de dtection et redirection si mobile- Suppression du bandeau publicitaire- Statistiques Google Analytics- Hbergement plus performant (espace disque, bande passante, )- Assistance technique- 14 jours dessai gratuit


81/87


www.emencia.com

81

Il y a 4 formules premium.

Remarques

Wix Mobile propose un service trs simple dutilisation.

Cest simple et rapide pour crer son site mobile.

En revanche, cest un site encore en version Alpha et par consquent ce service propose trs peude fonctionnalits.

Mme en version Premium, certains services concurrents proposent plus de fonctionnalits enmode gratuit... Il faut donc surveiller ce service pour dcouvrir ses prochaines volutions.

Bien que les versions premium appliquent des tarifs trs raisonnables, les fonctionnalits restentvraiment limites.



82/87


www.emencia.com

82

13. At mio I nc.

http://www.atmio.com

Contact: [email protected]: (408) 899-7391

Areas of expertise: Mobile Landing Pages; Mobile marketing; Targeting & Optimization; IntegratedSMS

Lapproche est totalement diffrente de Google Sites.

Il ne sagit pas de cration dun site web mobile.

Ce service est orient landing page ce qui signifie que chaque page cre est un lmentindpendant (il ny a donc pas la notion de menu de navigation).

Plusieurs actions possibles :

- cration dune landing page : page statique compose de diffrents composants- cration dun formulaire- galerie dimages- campagne- variation- reports


83/87


www.emencia.com

83

13.1. Crati on dune landin g page

- choix du type de provenance : web, qr code ou sms (permet ensuite de distinguer le type

de provenance)


84/87


www.emencia.com

84

- url de la landing page : url atmio ou url externe- ID Google Analytics- Personnalisation couleur fond et texte des lments de la page- Choix des terminaux mobiles autoriss afficher la page (cf screenshot ci-dessous)- Possibilit de cibler par langue

- Cration des diffrents lments de la page


85/87


www.emencia.com

85

13.2. Cration dun form ulaire

Cration des lments du formulaire

Personnalisation du processus denvoi du formulaire


86/87


www.emencia.com

86

- Message afficher aprs validation du formulaire ou bien redirection sur une autre page.- Notification email ou non- Envoyer les donnes sur une url distante afin de pouvoir rcuprer les donnes dans sa

base de donnes par exemple- Intgration du code Google Conversion pour le suivi Adwords

13.3. Campagne

Cela permet de regrouper dans une mme campagne un ensemble de landing pages qui serontdiffuses en alatoire.

Cest la fonctionnalit VARIATION qui permet de dfinir les critres de diffusion alatoire.

13.4. Variat ion

Il est possible de dfinir des horaires et jours diffrents pour chaque campagne. Cest dans larubrique variation quon associe une campagne un type de variation.

13.5. Report s

- Liste de lensemble des visiteurs ayant visit les landing pages (classement par provenance,ip, date, email/sms, )

- Tableau regroupant les rponses au formulaire- Possibilit dextraire les donnes au format Excel

13.6. Fonction nalit s venir

Ciblage gographique Ciblage Query string parameter


87/87

13.7. Montisation

13.8. Remarques

Atmio nest pas un outil pour crer un site web mobile mais plutt pour crer des landings pages(donc des pages indpendantes).

Ce service est trs orient ROI ce qui signif ie que de nombreuses options sont mises dispositionpour tracker et optimiser ses taux de conversions.

Outil idal pour un site orient ROI ou qui souhaite crer des pages html simples.

Dconseill pour un site vitrine mobile.

Ergonomie : 7Prix : 7Simplicit : 7Richesse fonctionnelle : 8

Compatibilit : 7Rapidit de mise en place : 7

emencia - dossier solution site mobile emencia

Documents