Hello WEBDESIGNMOTEUR : studio de création de sites Internet, blog & start-up spé #WebPerf’

---

Après quatre années d’existence, éditorialement, je suis plutôt satisfait des publications organisées en secteur Auto ou Business ou encore Gaming, entre autres. Mon mantra c’est de pouvoir proposer un contenu éditorial de haute qualité, visuellement beau, technologiquement à la pointe voire même d’avant-garde et entièrement gratuit. Se pose alors la question réelle du financement. Comment un site/blog/média entièrement gratuit peut-il être rentable ? Je présente ici une idée de solution réaliste pour que DESIGNMOTEUR propose du contenu disponible, à valeur ajouté, gratuit, indépendant, sans publicité ni abonnement …avec retour d’expérience.

Pub ?

La publicité ? Cela a été une décision de tester pour découvrir la régie Adsense en 2014. Et le résultat a permis de financer l’hébergement annuelle du site. Soit. C’est déjà ça. En tout cas, la pub doit être display et non intrusive.

Cependant, sur les nouvelles publications depuis octobre 2016, il n’y a pas de publicité. C’est un choix afin de pouvoir supprimer la barre latérale et permettre aux photos de s’afficher en un peu plus grand.

Abo ?

Quant à la solution de l’abonnement, ce n’est pas envisageable. D’une part c’est couteux… à mettre en place… et cela ferme le site à certains visiteurs… et quid du référencement !?

Technologie ?

Alors on ne veut pas de pub ni d’abo…

Il faut donc innover. Tout en gardant cette éthique difficile pour un blog.

En réfléchissant, depuis sa création, le site DESIGNMOTEUR prône pour la Web Performance. Et c’est grâce à la Web Performance que le site a grandi autant !
Et bien sûr, c’est grâce à son contenu ROI. préparé avec passion.

Mais le moteur de croissance du site DESIGNMOTEUR provient donc des techniques du web design, du référencement et des principes de la Web Performance.
DM se veut être un site qui charge vite, affiche des images en haute définition et met en valeur le texte et citations.

Et pour pouvoir mettre en place cela, c’est grâce à mon savoir-faire de web designer de 10 ans d’expérience.

Fast-CV!

2007 est l’année d’obtention de mon BAC ES, puis 3 années de Fac Eco Gestion (Niveau L2 obtenu) avec jobs d’été et autoformation web design, SEO & Web Perf’.

Puis formation pro Bac+2 Gestion de Projet Web de 2010 à 2012 avec deux stages en entreprise en tant que Web designer (l’un de 3 mois et l’autre de 5 mois).

Ensuite freelance Web designer, consultant Web Performance de 2012 à 2016 tout en étant Blogger & Team Principal DESIGNMOTEUR

Full-CV? Go check: LinkedIn/EwenLeJuge

---

Au final, DESIGNMOTEUR produit du contenu éditorial à valeur ajouté, illustré en haute définition, et de la R&D web hi-tech !

Un exemple dès 2013, le site est conçu Mobile first.

Dès 2014, sous le capot serveur du site, c’est route HTTP, châssis PHP5.6, moteur WordPress 4.0, carrosserie Theme adapté Responsive Web Design, Mobile First, contenu HD et Web Perf’.

Depuis 2016, le site affiche pour les grand écrans, les images en ultra-HD.

DESIGNMOTEUR blog time // Web studio work time

Dans un premier temps, en 2013, j’ai commencé en tant que freelance web designer loin de relier à DESIGNMOTEUR. Même si DM a joué le rôle du transfert de technologie web style de la Formule 1 vers les Sites de série pour client ainsi que de la mise en place de solutions expérimentales telles que les ‘Timeline embeded’ dès 2014 (!) ou encore le fait que même les vidéos (via YouTube) soit « Responsive », c’est à dire s’adapte aux grands écrans !

Mais le truc c’est que cela fait que je dois gérer autant la communication de mon studio web et la communication du site DESIGNMOTEUR.

Donc des fois, c’est 50/50%, ou 20/80% ou encore 80/20%…

L’un ralentit l’autre…

Pendant ce temps, chez DM tout a changé.

Le Team DM s’est créé dès 2014, puis on était +5 coéquipiers (Team Specialist / Photographes) en 2015.

Le nombre de publications a grandi.

En 2015, l’audience a grandi avec un rythme de 10 000 à 50k pages vues par mois.

Puis… le site est arrivé à ce que je dénomme en écho au compte tour d’un tableau de bord… la zone rouge.

Le truc qui fait que si tu ne passe pas le rapport de vitesse supérieur… ça ne le fait pas…

Mais voilà… comment passer à la vitesse supérieur pour atteindre une audience « critique » qui permet de rentabiliser les serveurs, le temps à publier… !?

Le temps à passer… la décision a été de rester sur un rythme à 20k vues par mois.

Voilà.

HTTPS : une nouvelle ère !?

Puis, le Web évolue… en 2017 le protocole serveur HTTPS va devenir la norme. HyperText Transfer Protocol Secure, est une évolution réelle du Web,c’est à dire des serveurs Web. En fait les navigateurs ne font que s’adapter tout comme les hébergeurs. Chacun prose des solutions. Certains hébergeurs ont déployé cela mi-2016. D’autres comme les moteurs de recherche favorise ce qui se fait de mieux en terme de techno web en ce début d’année 2017. Est-ce une surprise !?

Il faut donc à ce que j’aborde un sujet assez compliqué… pour anticiper et s’adapter.

Ceci a été ma réflexion avant l’été 2016.

HTTPS pose des contraintes de Web Performance majeur pour un petit serveur type Perso… ouvert en 2012… et avec la zone rouge qui reste présent… donc un rythme entre 10k vue et 20k vue selon l’actualité et le référencement.

En tant que web designer, je me dois de me former à cette nouvelle ère du Web. Véritablement.

Mais autant ne pas migrer le site actuel HTTP hébergé chez www.designmoteur.com vers du HTTPS…. Ce serait risqué et au final… on resterai sur de la technologie serveur datant des années 2010… disons.

En même temps c’est l’offre basique d’un hébergeur mutualisé.

Donc passer un site en HTTPS… serait une perte de temps… surtout que… le site n’a pas vocation à faire transiter des infos bancaires par exemple. Bref.

Mais, si on voudrait mettre en place un espace membre alors ça serait utile. Ce qui a été le cas pour la mise en place de notre espace de travail pour le Team DM début 2016.

Donc durant l’année 2016, une année que je qualifierai de off-road… a été le fait de rétrograder… en terme de rythme de publication, donc d’audience.

HTTPS peut être vu comme un déclencheur pour mettre à jour des infrastructures Web datant des années 90 !

Mais il ne faut pas migrer vers HTTPS pour migrer en HTTPS…
Il faut voir davantage plus loin.

Go Team DESIGNMOTEUR

Mi-2016, l’idée m’est venu de réunir chaque site du Team DM créé sur DESIGNMOTEUR (2012), DMUNDERGROUND (2015), DM Gaming (2015) devenu Select Starter en 2016.

Le principe de multi-sites s’est présenté immédiatement.

Et de là, l’idée de secteur site avec navigation dédié et thème adapté via leur propre charte graphique.

DESIGNMOTEUR
AUTO (w/ Thierry & Calvin & Arnaud & Ludo team up)
MOTO (w/ Fiona team up)
SPORT (w/ Jacques team up)
MEDIA
BUSINESS
CUSTOM – DMUNDERGROUND (w/ Jimmy AMATEUR2MOTO team up)
GAMING – Select Starter (w/ Starsystemf team up)

Portfolio DESIGNMOTEUR websites

Go Team DESIGNMOTEUR multi-sites

Le principe de multi-sites permet enfin de pouvoir organiser le contenu qui se trouvait à l’étroit sur le site version 2014.
Mais aussi, cela permet d’avoir une ligne éditoriale adapté pour chaque secteur-site.

Le déploiement du projet Go Tm DM pour Go Team DESIGNMOTEUR faisait sens alors.

Profitons pour mettre en place le multi site sur un serveur hi-tech et adapté, tout en restant réaliste concernant l’investissement.

Dès 2016, sous le capot serveur du site, c’est route HTTP/2 avec HTTPS natif, châssis PHP7, moteur WordPress 4.7, carrosserie Theme adapté Responsive Web Desgin, Mobile First, contenu Ultra-HD et Web Perf’.

Objectif être prêt avant le Mondial de l’Automobile 2016 (avec mon accréditation Blogger) pour couvrir le Salon et publier mes photos et les photos du coéquipier présent à la J-Press grâce à DM invité en partenariat par l’Argus.

Avant puis après un aller-retour Lorient-Paris-Lorient, le site était prêt pour recevoir les nouvelles publications.

Début d’année 2017, on a donc lancé le projet GoTmDM #NewYearNewRoad pour le nouveau multi-site DESIGNMOTEUR

#GoTmDM pour le hashtag associé au Team DM.

---

---

Février 2017, les navigateurs Web tels que Firefox et Chrome, via leur interface, informe l’utilisateur que si le site est en HTTP avec formulaire login/password… alors ce n’est pas ok.

---

Mars 2017, ma décision est de créer une « filiale » spécialisé Web de DESIGNMOTEUR.

WEBDESIGNMOTEUR : start-up spé Web Perf’

Ainsi, WEBDESIGNMOTEUR est le studio de création de sites Internet du Team DM.

WEBDESIGNMOTEUR ou World Wide Web DESIGNMOTEUR ou même wwwDM pour les intimes, est la start up spécialisé secteur Web Performance.

#wwwTeamDM pour le hashtag associé au projet.

Le studio est naturellement spécialisé Web Performance.

Web Performance ?

Faire de la Web Perf’ est au même titre qu’ajouter une entrée d’air en admission du moteur automobile, ou ajouter un carburateur, ou encore préparer et optimiser la cartographie moteur afin de le rendre davantage plus performant et gagner en nombre de chevaux de puissance.

Sur le Web, le but est de faire que le site appelé affiche vite le contenu demandé. Objectif réduire le temps de chargement à moins de 1 seconde. Résultat gain de temps, économie ressource serveur, bonus pour le référencement et confort de navigation.

– Ewen LJ, web designer, blogger auto moto,
Team Principal DESIGNMOTEUR (+500 pages vues / jour)

---

WEBDESIGNMOTEUR Garage : blog spé Web Perf’

---

L’idée aussi « est d’ouvrir au public » le Web garage de DESIGNMOTEUR afin de permettre à chacun découvrir le fonctionnement moteur d’un site web, d’un serveur (HTTP ? HTTPS ?), d’un navigateur Web (moteur de rendu) et du moteur WordPress qui fait tourner 25% du Web. On retrouve là l’essence même du nom DESIGNMOTEUR en tant que métier entrepreneur créateur de site web.

WEBDESIGNMOTEUR Studio spécialisé Web Design & Web Performance

prestations graphisme

• Logotype
• Corporate Identity – identité visuelle
• Brand Guidelines – charte graphique
• Businnes card – carte de visite
• Facebook cover
• Twitter header

prestations web design

• Responsive Web Design : site adapté du mobile first aux grands écrans
• Ultra Responsive Web Design : site adapté écrans Ultra-HD & adapté aux vidéos 4K
• WordPress : moteur de blog & création de Thème WordPres personnalisé
• BuddyPress : Ajout fonctionnalités de réseau social (Profil, Timeline, Mention, Groupe, Discussion)
• bbPress : Mise en place forum & création de template
• Search Engine Optimisation : référencement naturel
• Web Performance : dès la conception du site et durant tout le développement jusqu’à la mise ligne

---

prestations web performance

Ici, on réalise l’optimisation entre le moteur de site web tel que WordPress, le châssis de la template (Theme WP) et sa carrosserie visible (Interface Utilisateur), afin que Serveur & Client échangent vite. Ainsi, chaque éléments mécanique qui entre en jeu entre le serveur web et le navigateur web est optimisé. C’est bon pour votre business.

• Performance d’affichage des pages web (Document Object Model)
• Prise en compte des éléments externes (images, feuilles de styles, scripts)
• Optimisation du serveur (Apache .htaccess)
• Optimisation du moteur WordPress (the Loop = PHP code;)
• Optimisation du thème WordPress (Template = châssis = functions.php)
• Optimisation du style WordPress (Theme = carrosserie = Interface Utilisateur)

---

Vous avez besoin d’un site web stylé, efficace et performant ?

Go ! Mettez le contact

---

---

---