Un site moderne et simple
Un design pensé pour la matière, la lumière, le geste.
Contexte
Ce site a été créé dans le cadre de la validation de mon titre professionnel en design web.
Il présente mes créations artistiques personnelles : gravures (sur plexiglas, verre), peintures, …
Un univers coloré et original que j’ai souhaité partager de manière accessible.
Objectif
Créer un site WordPress complet pour présenter mes œuvres, structurer mes prestations, et permettre un premier contact via formulaire.
Résultat
Un site vitrine clair, simple et esthétique, représentatif de mon identité visuelle.
Il m’a permis de consolider mes compétences en WordPress et en design UX, et de montrer ma capacité à structurer un site de A à Z.
Compétences
- Création du contenu visuel (logo, photos, …)
- Création textes (nom du site, slogan, description,…).
- Elaboration du cahier des charges et de la charte graphique.
- Création de maquettes.
- Organisation des contenus (pages, catégories, menus).
- Mise en page responsive.
- Intégration d’un formulaire de contact
Outils
- Figma
- CMS (WordPress)
- Thémify
- Illustrator
- Photoshop
- InDesign
Planche de tendance
J’ai élaboré et retenue cette planche de tendance (parmi d’autres) pour définir l’univers visuel du projet. Cette étape me permet de :
- traduire les valeurs et le positionnement de la cliente en une ambiance visuelle,
- sélectionner des images d’inspiration (matières, couleurs, styles de photos),
- dégager une palette de couleurs et un ton graphique qui guideront toute la conception.
Ici, le rouge profond et le noir créent une atmosphère élégante et affirmée, soutenue par des textures brillantes et contrastées.
Charte graphique
À partir de la planche de tendance, j’ai défini une charte graphique garantissant l’homogénéité visuelle du site :
Couleurs :
Sélection issues du moodboard (rouge profond, noir, gris, blanc cassé, accent lumineux.
Iconographie :
Images immersives en grand format, traitement cohérent (contraste + luminosité).
La charte devient le guide de référence pour toutes les étapes suivantes.
Typographies :
– police sans-serif moderne pour la lisibilité.
– police manuscrite ponctuelle pour l’identité et la signature visuelle.
Maquette et Prototype
J’ai réalisé des maquettes sous Figma, traduisant la charte graphique en structure concrète :
organisation des pages (accueil, galerie, contact),
hiérarchisation des informations,
mise en avant des visuels.
Le prototype cliquable m’a permis de tester la navigation, la lisibilité et le confort de parcours, avant même de passer à l’intégration.
Mokup
Les mockups présentent l’adaptation du site sur différents supports (ordinateur, tablette, mobile).
Ils permettent à la cliente de se projeter dans l’expérience utilisateur finale et de valider le design responsive.
Gif
Pour dynamiser la présentation, j’ai réalisé un GIF animé.
Il illustre la construction progressive de l’identité visuelle du site : le logo se forme avec les initiales des mots Cré & Heart, symbolisant la créativité et la passion, avant que le cœur complet apparaisse avec le titre du site et le slogan.
En parallèle, la gravure d’un cœur sur du plexiglas qui avance du fond au premier plan, met en valeur la fabrication artisanale mon travail.