La Griffe de Ghexia

Type : Identité Visuelle, Webdesign, Print, Divers

Client : Projet personnel

Outils utilisés :

Illustrator Photoshop InDesign WordPress Brackets VS Code Cinema 4D

Langages utilisés :

HTML5 CSS3 Less JavaScript PHP

Création d'une identité visuelle et d'un site web en rapport avec ma passion : le crochet.

1. Le nom

"La Griffe" fait, d'une part, référence au crochet : un crochet a une forme recourbée, un peu comme une griffe. D'autre part, "La Griffe" fait également penser à "la patte", "le style" de quelqu'un, par rapport à son univers et à sa façon de créer.

2. Le logo

Quelques mois après avoir commencé le crochet, j'ai conçu un logo à apposer sur les photos de mes réalisations et sur les réseaux sociaux. Suite au nom "La Griffe", j'ai dessiné une main avec l'index se changeant progressivement en crochet.

Le cercle autour peut rappeler un cercle magique, technique de crochet pour démarrer un travail en rond, mais aussi un tambour à broder, autre loisir que j'affectionne.

Pour finir, la main tient une petite chaîne avec le logo Ghexia en pendentif.

3. Le site web

Caractéristiques du site : Site internet et blog WordPress

Après avoir possédé plusieurs sites et blogs distincts sur cette passion, j'ai décidé de les regrouper en un seul et même site en utilisant le CMS WordPress.

De cette manière, mes créations et tutoriels ainsi que des articles explicatifs de mes réalisations et d'autres d'inspirations se retrouvent au même endroit.

J'ai créé mon propre thème WordPress avec le starter Underscores (_s). Grâce à ça, j'ai pu effectuer de nombreux ajouts et modifications manuels (tels que le menu burger, le bandeau des Cookies et la Fancybox pour les galeries) afin d'éviter au maximum l'utilisation d'extensions.

Ne pouvant pas tout remplacer, je me sers tout de même des extensions suivantes : Antispam Bee, Elementor, Grow Social, Imagify, WP Cerber, WP Fastest Cache, WPForms et Yoast SEO.

J'utilise également le plugin Polylang pour avoir un site bilingue (Français / Anglais). La traduction des chaînes a été faite avec le petit logiciel Poedit.

Accéder au site

4. Les tutoriels PDF

Lorsque je crée un patron, je partage son tutoriel soit via un article de blog, soit via un livret PDF à télécharger. Ce livret est au format A4 et est mis en page avec InDesign. Il reprend l'identité visuelle et l'aspect graphique du site web.

5. Guide du Crochet Hook

Caractéristiques du site : Site internet sur-mesure en one-page

Quelques années après avoir conçu le site/blog, j'ai créé un mini site via l'éditeur de code VS Code afin de regrouper et partager toutes mes ressources sur le crochet.

Étant placé en sous-domaine du site principal et relié à celui-ci, j'ai respecté la même identité visuelle au niveau des couleurs, des typographies et de la mise en page. La barre de navigation servant de sommaire est donc elle aussi sur le côté.

Concernant l'image d'en-tête du site, j'ai modélisé chaque objet et accessoire avec le logiciel Cinema 4D puis je les ai mis en scène.

Accéder au site
La Griffe de Ghexia - Mockup du site web sur différents appareils
La Griffe de Ghexia - Logo
Logo La Griffe de Ghexia
La Griffe de Ghexia - Mockup d'un tutoriel PDF
Mockup d'un tutoriel PDF
La Griffe de Ghexia - Mockup du site le Guide du Crochet Hook
Mockup du one-page le Guide du Crochet Hook
La Griffe de Ghexia - Mockup du site le Guide du Crochet Hook
En-tête modélisé du site le Guide du Crochet Hook