Nouvelle peau pour Jackie's avec un logotype moderne ainsi qu'une calligraphie sur-mesure, ainsi qu'un site internet bien référencé !
Logotype
#D8C9BF
#6ED36E
#FF8B6C
#31424F
Site internet
Général • Brief
Cette refonte du site vitrine de Jackie’s met en avant l’identité visuelle fraichement créée pour cette traiteuse végan. L’ambiance colorée, douce et chaleureuse accompagne l’idée d’une nourriture réconfortante et saine. J’ai d’abord conçu des maquettes graphiques, puis effectué le développement du site via un thème WordPress sur-mesure.
Général • Outils
Général • Édition
Afin de permettre une édition facilitée, les pages complexes sont réalisées à l’aide de l’éditeur de page Elementor. Pour reproduire fidèlement les maquettes, j’ai développé plusieurs modules intégrés à l’éditeur et éditables en direct.
- Thème sur-mesure sur base Sage
- Modules Elementor personnalisés
- Extension des modules Elementor de base
- Optimisé mobile & desktop via Google Pagespeed
- 1ers résultats Google sur nombreuses recherches
Pages • Accueil
Pages • Contact
Modules
personnalisés
pour Elementor
La mise en page générale pouvait être reconstruite facilement à l’aide d’Elementor, mais certains éléments graphiques ont nécessité la création de modules sur-mesure. Interactifs et totalement intégrés l’éditeur visuel, il permettent une visualisation et une édition moderne et en temps réel.
L’API d’Elementor est combinée à des templates Laravel pour le front et Backbone JS pour le back.
Poster animé
Module personnalisé
Ce module affiche des lignes de texte texturé affichées successivement, et s’adaptant automatiquement à la taille de leur conteneur.
Fond en découpe
Extensions modules natifs
Certaines sections présentaient un fond uni mais ouvert sur un coin, aspect que j’ai reproduit par une astuce CSS combinant flexbox et SVG.
Afin de rendre cette option facilement utilisable, je l’ai intégrée directement éléments natifs colonne & section tout en proposant plusieurs paramétrages comme la position, la couleur ou la taille.
Éléments flottants
Module personnalisé
Les éléments décoratifs animés au scroll et au mouvement de la souris disposent également de leur propre module Elementor, permettant d’adapter facilement leur placement.
Le module propose plusieurs éléments reliés à des templates uniques : l’ajout de nouveaux éléments est ainsi facile à mettre en place.
Optimisation
performances
et SEO
Référencement
Le travail sur le référencement naturel et l’optimisation du code pour le SEO a également permis d’être rapidement placé dans les premières positions lors de recherches Google importantes telles que « traiteur vegan » « traiteur végétalien », « buffet végétarien »… et ce malgré la faible quantité de pages.