Aller au contenu
Projets
Identité visuelle & site internet
2021

Jackie's Traiteur végétal

  • Direction artistique
  • Site internet

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

Beige

#D8C9BF

Vert

#6ED36E

Saumon

#FF8B6C

Bleu nuit

#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.

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.