Entreprise Web

Refonte du site Lazuli Agency

Date de publication Auteur Partager
Copier le lien

Savez vous depuis combien de temps le précédent site de Lazuli Agency n’avait pas été mis à jour ? Depuis plus de 4 ans ! Il était temps de le changer vous ne croyez pas ?

En quatre ans, le web à énormément changé, je vous rassure, moi aussi ! J’ai donc décidé d’entamer un gros chantier de refonte, largement aidé par Fanny PENEAU qui s’est chargé de repenser l’intégralité du site et de produire les maquettes et les différents visuel.

Une structure repensée

Le site web est découpé en différentes parties pour expliquer simplement l’étendue des compétences.

L’agence

Une première partie de présentation de Lazuli Agency et de l’ambition qui se cache derrière cette restructuration des offres et des services associés ! L’idée est d’avoir une présence numérique rassurante et faire parti de l’écosystème numérique nantais.

Les services

On à également ajouté une partie de présentation des différents services que je propose aujourd’hui :

  • Développement web, le cœur de mon activité quotidienne
  • La formation professionnelle, en école comme en entreprise depuis plus de 3 ans
  • L’analyse d’audience, le côté passion de la data prend le dessus !

Les références

Ce qui me manquait le plus, c’était très clairement un espace portfolio pour présenter les différents sites web que j’ai pu réaliser dernièrement, alors il n’y a clairement pas tout dans ce portfolio, mais il y’a les derniers projets réalisés depuis 2019.

Les ressources

J’ai également décidé depuis plusieurs années d’apporter mon aide à deux communautés open-source, Matomo et WordPress. Deux solutions web pour lesques je contribue à développer des thèmes et des plugins que je met à disposition de tous, soit sur les marketplaces respectives, soit en téléchargement direct depuis cette zone du site. Dans tous les cas, faites en bon usage et votre contribution est également appréciée 😉

Le blog

Vous êtes dessus, donc oui, on a ajouté un espace blog pour raconter pleins de bêtises et essayer de tenir les gens qui nous suivent informées des choses qui me tiennent à cœur. Mais on ne va pas se mentir, je n’aurai jamais le courage d’alimenter ce blog régul_rement, donc pas de panique, ça ne vous fera pas trop de lecture régulière…

Les pages annexes, mais tout aussi importantes

Et oui, on à pensé à vous avec des petites pages annexes, vous retrouverez une foire aux questions avec les questions les plus souvent posées (et si vous en avez je les ajouterai).

Et je tenais également à mettre en avant une charte qualité, une sorte de petites règles qui font que mes clients sont toujours satisfaits et que je continue à aimer ce travail. En clair, ce sont les points clés sur lesquels je suis assez relou et je ne lâcherai pas le morceau !

Des enjeux techniques

Je sais, ça fait bien de dire qu’on repousse nos limites, qu’on se donne à fond etc… Mais on est pas sur LinkedIn ici, donc oui j’ai essayé de faire de mon mieux, et surtout, j’ai tenté d’être un peu en avance. Sur le site vous avez certains éléments graphique qui semblent ‘simple’ et pourtant, qui sont un réel enfer à faire fonctionner sur l’ensemble des navigateurs (et là encore je n’inclue pas notre cher Internet Explorer).

Neumorphisme

Sur les maquettes que Fanny à réalisée, on retrouve un effet sur certains éléments comme les cartes ou certains boutons qui sont en Neumorphisme, un tendance design actuelle. Le souci est que pour réaliser ce genre de design, il faut utiliser plusieurs calques CSS d’effets et les fusionner ensemble. Pour cela on utilise une propriété CSS mix-blend-mode qui se charge d’appliquer les modifications. Seul souci, cette propriété CSS est encore mal supportée par les différents navigateurs web en 2021. Nous avons donc mis en place un système de dégradation progressive du design en fonction du navigateur utilisé.

Vidéos sur fond transparent

La nouvelle charte graphique comporte également des éléments 3D animés. Pour animer ces formes sur le site, plusieurs solutions s’offrent à nous. Une bibliothèque JavaScript permettant de manipuler des objets 3D, ThreeJS (mais qui limite les animations et les textures) ou des vidéos au format WEBM avec un fond transparent. Dans les deux cas, nous nous heurtons aux limites des navigateurs. Le format WEBM n’est pas supporté par les appareils Apple (Mac et IOS), tandis que la bibliothèque de code ThreeJS ne permet pas d’appliquer des textures particulières et de créer des animations complexes.

Flou gaussien

Non c’est pas fini, on a aussi mis un effet de flou gaussien sur certains éléments du site, flou qui n’est pas correctement pris en charge sur les navigateur Chrome et Edge, et qui ne fonctionne pas du tout avec Firefox. Donc avec ces 3 technologies récentes à faire fonctionner, le site est un réel projet test. Vous pouvez tenter d’aller sur le site avec Safari, Chrome, Firefox et IE, vous aurez chaque fois une expérience différente (des petites variantes disons).

Un site web bac à sable

Je sais ce que vous allez me dire, le site vient tout juste de sortir et je vais déjà tout recasser et redévelopper une partie ? Sûrement ! Mais c’est un peu comme votre jardin (si vous en avez un), une fois la pelouse tondue, il faut tailler la haie, et planter des graines dans le potager, et recouper la pelouse et retailler la haie ! Disons que ce site, c’est un peu mon jardin ? 🙂

Découvertes de nouvelles technologies

Un site rien qu’a moi pour tester des nouveau plugins, des nouvelles méthodes de développement, casser pour reconstruire. Je fais les tests chez moi, et quand ça marche, je le mets en place chez vous, ce sera sûrement mieux comme ça croyez moi !

Tests de référencement naturel

Et puis il y’a un côté challenge, j’aime beaucoup le challenge. Je vais donc essayer de faire toutes les optimisations SEO techniques possibles pour tenter de me positionner « correctement » sur Google. J’ai déjà tenté avec mon site de formations web et ça à plutôt bien fonctionné !

Le souci c’est qu’il faut produire du contenu, et c’est une tâche qui prend beaucoup de temps et qui me passionne peu.

Déjà j’ai écrit cet article, et crois moi, c’est suffisamment rare pour que ce soit une raison valable pour le partager à tous les gens que ça pourrait intéresser ! 😉