Archives du mot-clé webmaster

Lancement du site internet du Domaine Cathala

F4 Design réalise et lance le site internet du Domaine Cathala à la date du 11 novembre 2013 !

Mise en place d’un pré-lancement 3 jours avant (emailing, réseaux sociaux) et d’un lancement le jour J (emailing, réseaux sociaux)  sur la liste email du client et ses abonnés sur les réseaux sociaux.

36% de taux d’ouverture pour l’emailing ! Cette opération de micro lancement a été une bonne surprise offerte par F4 Design au Domaine Cathala.

Extrait du 2ème email envoyé pour le jour du lancement du site

creation emailing pour site internet domaine cathala

Découvrez le site internet et ses vins en cliquant sur l’image

Création site internet narbonne - Domaine Cathala

Refonte de site internet pour l’Espace Thermal de Dax

Découvrez les dessous de la refonte du site internet vitrine dynamique avec la possibilité de réservations en ligne pour l’Espace thermal de Dax, en partenariat et sous la direction de l’agence web It and Co.

webdesigner-wordpress-template-espace-thermal

Mon rôle

Développer et intégrer le site sur le gestionnaire de contenu WordPress, implanter notamment un système de gestion multi-langues et une page de réservation en ligne.

Ci-dessous les différentes étapes du projet.

Analyse en pré-projet

Le cahier des charges fourni par l’agence web It and Co a permis d’analyser et déterminer les besoins techniques du clients pour son site internet. Le cahier des charges est utile lors de chaque phase du projet. Il sert de référence et permet de construire correctement le site internet, quel qu’il soit, de façon juste et précise grâce aux informations qui  le constituent et qui ont été déterminées en amont avec le client, le chef de projet, le développeur et le webdesigner notamment.

Webdesign

La phase de création graphique et les maquettes du projet été prises en charge par Frank Viviani, graphiste et directeur artistique  sous la direction de l’agence It and Co. 3 pages ont  été maquettées afin de déterminer la structure globale du site et les spécificités graphiques. Ces pages sont suffisantes pour me permettre d’intégrer l’ensemble des pages du site. La phase de découpage des éléments du design et d’intégration ont été réalisées par mes soins pour l’ensemble des pages et suivant les normes W3c. Le découpage, quant à lui, a été réalisé à l’aide du logiciel Photoshop comme j’en est l’habitude.

Développement sous WordPress

gestionnaire-de-contenu-multilangues-wordpress

Le site utilisant WordPress pour les besoins en terme de gestionnaire de contenu, fonctionnalités et debudget, j’ai procédé à l’installation et à la configuration de WordPress avec un certain nombre de fonctionnalités et de plug-ins permettant au client de :

  • Gérer l’intégralité du contenu de ses pages : textes, images, audio, vidéo.
  • Optimiser facilement certains éléments du site pour le référencement naturel : url « propres » personnalisables, plan du site généré automatiquement, balises META title/description/keywords.
  • Sauvegarder de façon automatique et programmée chaque semaine la base de donnée du site ( backup ).
  • Gérer le contenu multi-langues des pages du site. Ici Français/Anglais/ Espagnol avec personnalisation des urls et des balises META possible en fonction des langues pour le référencement naturel du site.
  • Personnaliser les widgets depuis l’interface de gestion et la possibilité d’afficher les widgets en fonction des pages et des langues du site.
  • Inscrire les visiteurs à la newsletter du site.
  • Etre contacté par un formulaire de contact depuis la page de contact.
  • Recevoir les demandes de réservation en ligne depuis la page de réservation du séjour.
  • Ouvrir une pop-up interne informative sur certain bouton d’information sur le site, sous forme de »div ajax » , bien plus propre, agréable pour l’utilisateur et pas considéré comme pop-up par les navigateurs.
  • Changer les images et les descriptions d’un diaporama animé « slider d’images » en page d’accueil. A savoir qu’il est aussi possible pour le client de mettre en place des diaporamas uniques sur n’importe quelle page de son site à l’aide d’un simple copier/coller d’un [short code]  à disposition.
  • Écrire des actualités composées de textes, images, audios ou vidéos. Ces actualités sont créées sur une page dédiée et génèrent dynamiquement une nouvelle page d’actualités à chaque publication. Cela est géré intégralement par le gestionnaire de contenu wordpress. Il est même possible de programmer la publication des pages d’actualités.

Conclusion

La refonte d’un site internet peut être graphique et technique. Cela va souvent de pair pour les sites qui ne possèdent pas de bases technique suffisamment solides pour pouvoir référencer les pages d’un site facilement et proprement ou pour les sites qui ne disposent pas de gestionnaire de contenu. Les sites qui ne disposent pas de gestionnaire de contenu vont coûter plus cher pour effectuer les mises à jour, même basiques, comme la modification du contenu d’une page. L’utilisation d’un gestionnaire de contenu va permettre au client d’effectuer plus facilement et rapidement certaines de ces mises à jour comme son propre contenu ou de le  faire faire par des prestataires qui n’ont pas forcément de connaissances techniques et qui pourront se concentrer tout de même sur celui-ci.

Le site Espace Thermal m’a permis notamment de découvrir comment implanter du multi-langues sur le gestionnaire de contenu WordPress, de mettre en place la gestion des widgets sur des pages uniques, et de développer une page de réservation sur mesure avec l’affichage de box dynamiques en fonction des choix. Il faut dire que pour cette page j’ai eu quelques conseils de Tony Fresneau, développeur web, qui s’occupe de temps en temps de développement de projet web pour F4 Design.

Voici le lien pour découvrir le nouveau site : http://www.espacethermal.fr

Je suis donc maintenant en mesure de créer des sites multi-langues prêts pour le référencement naturel des pages en multi-langues de façon propre et facilement gérable  pour le client depuis WordPress. J’en suis ravi !

Et vous, projetez-vous de faire un site multi-langues pour votre entreprise ? Ou de créer un site avec des réservations en ligne ?

Développement et référencement d’un site e-commerce pour la mode

La Maison Nicolas Messina pour qui j’avais eu le plaisir de développer le site de la marque m’a confié le développement de son site marchand ou site e-commerce.

Le site www.bar-a-collants.com est un concept né de l’idée de proposer des collants de créateurs qui fabriquent leurs produits exclusivement en France. Ainsi La Maison Nicolas Messina a maintenant à la fois une boutique pour vendre en ligne ses créations mais aussi une boutique permettant d’accueillir d’autres créateurs de mode. Chaque nouveau venu est sélectionné sur accord de La Maison Nicolas Messina. Ensuite une page dédiée est créée ainsi que la possibilité de vendre ses créations sur le site Bar à collants. De plus, chaque nouveau venu est mis en avant sur la première page du site durant une période donnée.

Création de site pour créateur de mode

La création du site e-commerce

Le design :

Les maquettes du design du site internet ont été réalisées par l’agence de communication Ryswyck. Je me suis chargé d’identifier les besoins en termes techniques et pour l’intégration afin que le design correspondent aux contraintes du gestionnaire de contenu utilisé, Prestashop.

L’intégration des pages dont je me suis occupée, s’est déroulée avec l’aide du développeur web Nicolas Chauchefoin, chargé de la configuration et de l’implémentation des pages ainsi que des modules du site sous Prestashop.

J’ai aussi pris le relais sur des détails graphiques afin de les faire coller aux contraintes de prestashop et en suivant le cahier des charges que j’ai établi avec le client.

Un « slider » d’images « jQuery » à été créé en page d’accueil et en fin de projet par rapport au contenu du client. Je suis aussi en charge de créer les visuels avec un collaborateur graphiste et illustrateur.

Le Développement :

Le développement et l’intégration des pages sous prestashop nécessitent des connaissances du gestionnaire de contenu notamment sur la syntaxe particulière de Prestashop.  J’ai demandé à mon collaborateur Nicolas Chauchefoin, qui a l’habitude du développement web, de prendre en charge cette partie pour me permettre de gérer le projet et de m’occuper aussi de la partie graphique ainsi que de l’optimisation des pages pour le référencement naturel, ce qui est davantage dans mes compétences et dans mes envies.

Exemple du processus de paiement ou tunnel de conversion de Prestashop :

Processus de payement visible depuis la page de récapitulatif de la commande

J’ai choisi Prestashop qui est une solution qui correspond au besoin du client en terme de fonctionnalités et de coût pour son projet. Prestashop permet de gérer une base de données avec un catalogue de produits conséquent, tout en pouvant y coupler des pages dynamiques, un système d’actualité, de commentaires, etc… Nous avons aussi envisagé de coupler Prestashop au gestionnaire de contenu WordPress pour ajouter un espace membre, avec des actualités privées. Projet en « stand by » pour le moment.

La gestion des emails :

Un site e-commerce a besoin d’un certain nombre d’emails automatisés pour les diverses actions comme la confirmation d’inscription, la confirmation de paiement, la facturation, etc… Prestashop prend en charge ces emails suivant son processus interne.

Néanmoins, pour gérer la newsletter et permettre à Bar à Collants de pouvoir gérer ses envois d’emails aux inscrits sur le site, j’ai opté pour une autre solution. Cette solution proposée par un prestataire externe permet aussi de personnaliser et d’automatiser les envois d’emails . Les adresses et informations sont stockées sur une base de données externe prise en charge par le prestataire. Ce prestataire propose aussi la préparation à l’avance des emails qui seront envoyés suivant un scénario précis. De plus, l’avantage de cette prise en charge et de permettre une meilleure délivrabilité des emails envoyés.

Je me suis donc occupé de mettre en place le système sur le site du client et de le configurer sur l’interface du prestataire SG Auto-répondeur.

Le référencement naturel :

La prestation de service de référencement naturel fait partie intégrante des services que je propose lors de la création de sites internet. Néanmoins, en fonction des besoins du client, j’offre une prestation plus ou moins importante en terme d’heures de travail et d’optimisation pour les moteurs de recherche, notamment pour les pages d’un site internet.

Le site bar-a-collants.com bénéficie d’une prestation spéciale de référencement naturel sur les mois à venir pour l’aider à mettre en place son positionnement sur le moyen et  long terme sur les moteurs de recherche et notamment Google. J’interviens sur la gestion technique du référencement naturel du site e-commerce avec l’aide d’Olivier Papaleukas, référenceur web spécialisé indépendant dont voici son site, Aucamville Référencement. Notre objectif principal est d’apporter dans un premier temps un flux de visiteurs constant et qualifié de 1500-2000 visiteurs par mois qui recherchent les produits proposés par le site bar-a-collants.com.
Nous pourrons, suite à cette période, améliorer le volume de visiteurs en fonction du retour sur investissement du client.  Des campagnes de référencement payant par le biais de la régie publicitaire de Google adwords sont déjà envisagées pour certains produits, afin de booster leur lancement.

Conclusion

Les collants et bas fabriqués en France et proposés par des créateurs de collants vont, j’espère, plaire aux femmes et feront l’objet d’idée cadeaux pour ces messieurs. La création du site e-commerce Bar à Collants m’a permis d’affiner mon estimation sur les délais nécessaires à la création d’un tel site avec une collaboration entre 5 personnes et suivant un cahier des charges que j’ai donc créé.

Je remercie donc La Maison Nicolas Messina qui m’a confié la gestion complète et le développement technique de ce projet. J’espère pouvoir apporter d’autres de mes conseils graphiques, ergonomiques et marketing en vue de l’évolution du projet.

Voir le site : http://www.bar-a-collants.com

Et vous ? Avez-vous un projet de site internet ?

Création du site « La Serre » espace de travail collaboratifs, bureaux et ateliers.

La Serre est un espace pour les entrepreneurs qui désirent échanger leurs connaissances et leur savoir-faire tout en partageant un espace de travail et de rencontre professionnel et évènementiel.

La Serre se compose de :

  • De résidences permanentes : « espace bureau » ou « espace atelier »,
  • De résidences ponctuelles : espace de travail « bureau » ou atelier et/ou utilisation de salles de réunion
  • Des résidences éphémères : organisation d’événements et accueil d’acteurs en résidence : éco-designers, entrepreneurs sociaux…

La création du site www.la-serre.org

Le site La Serre à été conçu à partir du « template Sight » proposé par wpshower.com et personnalisé par f4-design.fr. L’implantation du « template » à été très rapide, j’ai ensuite configuré le gestionnaire de contenu wordpress à l’aide de codes de ma composition personnelle ainsi que de plugin phare de wordpress pour gérer la structure sur l’optimisation de référencement naturel, le formulaire de contact, les galeries d’images, etc…

Concernant le Design, l’ensemble a gardé l’aspect du design d’origine, seuls des éléments capitaux comme le logo, le fond, ou le haut de page ont fondamentalement changé. Il y a eu aussi quelques personnalisations sur les polices d’écriture et leurs couleurs. Le slider d’image en page d’accueil a été légèrement personnalisé pour coller à la demande du client, notamment sur le nombre de caractères affichés sur chaque slide.

Un système de newsletter à été implanté. Il est géré de façon automatisée et personnalisée avec un prestataire spécialisé. Cela permet de gagner du temps et de créer des scénarios emailing. Je me suis donc occupé de mettre en place ce système de newsletter et de le paramétrer pour le compte du client. La page « Louer un espace » contient un formulaire relié a ce système de newsletter qui permet de stocker les données et d’envoyer ainsi des emails aux inscrits spécifiquement depuis ce formulaire. Néanmoins, il était important de laisser la possibilité d’inscription par courrier en joignant un fichier téléchargeable à remplir pour le visiteur.

Des pages de sites internet administrables

Grâce à l’implantation maîtrisée du gestionnaire de contenu wordpress et à sa simplicité d’administration des pages sans avoir à connaître un langage de programmation, la plupart des pages du site sont éditables à 100%.

La barre latérale des pages qui est identique sur chaque page suivant le modèle d’un blog, est éditable depuis une zone commune de gestion des « Widget » sur le gestionnaire de contenu. Cela m’a permis de créer et moduler l’emplacement de chaque bloc de widget, facilement et rapidement. Ainsi, j’ai implanté des liens vers les réseaux sociaux du site, le formulaire d’inscription à la newsletter, un bouton qui ramène vers la page d’adhésion, un générateur de miniatures qui est relié à la page de galerie d’images, ou encore l’affichage des article récents.

Les pages ont été créées dynamiquement depuis le gestionnaire de contenu et le menu du site est aussi gérable et modifiable en quelques clics.

Conclusion : Simple, rapide, propre et efficace pour le client

Le site répond donc à la demande du client :

  • Il reprend la structure globalle du design qu’il a choisi.
  • Il est personnalisé suivant ses couleurs.
  • Il est propre dans la compréhension de l’information.
  • Il est rapide et facile de mettre à jour son contenu.
  • Il est efficace dans ses fonctionnalités et ses possibilités de modification.

J’ai pris plaisir à créer ce site en sachant que La Serre est au final très satisfait du résultat obtenu pour un budget maîtrisé. De plus, le projet La Serre est un tremplin pour aider les entrepreneurs artisans et designers à partager leur idée et trouver des sources de créativité. Donc le projet m’a tout de suite séduit.

Découvrez le site La Serre en cliquant sur le lien suivant : http://www.la-serre.org

Intégrer une vidéo dans son site ou blog depuis WordPress

Suite aux demandes multiples pour apprendre à intégrer une vidéo dans un article ou une page de site internet ou blog depuis le gestionnaire de contenu WordPress, j’ai créé rapidement un tutoriel pour vous montrer comment faire dans cette vidéo qui est intégré de la même manière sur mon blog 🙂 .

Avez-vous réussi votre intégration vidéo dans wordpress suite à cette vidéo ? Sinon quel est votre problème ?
Il existe aussi des plugins gratuits à installer pour l’intégration de vidéos sur wordpress ! Mais parfois ils ne fonctionnent pas tous correctement, donc manuellement vous êtes sur du résultat.

Mise en ligne de mon 2eme blog : Comment devenir indépendant ?

Bonjour à tous et à toutes, je suis heureux de vous présenter mon 2ème blog :
www.comment-devenir-independant.fr

Image cultivez votre indépendance, avec différents supports de communication.

Le projet est né il y a quelques mois et le blog n’est qu’à la première phase d’évolution du projet. Il va me permettre de mieux connaître les personnes curieuses ou désireuses du travail en indépendant et commencer à partager avec vous un nombre d’informations suffisant cette année pour passer à la deuxième phase du projet. Ces informations vous permettront, je l’espère, de vous aider à devenir indépendant et commencer à vous guider pour tisser votre communication afin de vous apporter succès et développement.

Dans l’article Pourquoi le blog « Comment devenir indépendant ? », j’explique comment m’est venue l’idée du blog et comment je vais l’exploiter.

Sur une autre page intitulée A propos, je me présente sous un nouveau jour, après ces 3 années passées en indépendant dans les métiers de l’infographie et du web et j’exprime mes objectifs pour le projet Comment devenir indépendant.

Vous retrouverez chaque mois un résumé détaillé d’un livre sur la page Livres pour indépendants pour vous aider à mieux gérer votre indépendance, éviter les pièges et profiter des avantages de votre activité.

Enfin, je vous invite à suivre les articles de mon 2ème blog pour connaître les bases afin de devenir travailleur indépendant et apprendre à mettre en place votre communication.
Les stratégies de communication et de marketing d’une entreprise indépendante ou non sont des points clés pour se développer à court et surtout à long terme.
Pour cela, je vous livre mon expérience actuelle d’indépendant en terme de communication mais aussi celle d’autres indépendants pour vous aider à devenir un indépendant et pour développer votre réseau de clients et partenaires. Pour y parvenir, je vous montrerai comment je crée ma propre communication ou comment j’interviens sur celle de mes clients. Vous pourrez ensuite créer par vous même votre communication avec peu de moyens ou contacter des professionnels pour vous aider.

Néanmoins, par soucis de répondre au mieux à vos questions, le système de blog va vous permettre de poser vos questions, de faire vos remarques et d’améliorer mes articles, mes pages, mes vidéos, mes interviews. De plus, une page dédiée pour vous donner la possibilité de poser vos questions est disponible sur le site. Cela m’aidera à mieux comprendre vos besoins pour construire votre indépendance.

Je vous invite à présent à découvrir le blog http://www.comment-devenir-independant.fr/ et à me dire ce que vous pensez de l’idée en laissant vos commentaires ci-dessous.

Merci.