Nos services

Création de sites web et services internet

Internet est devenu un média incontournable désormais et le site web reste le point de départ, le coeur du marketing digital. Nous créons des sites web depuis 2011, en passant par différentes technologies (web statique ou web dynamique). Nous analysons vos besoins avec vous pour vous proposer la meilleure solution, que vous pourrez gérer de manière autonome une fois le site mis en ligne. Autour du site web, il y a aussi les réseaux sociaux et les campagnes d’emailing. Nous pouvons nous charger de ces secteurs ou vous former pour que vous preniez la main par la suite (page formations).

Les caractéristiques de nos sites web

Un beau site web qui n’est pas visible ne sert à rien. Voilà pourquoi nous réalisons tous nos sites web SEO-friendly dès leur conception. Comme la tendance de la demande de la part de nos clients est de pouvoir être autonome au moins dans la modification des contenus, pratiquement tous nos sites depuis trois ans sont des CMS, WordPress. Ce qui implique que nous vous formions pour l’utilisation de l’outil.
Chez photoGRAPHICdesign, on fait tout ce qui est en notre possible pour que nos clients rentabilisent leurs investissements.

Nous réalisons des sites web depuis 2011 et nous suivons de près les évolutions techniques pour vous fournir la solution qui conviendra le mieux à votre activité dans le prix le plus abordable envisagé pour ce type de solution.

WordPress, le CMS opensource

Voilà pourquoi depuis environ trois ans, nous ne travaillons plus qu’avec WordPress. L’implémentation WordPress vous permettra, dès que le site sera mis en ligne et après formation, de gérer vos contenus (textes et images – appellation CMS). Nous avons choisi WordPress, car il est accessible à tous (opensource), ce qui signifie que vous pouvez trouver des tas d’informations sur internet, de l’aide et de nombreux prestataires pourront travailler sur votre site.

SEO-friendly et responsive

Tous nos sites sont SEO-friendly en français, néerlandais, anglais, allemand ou grec. Cela signifie que nous travaillons leur référencement naturel dès leur conception (voilà pourquoi on vous pose aussi beaucoup de questions sur votre activité et sur votre marché). Tous nos sites sont responsive, c’est-à-dire qu’ils sont aussi lisibles sur un smartphone que sur un ordinateur de bureau 27 pouces.

Nos atouts

Comme nous sommes aussi photographes, copywriters et graphistes print, nous pouvons vous proposer ces services pour votre site web (sans qu’ils soient compris dans la formule de base). Nous vous garantissons la propriété de vos noms de domaine et de vos accès (lire l’article sur ce site à ce sujet). Nous vous laissons construire votre budget : nous vous proposons une solution minimale de base en fonction de l’analyse de vos besoins et vous y ajoutez les options que vous souhaitez (certaines pouvant être ajoutées quelques mois après, suivant le résultat des visites et le rendement du site).
b

Contrat transparent

Autonomie pour vous

SEO-friendly

Quelques exemples de réalisations

Cliquez sur les photos pour accéder au site

Services internet complémentaires

Même si le site web est toujours le coeur du marketing digital, vous pouvez (il est même recommandé) le lier à plusieurs médias sociaux. Nous pouvons vous aider dans cette tâche, soit de manière globale, soit en prenant en charge, par exemple la déclinaison de tous les visuels pour les différents réseaux.
Par ailleurs, les campagnes d’emailing peuvent se révéler très efficaces et peu coûteuses à l’envoi. Nous travaillons principalement avec Mailchimp. Nous pouvons créer les campagnes pour vous ou vous former à utiliser Mailchimp.
  • Campagnes d’emailings – 50%
  • Réseaux sociaux – 50%
  • Marketing digital – 100%

Année du début en web

Sites web

Campagnes emailings

Tasses de café

Notre blog
Sur notre blog, nous avons écrit quelques articles pour vous aider à vous y retrouver dans tout ce qui concerne les sites web : noms de domaines, hébergement, CMS, CSS, arborescence, mots-clés et bien d’autres choses encore.

Techniques web — l’arrivé de Gatsby

Internet et nouvelles technologies

Bienvenue au grand Gatsby !

Jeroen Tiggelman, développement front-end

La vitesse d'un site web est quelque chose que Google donne de plus en plus d'importance. Les dernières années, il y a eu une grande évolution dans le developpement du concept « site statique ». Une des plateformes que j'ai recherchée est Gatsby, un moteur pour des sites statiques, mais pas seulement...

Avec l'utilisation des CMS comme Wordpress on a pris l'habitude d'attendre jusque la page web charge quand l'internaute demande la voir. L'URL est saisi, le navigateur fait une requête au serveur, qui va chercher le contenu dans la base de données et construit la page concernante. Quand ce processus est fini, le serveur envoie la page en HTML, CSS et Javascript et le navigateur affiche la page.

Pour faire tout ça, il faut du temps. Qui ne se souvient pas l'époque où on faisait des pages statiques, qui ne devraient pas être construits par un serveur, mais étaient envoiés tout de suite à partir de leur site de stockage. C'était vite, non ? Maintenant, certainement parce que un site web est de plus en plus affiché sur des navigateurs mobiles, on redemande cette vitesse.

Entretemps, on a aussi pris l'habitude de pouvoir ajouter, adapter ou effacer le contenu d'un site web facilement. Une entreprise n'a pas forcement envie de devoir creuser dans le code d'un site afin d'adapter la date d'un événement, du contenu temporaire ou bien des mésures prises dans le contexte d'une pandémie.  

Exemple d'affichage dynamique d'un flux Instagram.

www.photographicdesign.be

Sérait-il une bonne idée de combiner la vitesse d'affichage avec la flexibilité d'adaptation par un client ? Ici les frameworks pour construire des sites statiques viennent dans l'image. En ayant expérimenté déjà en 2014-2015 avec des plateformes comme Jeckyll et Hugo, je n'étais pas trop accroché parce que oui, la vitesse liée aux pages web statiques était là, mais le leurs concepts étaient trop technique pour qu'une personne lambda pourrait adapter ou ajouter du contenu.

« Avec Gatsby, on a le meilleur des deux mondes. Cette plateforme combine la vitesse des pages web statiques et la flexibilité des sources de données. »

Gatsby est une plateforme pour le développement des sites web statiques. Plus d'info sur www.gatsbyjs.org

Gatsby est rapide dans tous les sens. C'est un framework « open source » basé sur React qui aide les développeurs à construire des sites web et des apps avec une vitesse incroyable.

Comment ça marche ?

Imaginez-vous que vous pouvez utiliser presque n'importe quelle source de données pour alimenter votre site :

  • des CMS comme Contentful, Drupal, Wordpress, etc.
  • des fichiers Markdown
  • des données (des API, bases de données, YAML, JSON, CSV, etc.)

Schéma de fonctionnalité de Gatsby

La construction des pages se fait au moment du développement !

Le développeur connecte le site aux sources de données différents (on peut même faire appèl à plusieurs sources en même temps) et fait la mise en page du site. Au moment du « build » du site, Gatsby s'occupe — d'office — de plein de techniques : construction des pages statiques, optimalisation des images en utilisant la taille idéale pour chaque utilisation d'image (en plus, les images s'affichent avec une technique « lazy loading » qui permèt de pas devoir télécharger toutes les ressources d'une page en une fois, mais seulement à partir du moment qu'elles sont affichées). S'il y a des liens sur la page, Gatsby va même déjà chercher le contenu des pages où les liens pointent (pre-fetching) et les stocke dans la mémoire du navigateur. Comme ça, quand l'internaute clique sur ce lien, la page concernante s'affiche quasi tout de suite !

Énormément de possibilités !

Gatsby offre plein de possibilités d'application. Il y a pas mal de plug-ins qui offrent encore plus de flexibilité et puissance. On trouve par exemple un plug-in SEO qui permet d'optimaliser le site pour les résultats de récherche.

En injectant des modules pour des formulaires de contact ou bien pour l'achat en ligne en utilisant des plateformes de paiement comme Stripe, le développeur dispose de plein d'outils (en plus, chaque outil est l'un des meilleurs de sa catégorie) pour faire un site web assez puissant.

Vous voulez mettre à jour ou rajouter du contenu vous-même (vous avez un blog ou vous vendez des articles en ligne) ? La manière la plus simple est d'ajouter des fichers Markdown dans un dossier pre-défini et de déclencher une mise à jour automatique du site web via Github.

Plus habitué à l'utilisation d'un CMS ? Gatsby peut-être lié dynamiquement à des CMS comme Contentful, Strapi, Sanity ou même un « headless » Wordpress. Chaque adaptation du contenu résultera une mise à jour du site automatique en adaptant uniquement les fichiers qui sont changés.

Plusieurs de manières de publier et réduction des frais d'hébergement

Un avantage énorme de Gatsby est que les pages statiques n'ont pas besoin d'un serveur coûteux qui construit les pages du site web, ni de base de données en ligne, si on choisit pour cette solution. Les frais d'hébergement seront alors fort diminués, voir éliminés : on peut publier le site sur des CDN comme Netlify, Github Pages, etc., qui donnent un volume gratuit déjà très sympatique pour le stockage et construction automatique des mises à jour du contenu du site. On a juste besoin d'un nom de domaine et c'est parti !

Gatsby pour un site web puissant et moderne

Après avoir fait mes récherches et mes expériments avec Gatsby, je peux que concluire que en étant « open source », Gatsby offre une plateforme moderne et puissante avec des possibilités quasi illimités. La programmation d'un site avec Gatsby n'est pas vraiment pour des débutants. On part du principe qu'il y a quand même une petite connaissance de React. Il y a quand même déjà une fonctionnalité de base très étendu, des templates sont disponibles et la documentation est claire et assez élaborée (pour le moment seulement en anglais).

Devenir indépendant d'un serveur web, un site fait avec Gatsby n'utilise pas seulement les dernières techniques web, mais peut également réduire vos frais d'hébergement.

En concluant : Gatsby ou des plateformes pareilles, sont le futur !

Vous avez un projet ?
Envoyez-le nous

Si vous êtes intéressé par notre travail et ce que nous pouvons vous apporter en matière de communication web, prenez contact :
Do NOT follow this link or you will be banned from the site!