Articles par :

tibo

Cahier des charges pour un site wordpress

150 150 tibo

Chaque marque, produit, entreprise à besoin de visibilité sur internet !

Après avoir créé ses réseaux sociaux gratuitement (Facebook, Instagram, Tik-tok, twitter, Pintersest…) une entreprise, une marque à besoin d’assoir sa présence pour présenter ses produits, ses services. Elle à besoin d’un espace pour présenter son offre, vendre, convertir, influencer quelle va pouvoir maîtriser et habiller selon ses besoins.

WordPress est une solution qui à l’avantage de proposer un bon rapport qualité / prix et propose de nombreuses customisations possibles.

Mais combien coûte un site wordpress ? je dirais que c’est un peu comme le prix d’une voiture, tout dépend de ce que vous voulez qu’il fasse, vous voulez un site vitrine, un e-commerce, un blog, une web-app ? WordPress peut vous permettre de faire tout cela mais selon les options, vos choix, il n’aura évidemment pas le même prix !

Pourquoi choisir WordPress ?

WordPress est un des gestionnaire de contenu le plus populaire au monde, il représente à lui seul 34 % de tous les sites sur Internet !

  • WordPress à la plus grande part de marché des CMS .
  • WordPress propulse 14,7 % du top des sites mondiaux.
  • 500 sites sont construits chaque jour avec WordPress.
  • 55 000 c’est le nombre d’extensions répertoriés sur WordPress.
  • WooCommerce c’est 22% des sites de commerce électronique dans le monde.

Le cahier des charges

Pour vous permettre d’y voir plus clair, la rédaction d’un cahier des charges est indispensable. Il vous aidera à identifier vos besoins, les fonctions, la présentation et les objectifs de votre site.

Il permettra à l’agence ou au freelance de pouvoir deviser votre demande.  C’est une étape primordiale pour évaluer tout les coûts et ne pas avoir de surprises dans le déroulement de la création de votre outil. Si vous avez du mal pour la réalisation de ce cahier des charges, pas de panique, la plupart des intervenants peuvent vous aider dans la réalisation de celui-ci.

Dans tout les cas vous pouvez retrouver ici une trame sur laquelle vous pouvez vous appuyer pour entamer ce travail.

Les informations legales

Pour commencer, donnez toutes les informations légales dont votre prestataire va avoir besoin.

Dénomination sociale, nom, prénom, téléphone, mail, Siren… bref tout ce dont il à besoin pour vous identifier, vous contacter et vous faire parvenir votre devis tant attendu 😉

Déterminer les objectifs

Une fois que votre prestataire à les informations de base, on entre dans le vif du sujet ! Quel est le but de votre site internet ? Gagner en visibilité, proposer des services, vendre une solution, un logiciel, des produits ? Identifiez ce que vous souhaitez que votre site internet propose.
Petite astuce, plus votre objectif est clair, moins votre prestataire aura besoin de temps pour comprendre vos besoins. Je vous suggère de coucher ça sur papier, de nombreux porteurs de projets pensent qu’un échange par téléphone suffit… si le prestataire accepte, ce n’est pas très bon signe pour la réalisation de votre projet.

Le look de votre site internet

Les éléments graphiques ont leur importance dans la création de votre futur outil de communication ! (ce n’est pas moi qui vais vous dire le contraire…)

Avez-vous un logo, des couleurs, une charte graphique à transmettre à votre prestataire ? Si vous n’en n’avez pas, il faudra les créer et prévoir un cahier des charges pour la réalisation des éléments visuels de votre site web. Si vous les avez, faites le listing et réunissez les éléments que vous avez en votre possession dans les meilleures définitions possibles. Transmettez-les à votre prestataire pour qu’il puisse avoir les bases graphiques qui lui permettrons de réaliser votre site internet.

L'arborescence de votre projet

Un listing exhaustif des pages comprises dans votre site, défini dans votre cahier des charges. N’oubliez pas les pages de mentions légales, landing pages, trop souvent ajoutées en fin de projet. Pas besoin d’un diagramme incompréhensible, une liste à puce est bien souvent plus efficace 😉

Maquette de votre site (l'UX)

Une fois le devis signé, votre prestataire va commencer par vous fournir la maquette de votre site internet, page par page. Un premier squelette qui vous permettra de vous rendre compte du fonctionnement de votre site internet. Ce squelette (appelé UX) est basé sur votre cahier des charges et doit répondre à vos attentes en matière de navigation et de hiérarchie d’information. Cette maquette n’est en aucun cas la version finale de votre site, c’est une étape qui va vous permettre de valider au fur et à mesure la construction de votre site internet. Vous allez pouvoir faire des retours avant de passer à l’étape de design à proprement parlé.

Hébergement de votre site internet

L’hébergement est une question souvent compliquée à appréhender, on a souvent du mal à comprendre les tenants et les aboutissants, on ne voit souvent que le prix payé par mois ou à la fin de l’année. Les prix attractifs pratiqués chez de nombreux fournisseurs cachent de nombreux pièges 😉 Dès que l’on souhaite une option supplémentaire, on se retrouve souvent à payer plus cher que certaines offres chez des concurrents qui au départ paraissent moins attractifs.

Le nom de domaine

Votre nom de domaine, c’est votre capital, votre notoriété, votre réputation sur le web ! En achetant votre nom de domaine, vous pouvez changer d’hébergeur, vous ne perdez pas votre nom et continuez à développer sa visibilité. Votre nom de domaine est indépendant de votre hébergeur même si souvent il est acheté chez le même prestataire.

L’achat de nom de domaine peut-être un casse-tête… dois-je prendre un point FR, un point COM, les deux, une extension plus exotique ? (point WORK…) Dois-je racheter un point aux enchères qui m’intéresse ? Il n’y à pas vraiment de best practices mais votre prestataire pourra vous aiguiller.

Le contenu de votre site internet

Textes, images, le contenu de votre site web est-il déjà réalisé ? Si ce n’est pas le cas ou en êtes-vous ? Qui devra l’intégrer sur votre futur plateforme ?

De nombreuses questions auxquelles il faudra répondre pour que votre prestataire puisse avoir une visibilité complète de votre projet. S’il est négligé, le contenu rédactionnel et l’illustration de celui-ci peuvent avoir un coût et un impact pour la délivrabilité des projets. Un manque d’expertise ou de professionnalisme peut mettre à mal un projet techniquement bien réalisé.

Un contenu de qualité permettra à votre site web de vous construire une réputation pérenne. Votre notoriété dépendra de celui-ci ainsi que la réalisation techniquement de votre site. Google aime les sites qui répondent à leur exigences techniques mais à la qualité du contenu.

Les fonctionnalités

Vous souhaitez avoir des fonctionnalités spécifiques ? Prise de rendez-vous ? Mise à disposition / partage de votre calendrier ? Connexion à une web-app ? Inscription partagée ?
De nombreuses fonctions sont possible ! Il faut les documenter, apporter des exemples, correctement les décrire pour que votre prestataire se pose le moins de questions possible. Ainsi les coûts et les risques d’erreur et les incompréhensions seront réduites drastiquement. En guise d’exemple, n’hésitez pas à donner les liens des sites qui vous ont inspirés ces fonctionnalités.

Formation

Votre site est enfin en ligne ! Il est tout beau, tout neuf, mais vous avez besoin de mettre à jour des informations, ajouter des articles à votre blog, ajouter un produit, ou bien modifier votre adresse. Vous ne savez pas comment faire, vous avez peur de tout casser sur votre site internet.

Une formation vous permettra de garder la main sur votre nouvel outils, cela prends du temps et génère un coût mais à terme cela vous permettra de prendre en main votre outil et ne plus dépendre de votre prestataire pour faire des mises à jour de votre contenu. Et quoi qu’il arrive, il sera toujours là pour vous épauler !

Maintenance et sauvegarde

La santé de votre site internet dépend également de sa maintenance ! Garder en bonne santé votre site internet est un gage de durée, de confiance et de meilleure visibilité, les différents moteurs de recherche y accordent une grande importance et peuvent freiner votre visibilité si elle n’est pas bien gérée. Mise à jour des extensions, sécurité obsolète, non gestion des bugs et j’en passe. Votre prestataire vous proposera également de faire des sauvegardes de vos données programmées de nombreuses solutions peuvent être envisagées.

Pensez à lister ce que vous souhaiter que votre contra de maintenance doit comporter, plus vous détaillerez et mieux votre prestataire sera précis dans l’élaboration de son devis.

Un cahier des charges pour un site internet est un travail qui ne doit pas être pris à la légère si on ne veut pas se retrouver avec des surprises que l’on avait pas prévu. Plus il sera détaillé, plus vous aurez un devis qui correspondra à votre demande.

Des conseils pour anticiper la suite !

Un bon prestataire vous permettra d’anticiper des besoins auxquels vous n’avez pas pensé comme :

  • Le travail du SEO
  • La vitesse d’affichage
  • l’amélioration de qualité
  • La sécurité
  • Les évolutions, techniques, graphiques…
  • Le suivit

La qualité d’un site internet est un travail continu, il faut suivre les évolutions, le rendre vivant et attractif sur la durée. Un bon prestataire pourra vous proposer de nombreuses solutions pour vous aider à y voir plus clair !

Montage prototype "Shark"

Lowpoly side project

1024 758 tibo

Lowpoly est un projet sur lequel je bosse par intermittence depuis près d’un an. Un principe simple et ludique, tout comme le “paperkraft”, nous proposons de créer des sculptures en 3D avec une base de papier plié et découpé. Lowpoly permet de réalisez une décoration ludique et originale pour petits et grands, totems, sculptures, guirlandes, mobiles… à monter soit même. Avec Lowpoly, nous souhaitons faire un produit réutilisable et démontable ce qui permet d’éviter la colle et les ciseaux. Nous voulons réaliser un produit de qualité, l’impression et la découpe permet d’arriver à des finitions optimales comparé à l’impression de bureau et à la découpe manuelle…

Les premières maquettes en 3D

3d "Wahle"
La baleine

On part sur une première collection marine avec des animaux indépendants qui peuvent exister facilement les uns avec les autres. La baleine “Wahle” est le premier modèle.

3d "Shark"
Le requin

Après Whale voici Shark le requin. Deuxième modèle validé par mon fils, restait il y à quelques mois à trouver le système d’assemblage pour monter les animaux sans colle ni ciseaux.

De la 3D au prototype

Montage prototypes "Shark" and "Wahle"

Activité manuelle

3 semaines après l’envoi à l’imprimeur je réceptionne les tirages des premiers prototypes. À première vue, les impressions sont super glossy dût à la lamination, je ne m’attendais pas à ça, dans tout les cas ce ne sera pas le choix final pour la finition. Le papier n’est pas assez résistant, il faudra opter pour un grammage plus élevé, le résultat est tout de même cool même si encore un peu cheap !

Montage de la baleine

Après une semaine que les prototypes trainent sur le bureau, je peux enfin m’y mettre ! Je suis surpris par la découpe et le rainage avec lesquels j’avais quelques doutes. J’espère que la forme de découpe finale sera aussi précise ! Le montage à proprement parler se passe bien, même s’il reste un point d’interrogation quand à la capacité des plus petits à ne pas déchirer le papier…

Prototype "Whale"
Montage prototype "Shark"

Le requin

Pour le “Shark”, pas trop de surprises, globalement on y arrive même si le montage est un peu moins évident que la baleine. Heureusement qu’un petit plan de montage est prévu pour y remédier. Un petit défaut de conception au niveau de la queue me fait dire qu’il y a encore deux ou trois choses à améliorer. Verdict d’une collègue : « il est cute le Shark »… et ça, c’est cool !

Installation "Shark" and "Wahle"
L'Installation


Une fois les prototypes bien assemblés, il faut les installer, mes premiers fans (mes enfants) devraient avoir une belle surprise pour la déco de leur chambre. Résultat, surprise est bonne pour tout le monde ! Ils trouvent ça sympa et me posent tout de suite des questions et savoir lequel des deux pourra avoir le requin au dessus de son lit, plutôt positif tout ça, surtout quand je leur ai annoncé qu’ils pourraient les monter eux même. La prochaine fois ce sera a eux de faire le montage et l’installation !

Wild And Free

Lettering du mardi

710 709 tibo

De belles courbes pour  bien démarrer la journée !

Voilà plus d’une année que je m’exerce à l’art du dessin de lettre, je partage depuis quelques mois mes réalisations, vous pouvez suivre mes évolutions sur mon compte instagram sur mon blog ou mon portfolio. J’en profite pour vous mettre le lien du groupe Facebook “Je me met au lettering” créé par Francis Chouquet qui propose aux néophytes (mais pas que…) des “challenges” pour s’exercer au lettering dans la bonne humeur 😉

Brief Google

Google, un nouveau look…

1024 576 tibo

Depuis peut Google a sorti son nouveau logo… est-ce une réussite ? En tout cas en terme d’annonce, pas de soucis les rois du marketing ont frappés fort et personne n’est passé à coté de cette refonte presque historique.

Après 16 ans de bons et loyaux services et quelques liftings (passés le plus souvent inaperçu) le logo de notre moteur de recherche préféré fait peau neuve. Il se paye une nouvelle coupe et se fait raccourcir les empattements, c’est ce qui saute aux yeux tout de suite. On peut se demander pourquoi avoir autant attendu avant de faire ce re-design complet ?

Le design minimaliste de la nouvelle identité du moteur de recherche n’enlève rien a l’appétit gargantuesque de la firme. Avec ce nouveau look, Google nous a concocté une arme efficace et redoutable et prouve que le moteur de recherche s’adapte aux nouvelles utilisations. Dans les faits est depuis longtemps le cas, mais en terme de design, relativement récent, souvenez vous de l’identité de leurs outils il y’a encore quelques années… À l’époque le design de Google était inexistant et insipide et sans vrai ligne directrice.

Google ne fait pas les choses à moitié en proposant tout un arsenal pour mettre en place sa nouvelle identité de façon globale : typographie, animations etc. Google s’affiche partout de l’écran de PC jusque sur notre montre connectée en passant par le smartphone (j’en passe) la nouvelle identité se décline sous tout ses supports de façon intelligente en mettant l’accent sur la simplicité et la convivialité.

Google c’est plus de 7 milliards d’utilisateurs, il faut reconnaitre qu’avec une identité poussée vers le minimalisme 4 ronds de 4 couleurs, on se demande comment ils pouvaient faire plus universel !

 

Modernité, adaptabilité, responsive, cohérence, raffinement ont étés points clefs du brief de départ. La simplicité la sobriété et l’efficacité est depuis longtemps la marque de fabrique du moteur de recherche. Désormais ces deux axes sont développés dans leur identité.

Le Logo :

Fait de formes simples et enfantines, le logo à un coté ludique qui rompt avec le logotype précédant. On peut faire un rapprochement avec la marque Lego® dans l’esprit ludique et évolutif : couleurs plus acidulées. En tant que graphiste on y voit déjà toutes les possibilités de déclinaison et les designer de Google, vu le résultat se sont fait plaisir. On peut faire une comparaison avec la refonte du logo Facebook qui de mon point de vue n’est pas une réussite, où l’on se rapproche plus d’une typo classique et ou l’on perd en identité et en devenant un produit standardisé. Google a su renouveler son identité en profondeur, son travail sur le material design fait depuis pas mal de temps a permis à la société d’accoucher de cette nouvelle identité et de ce nouveau logo.

Le “G” version compactée du logo :

La lettrine “G” version compactée du logo est la signature du nouveau logo mais pas que… Favicon, ou logo réduit a son extrême simplicité il reste identifiable et lisible et ce à de toutes petites tailles. Les mauvaises langues y voient également un camembert qui s’adapte très bien aux produits de Google Analytics 😉

 

Le diable est dans les détails…

Avec seulement 4 points rouge, jaune, vert et bleu Google et ses dots arrive à rendre vivant, ludique, dynamique et fluide ce qui avant n’était qu’une attente pénible. Les motions designer réussissent à faire passer des émotions dans les animations et les transitions de leurs points colorés.

La typographie

En parallèle du logotype Google à développé sa propre typo pour Appelée “Product sans” qui permet de dénommer les différents produits associés au moteur de recherche. La déclinaison des produits Google est désormais chartée, la cohésion en est d’autant plus forte !

 

Un nouveau départ

Pour moi avec ce nouveau logo et cette nouvelle charte, Google se projette dans le futur et pense déjà aux futurs aux nouvelles générations (les – de 15 ans) non pas en faisant un logo “dans l’air du temps” (expression que je déteste soit dit en passant) mais un logo qui traduit la vision du groupe. Simple, modulable, évolutif et pro-actif, Google fini toujours la fin de vos phrases 😉

A mon sens la refonte du logo de Google est une vraie réussite.

Rough pour illustrations d'un jeu de carte

Création d’un jeu de carte

800 600 tibo

Comme beaucoup d’illustrateurs fans de jeu de carte / société… je me suis toujours dit un jour que je ferais mon jeu rien qu’à moi, fait avec du fruit de mon travail et de mon imagination. J’ai testé de nombreux jeux plus ou moins compliqués depuis mon adolescence et j’ai passé pas mal de temps à illustrer des jeux pour des éditeurs et ou créateurs sympas mais pas toujours dans la veine des jeux que j’aurais aimé faire. Aujourd’hui c’est décidé, je me lance, quitte a me prendre des portes 😉

L’univers du jeu : La piraterie !Certes, ce n’est pas un thème très original mais il a l’avantage de parler à tout le monde, c’est un bon socle ou tout le monde connait une partie du sujet et ou chacun sait ce à quoi il va s’attendre : rechercher des trésors, attaquer des navires, découvrir des territoires… bref un sujet vu et revu, à moi de trouver un fonctionnement original qui va donner un aspect singulier à cette nouveauté.

Les règles :Le point le plus délicat dans la création d’un jeu. Sur le papier ça fonctionne toujours 😉 dans la réalité c’est toujours plus compliqué ! Il faut bien distiller les ingrédients pour faire un bon jeu même si avec tout ça il n’est pas assuré d’y arriver…L’interaction entre les joueurs est pour moi primordiale il n’y a rien de plus pénible de jouer avec des amis et de jouer chacun de son coté sans vraiment voir/savoir ce que fait son voisin et de découvrir à la fin de la partie, lors du décompte des points qui à gagné…La stratégie est importante également, j’aime que les joueurs adoptent des stratégies différentes pour arriver a leur fin. Pour ma part la stratégie permet également d’éviter de donner une trop grande part hasard, il n’y a rien de plus frustrant de gagner ou de perdre que par le fruit du hasard. Il en faut tout de mêm un peu pour pimenter le jeu, et enrayer un peu les stratégies mises en place. Une fois qu’elles seront bien en place, j’en écrirais un peu plus a ce sujet 😉

Le stade du prototype j’en suis là aujourd’hui !
Pour le moment c’est un jeu de 108 cartes dont le pitch est :
“Suite à une mutinerie vous vous retrouvez propulsé à la tête de votre navire… Bref vous êtes désormais capitaine, il va falloir vous montrer intrépide, en découdre et marquer l’histoire de la piraterie !”
J’aime bien ce pitch 😉 Durant la semaine je vais faire quelques tests entre potes, les retours me permettrons de peaufiner les règles voir de les refaire, ce que je n’espère pas… en attendant, je vous met un petit visuels des cartes que j’ai commencé a croquer, en espérant que ça vous plaise !

Lancement de la marque Stickaz

150 150 tibo

Fresque réalisée pour le lancement de la marque Stickaz début 2011 à La Fausse boutique.

En détail, 8h00 de collage à 4 ou 5 personnes et 7800 pixels posés ! Design made in Tibo 😉

Bonjour tout le monde !

150 150 tibo

C’est fait ! Les dés sont jetés…

Vous êtes en face de mon premier article et cela préfigure un grand changement intérieur pour moi.

Pourquoi un blog me direz-vous ?

Depuis pas mal de temps, beaucoup de choses me font réagir dans nos métiers et je tenais à avoir une espace pour pouvoir m’exprimer sur des sujets un peu plus pointus que ceux abordés sur Facebook entre deux posts de “chatons tout mignons”. Je tenais également à partager de mes découvertes et vous faire profiter de mon expérience.

Avant tout, j’avais besoin d’avoir mon portfolio en ligne, chose que j’ai fait en début de carrière (expresssion de vieux mais j’assume, je suis un vieux graphiste maintenant…) au début des années 2000 pour trouver un job. Je n’ai jamais pris le temps de m’en refaire un depuis maintenant 12 ans… les cordonniers ne devraient pas être les plus mal chaussés, c’est ce que je répète souvent à mes clients !

La solutions WordPress

Les technos ayant évoluées je peux désormais gérer moi même ma tribune grâce à WordPress qui permet de faire tant de chose même pour les personnes réfractaires au code comme moi ! Mon premier portfolio était un site full flash, ce qui aujourd’hui serait une aberration, de plus je ne suis pas sur que je pourrais refaire un site en AS. il serait très drôle de remettre la main dessus pour me rappeler mes débuts lorsque j’étais jeune et insouciant !