...

Inspirations

Agence web, Inspirations

3Vision-group développe un e-mail pro en HTML responsive pour vos clients

L’email (ou newsletters) reste encore aujourd’hui un moyen efficace de transmettre des informations à ses utilisateurs ou clients. En mode texte, pas de problème, c’est une interprétation standard sans difficulté. En mode HTML, c’est un art très délicat, en partie parce qu’il existe sur le marché de nombreux clients de lecture de courrier électronique qui se comportent très différemment (maintenant encore plus que les navigateurs classiques). Cette différence d’interprétation des e-mails au format HTML provient de plusieurs facteurs :

  • Les clients e-mails lourds (Outlook, Thunderbird, Lotus Notes…) ont un fonctionnement radicalement différents des webmails (Gmail, Yahoo Mail, Hotmail, Outlook.com…).
  • Ces mêmes webmails imposent des règles très strictes sur le code HTML et CSS contenu dans les e-mails car les messages sont eux-mêmes affichés dans une structure de page web qui a ses propres styles. Entre autres, Outlook.com ne supporte pas les marges.
  • Et enfin le plus consternant : certains moteurs sont très exotiques, par exemple Outlook 2013 utilise toujours le moteur d’interprétation HTML de… Word ! Ce qui signifie virtuellement que la prise en charge de CSS dans Outlook n’a pas changé entre les versions 2007, 2010 et 2013, là où les navigateurs ont fait des bonds de géants.

Mettons un terme à vos envies les plus folles dès maintenant : plus encore que le web, générer des emails graphiques en HTML sur toutes les plateformes, au pixel près, relève de l’utopie.

Par exemple, voici un rendu du modèle proposé dans cet article sur la version Web d’Outlook et le client Outlook Windows 8 (quoique très récent, promu par le même éditeur, et pour le même événement).

Mail Outlook web
Outlook.com
Mail Outlook Windows 8
Outlook pour Windows 8

Voici quelques astuces et bonnes pratiques pour obtenir des e-mails au rendu proche sur la majorité des programmes. Tout au long de l’article, nous allons faire référence aux compatibilités CSS des clients mails. Vous pouvez trouver un excellent tableau récapitulatif chez Campaignmonitor. Vous pouvez également télécharger les deux fichiers sources utilisés pour cet article (fichier zip, 15 Ko).

Quelques règles de base pour HTML et CSS

Des tableaux pour la mise en page

Oubliez ce qu’on vous a appris à l’école : pour les e-mails, les tableaux, c’est le bien. Enfin, c’est plutôt qu’il n’y a pas beaucoup de choix. Attention, nous ne disons en aucun cas que les éléments de bloc comme <div> ou <p> sont à proscrire, mais quand il s’agit de la mise en page, il vaut mieux utiliser des tableaux puisque les placement en CSS utilisant display ou même float deviennent problématiques sur les clients mail.

Du CSS en ligne, pour la mise en forme

Là encore, il y a de quoi bondir, mais quand il s’agit d’e-mail en HTML, il vaut mieux utiliser des styles en ligne directement sur les éléments concernés (c’est-à-dire avec l’attribut style=""). En effet, certains clients mail (dont Gmail et Android 2.3+) vont ignorer toute balise <style> se trouvant dans la section <head>. Les feuilles de style externes ont également de fortes chances d’être ignorées en fonction du client mail. Tout style déclaré de façon pratique, commune dans l’en-tête du document, de façon interne ou externe, est potentiellement voué à être ignoré. C’est très contraignant, il existe des outils tels que Premailer pour appliquer automatiquement – dans la mesure du possible – les styles en ligne dans un attribut style, pour les balises composant l’e-mail.

Premailer

Le Doctype

Souvent, l’absence d’un Doctype entraînera une mauvaise interprétation, en particulier lorsque vos utilisateurs consultent votre e-mail dans un navigateur (par exemple, Gmail sur Chrome). Pour les newsletters, il est actuellement préférable d’utiliser le type de document XHTML 1.0 Strict. Notez cependant que Gmail et Hotmail incluent le doctype HTML5 depuis 2010. Pour ce faire, vous pouvez tester votre conception dans plusieurs navigateurs sans le doctype afin que le client de messagerie l’ignore de toute façon, puis ajoutez le doctype et voyez si le résultat correspond toujours. Pour plus d’informations, consultez l’article en anglais sur les tests de type de document.

bonnes habitudes d’utilisation
N’oubliez pas de fournir un lien qui permet à l’utilisateur de le visualiser dans le navigateur et vous lui éviterez la frustration de ne pas toujours choisir un client de messagerie.
N’oubliez pas également de toujours inclure la version en texte brut (le même message peut contenir une combinaison de version HTML et d’alternative en texte brut), qui sera plus lisible et plus facile d’accès, selon le client de messagerie choisi et ses paramètres.
Une newsletter uniquement en images est aussi tentante : pas de soucis entre clients, et le rendu est parfait. Mais gardez à l’esprit que de nombreux programmes n’affichent pas les images par défaut et que l’utilisateur doit l’autoriser. Il est donc préférable d’éviter trop d’images et trop peu de texte, sinon votre message ne sera jamais lu. Des statistiques sont fréquemment publiées sur ce sujet : les utilisateurs ignorent ou suppriment simplement les e-mails avec des conceptions complètes qui n’affichent pas d’images. Surtout, n’oubliez pas l’attribut alt, ce sera la seule information affichée pour les utilisateurs qui n’ont pas activé les images !
Bien que le code soit beau et bien codé, tenez également compte du fait que les utilisateurs n’auront peut-être plus besoin de votre newsletter. Par conséquent, le lien de désabonnement (fonctionnel) en bas de page est également considéré comme obligatoire.
Modèle d’e-mail avec feuille de mise en page

Comme spécifié dans les règles de base, nous privilégierons les tableaux HTML pour la mise en page. Les marges entre les éléments deviendront des cellules vides. <div> et <p> ne peuvent pas être évités au moins. Il est parfaitement possible de les utiliser, mais à l’intérieur du layout. Les largeurs fixes (en pixels) sont également plus efficaces que les unités em ou %, mais vous pouvez utiliser % si vous souhaitez un e-mail adapté à la taille du client.

Ceci est un exemple concret d’une conception d’e-mail simple typique qui peut avoir plusieurs colonnes. À gauche se trouve la version en surbrillance de la cellule du tableau, à droite se trouve le rendu final :

Screenshot du rendu final de la template, à gauche avec les zones de tableau délimitées, à droite sa

Consulter la démonstration en ligne

N’hésitez pas à consulter le code source de la démonstration pour visualiser la structure HTML.

Ce qu’il faut noter :

  • Nous avons découpé notre structure en plusieurs tableaux : un grand tableau englobe tout l’e-mail et a une largeur de 100% pour que le fond bleu prenne toute la place. Pour cette technique il faut néanmoins faire attention à Outlook (2007 et 2010) pour lesquels des sauts de page sont insérés environ tous les 1790px et risquent de casser le design en tableau. Dans ce cas, il vaut mieux encapsuler son site dans un span  (merci @HTeuMeuLeu  pour la précision).
  • À l’intérieur de ce tableau “faux <body>” on retrouve un sous-tableau pour l’en-tête avec le logo, un tableau pour le contenu, qui lui-même contient plusieurs autres tableaux, et un dernier pour le pied de page.
  • Puisque le padding (marge interne) n’est pas bien supporté sur beaucoup de clients, il vaut mieux ajouter une colonne vide à gauche et à droite pour séparer le contenu du bord.
  • Avec l’attribut border il n’est pas possible de ne définir qu’une seule bordure, des lignes vides (<tr>)  avec des  hauteurs fixes permettent de créer des séparations d’un pixel de haut. Technique à utiliser avec parcimonie cependant, comme le mentionne @HTeuMeuLeu Outlook 2013 ne supporte pas les cellules de moins de 4px de haut.
  • Les largeurs sont données directement à nos tableaux et à nos cellules (<td>), cependant l’image du chaton étant plus large, elle va agrandir la dernière cellule.
  • Il est tout à fait possible d’utiliser à l’intérieur de cette mise en page des éléments <div><p>, listes <ul><ol> et autres éléments HTML.
  • Il est possible d’utiliser les différents attributs de tableau (certains obsolètes hélas) pour un affichage plus efficace :
    • valign="top" ou valign="bottom" pour choisir l’alignement du contenu en haut ou bas de cellule <td>
    • bgcolor pour donner une couleur de fond à la cellule <td>
    • border pour définir la largeur des 4 bordures (zéro équivalant à pas de bordure) et bordercolor pour définir une couleur de bordure (il n’est pas possible de ne définir qu’une bordure des 4 bordures à la fois)
    • cellpadding="0" pour définir un espacement de zéro entre le contenu de la cellule et sa bordure et cellspacing="0"  pour définir un espacement de zéro entre les différentes cellules.
    • colspan="X" pour fusionner X cellules
    • align="left" ou align= »right » ou align="center" pour aligner le texte

Conseils “CSS” pour un affichage optimal

Pour s’assurer que les styles CSS soient bien pris en compte, il existe quelques règles simples à respecter.

Règles générales

Dans notre cas, pour la couleur des titres, nous avons placé des instructions CSS dans l’en-tête, mais répété ce code en ligne (attribut style) pour être sûr qu’il soit pris en compte dans différents types de clients. Tout d’abord si le design vous le permet, évitez les images de fond en CSS et préférez les couleurs pleines. Si vraiment vous souhaitez ajouter une image de fond, il existe un petit outil nommé emailbg qui vous propose un code compatible avec la majorité des clients mail. Mais rappelez vous qu’une image c’est autant de poids à télécharger de plus pour le mail.

Lorsque vous écrivez du code CSS, qu’il soit en ligne ou dans l’en-tête <head>, évitez de raccourcir les propriétés. Un exemple concret est celui de la police d’écriture : séparez taille, famille et line-height au lieu d’utiliser la propriété raccourcie font. Il en va de même pour les couleurs : préférez les couleurs en hexadécimal, et l’écriture longue. Il vaut donc mieux utiliser pour du blanc #FFFFFF que #FFF même si les deux fonctionnent théoriquement.

Les liens

Beaucoup de clients mail vont écraser le style de vos liens, qu’ils soient en ligne ou non d’ailleurs. C’est assez exaspérant de se retrouver avec le lien “bleu par défaut”, qui peut en plus être totalement illisible en fonction de votre couleur de fond, mais il existe une astuce un peu lourde certes qui consiste à ajouter un span, et à mettre votre couleur de lien sur la balise <a> et sur le <span> comme ceci :

<a style="color:#255D5C;" href="www.alsacreations.com"><span style="color:#255D5C;">Créé pour Alsacreations.com</span></a> 

Les effets au survol sont également peu supportés. Il est cependant possible de les utiliser dans les déclarations CSS placées dans <head>.

Alignement des images

Nous l’avons déjà vu, les flottants ne sont pas vraiment utilisables sur tous les moteurs de rendu. Pour aligner une image à droite par exemple, il vous reste deux solutions :

  • Créer un tableau qui va avoir une cellule à gauche pour le texte, et une cellule à droite de la taille de l’image pour l’image. Cela implique évidement de la connaître d’avance, ou dans le cas de campagnes automatisées, de tailler les images en fonction du modèle.
  • Utiliser l’attribut align="right" pour arriver à ce type de rendu.

Bonus : styler les images non chargées en CSS

Dans la mesure où certains clients de mail ne vont pas afficher vos images par défaut, il est possible de “style” l’élément <img> vide et le texte alternatif qui sera affiché comme sur notre exemple :

Style de l'attribut alt du logo

Quid du CSS3, les bords arrondis et les box shadows ?

Dans la mesure où rien ne vous empêche d’utiliser les propriétés CSS3 en ligne, il est tout à fait possible de proposer des effets à base de border-radiusbox-shadow, etc. Vous vous doutez que si le support de certaines de ces propriétés a mis du temps à arriver sur les navigateurs, il en va de même pour les clients mail. Ce sont donc des propriétés “décoratives” à utiliser avec parcimonie.

Tirer profit des templates et ressources en ligne pour vous faciliter la tâche.

Des services tel que Mailchimp et Campaignmonitor se sont depuis longtemps spécialisés dans l’e-mailling. Campaignmonitor propose un système de constructeur en ligne.

Build Campaignmonitor

Même si le code n’est pas parfait, vous pouvez télécharger le template pour l’observer et le décortiquer. La partie de l’en-tête est particulièrement interessante puisqu’elle propose bon nombre de petites lignes de CSS testées et approuvées pour améliorer l’affichage sur différents clients mail.

Mailchimp propose également une série de ressources en ligne et templates.

Mailchimp Templates

Là encore, l’idée est de jeter un coup d’oeil au code, de se l’approprier et voir ce qui pourrait servir à votre projet. La galerie de templates peut également vous aider si vous êtes en manque d’inspiration.

Enfin le projet Emailology vous propose plus ou moins la même chose avec son “Email boilerplate”. Là encore le code proposé dans le header est particulièrement bien documenté et vous proposera différentes lignes de CSS pour gérer plusieurs clients mail. La partie “Client tips & tricks” rassemble différents bugs constatés sur différents clients web, desktop et mobile.

E-mailing et responsive

Je ne pouvais pas finir un article en 2013 sur les e-mails HTML sans vous toucher un mot à propos du responsive web design dans les clients mail mobiles.

La première chose dont il faut avoir conscience, c’est qu’il n’est pas possible d’avoir des Media Queries en style CSS en ligne. Un e-mail responsive sur un client qui ne supporte pas le CSS dans <head> est donc d’ores et déjà exclu. Je pense ici au client natif de Gmail pour Android (et desktop d’ailleurs).

Pour le reste vous pouvez trouver un tableau récapitulatif des clients mobiles et leur support sur ce site ainsi qu’un tableau plus détaillé sur campaignmonitor. Vous le constaterez, le support des clients mail mobile natif pour les media-queries n’est pas mauvais du tout. Optimiser votre newsletter pour les clients mail qui supportent le responsive est donc un bonus intéressant qui ne risque pas d’affecter les autres clients, si vous avez le temps (et le budget), ça peut être intéressant de le faire.

Pour créer une modèle de mail responsive, c’est plus ou moins comme pour un site mobile, nous allons utiliser les Media Queries. Nous allons également devoir ajouter des classes à nos éléments de tableau pour pouvoir les cibler (car rappel : une règle Media Query en style ligne n’est pas possible).

Démonstration en ligne d’e-mail responsive

Et voici le rendu testé sur le client natif Android 4. En portrait, la requête de média placée à 480 pixels est prise en compte, en paysage c’est l’affichage normal puisque la taille de l’appareil en paysage dépasse les 480 pixels.

Screenshots de la template repsonsive sur Android ICS

Nous avons au final ajouté que très peu de code : une déclaration @media pour changer le design pour les clients qui ont une largeur maximum de 480px. Nous avons ajouté des classes à nos éléments de tableau pour pouvoir les cibler, et en changer la largeur :

@media only screen and (max-width: 480px) { table[class=w275], td[class=w275], img[class=w275] { width:135px !important; } table[class=w30], td[class=w30], img[class=w30] { width:10px !important; } table[class=w580], td[class=w580], img[class=w580] { width:280px !important; } table[class=w640], td[class=w640], img[class=w640] { width:300px !important; } img{ height:auto;} table[class=w180], td[class=w180], img[class=w180] { width:280px !important; display:block; } td[class=w20]{ display:none; } } 

Remarques sur ce code CSS :

  • Nous utilisons le sélecteur d’attribut [class=w275] au lieu de .w275 pour éviter que le client Yahoo! affiche la version responsive . Ce client pour une raison obscure prend en compte le contenu des Media Queries, même si la condition de largeur maximum n’est pas respectée.
  • Nous passons nos trois cellules de tableau de 180 px de large en 3 lignes avec un display:block et une largeur de 280px, pour que leur contenu soit à nouveau lisible.

Bien sûr d’autres améliorations sont possibles, il s’agit ici uniquement du repositionnement/redimensionnement des blocs pour que l’e-mail « entre » dans l’affichage client mobile, mais vous avez là une bonne base pour un début de travail. Pour aller plus loin sur le sujet des e-mails responsive et si vous n’êtes pas allergiques à l’anglais, je vous conseille vivement d’aller jeter un oeil au dossier de campaignmonitor sur le sujet : Building responsive 2-to-1 column layouts.

Enfin, pour aller plus loin dans le design et l’intégration d’e-mail en général, je vous propose une selection de quelques liens et outils :

Confier la création pro de votre email template à https://3vision-group.com

Inspirations

Vendez, louez, offrez un service ou une offre d’emploi sur Godogodoo au Togo

Simplicité et gratuité, ces deux mots résument entièrement le leitmotiv de Godogodoo.com, le site de petites annonces gratuites au Togo. Ne gardez plus les objets que vous n’utilisez pas. Vendez, louez, offrez un service ou une offre d’emploi. En plus, c’est 100% gratuit, local, et super rapide.

Sur le site vous trouverez de l’immobilier, des voitures d’occasion, des offres d’emploi, de la vente de téléphones, et bien d’autres choses. Découvrez ce que les particuliers et professionnels vendent autour de vous.
www.godogodoo.com, « créez votre compte, remplissez le formulaire, validez votre inscription ». Ajouter une annonce n’aura jamais été aussi simple. Remplir ensuite les pages qui portent sur les différents aspects de l’annonce et ajouter des photos illustratives.
Partager sur les réseaux sociaux afin d’atteindre plus de monde.
 

N’est-ce pas simple !

Astuces, Clins d'oeil, Inspirations, Showcase, Support

Télécharger l'application Mobile Doingbuzz creer par 3Vision-Group

La toute nouvelle application native gratuite permet de consulter une sélection d’articles de Doingbuzz sur votre téléphone avec quelques goodies en plus.
Musique. Culture. Emploi . People . Téléchargement . Culture · Cinéma · Films · Interviews · Albums · Clips · Actu · Playlists etc..
Doingbuzz application vous permet de regarder Africa 24 et France 24 en direct , d’écouter sans écouteur requis les stations radios de la place .
La possibilité de télécharger de la musique en un clic disponible dans notre base de données.
Lâchez des commentaires dans l’application mobile et bien d’autres choses intéressante à découvrir

Télécharger depuis Playstore

Inspirations

3Vision-Group vous aide à tirer le meilleur des réseaux sociaux.

A l’heure où les réseaux sociaux et autres plateformes de promotion font la loi et riment chaque jour avec notre quotidien, et où l’e-commerce prend peu à peu la place du commerce traditionnel, entreprises, startups et particuliers se servent de leur influence pour atteindre leurs objectifs de publicité et pour accroitre leur chiffre d’affaires.
Il est aujourd’hui très facile à n’importe qui de créer une page sur Facebook, un compte sur twitter ou sur n’importe quel autre réseau social ou une plateforme d’e-commerce. Mais il n’est pas d’autant plus facile de bien les gérer, de les dynamiser et de les customiser afin de fédérer une communauté autour de ses produits et services. Il ne s’agit pas simplement de mettre en place une plateforme ou de lancer une campagne sur les réseaux sociaux. Il s’agit avant tout de stratégie et de discipline.
Vous ne parviendrez à atteindre des objectifs potables que si vous confiez cette partie à un professionnel. L’industrie du web, 3Vision-Group, vous propose des services de sponsoring et de promotion sur les réseaux sociaux. Le tout avec des méthodes classiques et à de petits tarifs.
Vous voulez plus de mentions « j’aime » sur Facebook, plus de followers sur Twitter et sur Instagram ou plus de « vues » sur Youtube (…) ou une augmentation de votre chiffre d’affaire, faites confiance à 3Vision-Group.
Notre slogan se résume à deux mots: Satisfaction ou remboursement.
Découvrir les offres détaillées ici

Astuces, Clins d'oeil, Inspirations, Showcase

Le référencement de votre site dans les meilleurs moteurs de recherche

Utilisez le service de référencement de sites internet 3VG via la référence HyperSubmit dans le but de vous assurer que votre business sera trouvable dans les moteurs de recherche. HyperSubmit vous aidera à optimiser votre site internet et le soumettra à des centaines de moteurs de recherche et annuaires afin d’exploiter le potentiel de votre entreprise en ligne.
Un référencement fait par des experts :
Le service référencement web que nous proposons est réalisé manuellement par une fine équipe d’experts dans le domaine ! 

Offrez vous une offre de référencement web de haute qualité sans vous RUINER ! Nous utilisons des méthodes éprouvées, efficaces que nous maîtrisons, ainsi le rapport qualité prix s’en ressent fortement.
Ne payez pas plus cher pour un service moins bon ! ( Le référencement web ne s’improvise pas ! De nombreux prestataires essayent de vous vendre des solutions miracles qui se révèlent être des services fantômes ! )
Obtenez le service que vous attendez :
A savoir, une visibilité optimale de votre site web dans les plus gros moteurs et annuaires de recherche optimisés à votre secteur d’activité.
Le service de référencement va assurer que votre site est indexé dans Google , Yahoo et Bing, ainsi que d’un certain nombre d’autres moteurs de recherche et annuaires en ligne. Les outils d’optimisation vont vous aider à améliorer votre page de site web par page.
 

Basic trafic

35.900 FcfaTTC/An
Soumission à 100 moteurs
12 re soumissions mensuelles
Rapport mensuel par e-mail
Panneau de gestion personnel
Générateur de balises meta
Support client gratuit
Consultant personnel de compte

High trafic

70500 FcfaTTC/An
Soumission à 100 moteurs
Rapport mensuel par e-mail
Panneau de gestion personnel
Support client gratuit
Indexation garantie dans Google
12 mois d’indexion Garantie
Soumission 400 moteurs
Recherche personnelle de mots-clés
Consultant personnel de compte
Analyse de votre site
Performances de positionnement
Popularité du lien
Audit de site complet
Audit statistique
Audit concurrentiel
Instructions d’optimisation

 

Détails:

Indexation garantie dans Google

HyperSubmit grâce à une technologie unique qui vous référencera chez Google sous 8 semaines maximum, garanti, autrement vous serez remboursés. HyperSubmit est le SEUL service de référencement de sites web aux moteurs de recherche qui assure l’indexation dans Google! * Pour que votre site soit correctement référencé chez Google, il doit obéir à certains critères au niveau du contenu et de la mise en forme.
Nous savons le faire à 3VISION-GROUP, satisfaction ou remboursement

Recherche personnelle de mots-clés

La tâche la plus importante et de loin la plus trompeuse dans le processus d’optimisation de votre site web est celle de choisir les mots-clés qui lui conviennent le mieux. Nos consultants en marketing examineront votre site web et vous fourniront une liste des mots-clés qui lui généreront du trafic de la façon la plus efficace.
 

Popularité du lien

On appelle ‘popularité’ d’un lien, l’affichage du nombre de fois qu’un moteur de recherche identifiera d’autres sites possédant des liens vers le vôtre. Ceci peut produire des effets sur votre positionnement chez certains moteurs de recherche. Le fait que d’autres sites web entretiennent des liens vers le vôtre indiquera aux moteurs la popularité de votre site, augmentant ainsi votre visibilité.
 

Soumission à 100 moteurs

Nous référencerons votre site web chez les 100 plus importants moteurs de recherche et annuaires, qui concernent ensemble plus de 95% des internautes. Nous mettons régulièrement à jour notre liste de moteurs de recherche pour être certains que votre site sera soumis aux meilleurs moteurs de recherche afin de vous fournir le trafic le plus qualifié à votre site.
 

Audit statistique

Nous vous fournirons une analyse précise qui concernera chacun des éléments constitutifs de votre page, un à un, y compris les mots-clés et leurs combinaisons. Le résultat de cette analyse sera comparé aux données statistiques que nous aurons prélevées sur les centaines de sites bien positionnés dans le même domaine, ainsi qu’aux statistiques de vos concurrents.
Faites le bon choix ! Privilégiez nos techniques classiques qui marchent !
N’essayez pas de brûler les étapes, ne vous faites pas avoir
avec des offres alléchantes par des prestataires qui promettent des réferencements en 1ère page à vitesse éclair avec des soi-disant techniques révolutionnaires exceptionnelles !
Email:[email protected]
 
 

RETOUR SUR NOTRE SITE WEB OFFICIEL

Clins d'oeil, Inspirations

3VISION-GROUP ,Artistique Web qui lance un mois de promotion spéciale

Chez 3VIision-group, nous travaillons pour vous permettre d’atteindre vos objectifs. Pour cela, il est indispensable de développer un site internet sur mesure qui puisse correspondre à vos attentes en terme de design et d’ergonomie. Son esthétique respectera l’image de votre marque et sa navigation permettra aux internautes d’avoir une expérience inédite, vous permettant ainsi de marquer les esprits.
Une remise exceptionnelle! Obtenez réduction sur quelques services 3Vision-group : enregistrement de noms de domaine, hébergement web payant illimité et VPS! Le mois Aout de promotion est arrivée! Ne ratez pas cette chance – nos prix ne seront jamais aussi bons que ce mois!

Le nom de domaine (Votrenom.com) est à 5900Fcfa
Votre propre site web dynamique est à 70900Fcfa
Votre application vitrine  Android avec cette possibilité d’insérer dans playëstore est à 60.000Fcfa

Nb: Application Android simple qui vous mettra de mettre en avant votre entreprise.
3gvg2
Pour bénéficiez cette offre , veuillez vous rendre dans nous contactez par mail [email protected] ou passez la commande en ligne en suivant ce lien http://commande.3vision-group.com , votre commande sera automatiquement prise en compte et réduit .
www.3vision-group.com

Astuces, Inspirations

Une application Mobile associée à votre site web coûte désormais moins cher

La consultation de nos blogs , de nos sites sur les smartphones ou tablettes est en hausse constante ! Il est vrai, que même si nos sites web sont désormais « Responsive », le confort de lecture qu’amène une application pour mobile est un plus.
Personnellement sur mon smartphone Samsung, j’utilise uniquement les applis Facebook ou Twitter, je ne vais jamais sur leurs sites ! Et si il en était de même avec nos Sites ?

3VISION-GROUP APPLICATION : pour votre Application mobile

3vision-group application dont la page Facebook   vous donne l’occasion de créer très simplement une application Android de votre site à un prix vraiment cadeau .
L’application sera développée en Java avec Android Studio, elle est 100% native et tous les éléments de vos pages/articles sont parfaitement intégrés.

OK mais elle fait quoi cette appli Android ?

Voici une liste des fonctionnalités incluses dans votre application Android:

  • Notifications Push : Illimitées, vous pourrez envoyer une notification automatiquement à tous les utilisateurs de votre appli lors de la publication d’un article ou manuellement quand vous le souhaitez et même en programmer.
  • Entièrement personnalisable : Depuis votre panel d’administration, vous pourrez modifier l’apparence et de nombreux réglages de l’application. Ces paramétrages se répercutent automatiquement sur les apps de vos lecteurs.
  • Publication sur le Play Store : Compris dans le pack, Nous  publierons votre app sur le Play Store dans un délai de 24 heures mais vous pouvez aussi publier le fichier .apk vous-même via votre propre compte développeur si vous le souhaitez bien sur 😉
  • Commentaires : Tous les commentaires sont accessibles via une bulle visible sur la page des articles et vos lecteurs pourront d’un clic réagir et discuter.
  • Partage social : Une bulle intelligente propose de partager l’article via les applications installées sur le smartphone du lecteur (Facebook, Twitter, mail, …).
  • Articles favoris : Vos lecteurs pourront mettre en favoris des articles pour y revenir plus tard et ne rien rater de vos publications.
  • Moteur de recherche : Le moteur de recherche  est intégré dans l’app pour que vous lecteurs trouvent en un clin d’oeil les articles qu’ils souhaitent lire.
  • Abonnements aux catégories : Les utilisateurs de l’app pourront choisir de s’abonner à certaines catégories pour recevoir les notifications et mettre en avant le contenu qui les intéresse le plus.
  • Articles similaires : A la fin de chacun des articles, et pour engager vos lecteurs, vous pouvez afficher des articles similaires.

 
 

Combien ça coûte ?

L’application coute que 280.000Fcfa le pack tout inclus : Application Android . Cela englobe la publication sur le Play Store, 10 mises à jour de l’app (valables 3 ans) et les mises à jour illimitées du plugin.
Ce prix est à relativiser car vous avez une application à vie en un seul paiement, une vraie application android native, un nombre d’installations illimitées, la gestion de régie publicitaire / analytics, la publication sur le Play Store et un produit en totale marque blanche.
Si vous souhaitez d’avoir a plus la version Android et la version Iphone cela vous coutera pour tout  400.000Fcfa 
 
 

Ce qui est impressionnant 🙂

  • Simplicité d’utiliser l’application
  • On ne paie qu’une fois, ici pas d’abonnement, je paie et c’est à moi
  • Les notifications Push très très utiles 😉

Ma conclusion

Offrir à mes lecteurs connectés mobiles un confort de lecture et les avantages liés à une application, c’est un vrai plus. La navigation sur une application est beaucoup plus aisée, intuitive car totalement optimisée, ergonomique et nomade, vous l’avez à porté de main où que vous soyez sur votre smartphone ou tablette et même sur les montres connectés.
Un atout considérable de cette solution est que votre appli est compatible avec l’App Indexing. En d’autres termes, Google pourra indexer 100% des contenus de l’appli et grâce à la mise en correspondance avec les URL de votre site (c’est automatique, on appelle ça des liens profonds), vous aurez des Rich Snippets avec une visibilité exceptionnelle !
Cela pourrait vous permettre de vous démarquer avantageusement de la concurrence !
Simple, efficace et abordable, c’est tout ce que j’aime !  Rassurant également/
Si vous voulez une application statique pour vous mettre juste en avant (Pas interactif ) , lui il coute que 80.000Fcfa
Passez la commande par mail [email protected]
WWW.3VISION-GROUP.COM
 

Inspirations

Réseaux sociaux : Enquête sur le réseau Facebook pour les Africains.

3VISION-GROUP, L’Agence web expert dans la conception des sites internet , des applications mobiles…en collaboration avec sa plâte forme Doingbuzz pour la promotion de la musique Africaine sur la toile lance une en quête sur l’utilisation de Facebook Afrique. Cette enquête permettra de mieux cerner les usages et les habitudes des Facebook des internaute africains.
Vous pouvez retrouver sur le site web officiel de 3vision-group ou  sur son blog  et sur doingbuzz non seulement des données web mais des offres avantageuses  .
Participez à l’enquête en cliquant ICI.
Restez connectés pour les résultats de l’enquête !

Clins d'oeil, Inspirations, Showcase

KADO: Votre site web statique à 40.000Fcfa / an maintenant

Vous avez toujours voulu avoir votre propre site web ? un site web pour juste accompagner votre page Facebook, une page d’accueil, une page QUI SOMMES NOUS par exemple, un album photo ou une galerie, une page de contact en outre? … faute de moyens financiers vous êtes toujours en attente ,3Vision-group à donc pensé à vous , nous vous accompagnons donc dans votre création de sites web, le service 3vision-group  va vous permettre de mettre en ligne les pages de votre site de manière professionnelle statique , très beau et très rapide.
Un site web est un ensemble de pages reliées entre elles, qui se complètent pour traiter ensemble d’un même sujet. Par exemple une association, une entreprise, un particulier ou un artiste souhaitant créer avoir son propre site web pourra avoir enfin celui-ci en plusieurs pages : page d’accueil, activités et moyens d’action, historique de l’association, statuts, page de contact…
Un site en HTML ET CSS très beau à 40.000Fcfa/ an vous donnera en plus d’un hébergement , d’un nom de domaine et un bon référencement dans Google.

Voici les types de designs que nous faisions pour les types de sites à ce prix, c’est juste un cadeau

 
 
Capture d’écran 2016-04-16 à 21.18.43 Capture d’écran 2016-04-16 à 21.18.31 Capture d’écran 2016-04-16 à 21.18.25 Capture d’écran 2016-04-16 à 21.18.15 Capture d’écran 2016-04-16 à 21.18.05 Capture d’écran 2016-04-16 à 21.17.43 Capture d’écran 2016-04-16 à 21.17.37
 
Très beau n’est ce pas? exactement vous aurez un site hyper beau , hyper referencé et responsive , faites nous confiance 🙂

Contactez nous rapidement par mail [email protected]

#‎doingbuzz ‪#‎3visiongroup
Astuces, Inspirations

Bonus: Nouvelles versions PHP et 55% de réduction sur les nouvelles commandes! Joyeuses Pâques!

 
Nous vous souhaitons de très heureux et joyeuses Pâques! Pour fêter Pâques, nous lançons à DURÉE LIMITÉE la PROMO PÂQUES!
Obtenez 55% de réduction sur toutes les nouvelles commandes et les mises à niveau du plan d’hébergement! Utilisez le code promo EGG55 et 55% de réduction sera appliqué à la facture.
De plus, PHP 5.6 et 7.0 sont maintenant disponibles sur notre hébergement mutualisé! Améliorer les performances de votre site jusqu’à 2X avec PHP7!
La conception de site web , l’hébergement , le nom de domaine et le referecement vous reviendra à 90.000Fcfa alors profitez en

www.3vision-group.com

Email:[email protected]