- Catégorie : Identité visuelle - Web
- Secteur d'activité : blog bien-être
- Rôle : graphiste et webdesigner
- Contexte : side project (projet parallèle)
- Date : 2021
- Technologies et logiciels : ADOBE PHOTOSHOP - ILLUSTRATOR - ADOBE XD
À propos de "Recettes bien-être"
Le blog Le blog "Recettes bien-être" est un projet personnel (site de démonstration), imaginé pour des blogueuses, influenceuses et des entreprises spécialisées dans les soins cosmétiques naturels et dans le bien-être.
Le défi
Mon objectif est de créer un site internet orienté utilisateur, qui permet de créer du lien.
Les challenges techniques
Animations
Intégration d’animations avancées (loader, sliders, boutons call-to-action, animations vectorielles, boutons, animation au hover, map interactive,……)
Formulaires
Formulaires de contact, d'inscription et de connexion avec mot de passe.
Mise en page
Conception et intégration des sections de mise en page.
Commentaires
Création d'un espace commentaires pour les abonnés.
La solution
Créer un blog, où les visiteurs pourront, s'inscrire, se connecter, commenter et partager.
Travaux réalisés :
- Création des visuels et icônes.
- Retouche photo et photomontage.
- Wireframe, Webdesign (UX et UI), création du contenu (textes et visuels) et choix des images.
- Développement du site web et des fonctionnalités : les formulaires (contact, inscription, connexion, mot de passe oublié), section recettes, espace de commentaires avec décompte, site internet compatible avec tous les supports (responsive).
- Mises à jour et maintenance.
Les couleurs
J'ai créé une palette de couleurs à base de corail, de jaune, de vert foncé, de noir et de blanc, afin de créer un style apaisant, naturel et élégant.
Joie, sociabilité
et loyauté
Confiance
et optimisme
Nature
et réussite
Sagesse
et pureté
Sérieux, modernité
et élégance
Les polices
Pour la conception du site internet, j'ai choisi la police Abril Fatface pour les titres et Raleway pour le corps du texte.
Abril Fatface, est une police moderne, épaisse et élégante. Raleway est élégante également, ce qui correspond à "Recettes bien-être".
Création des visuels
Images avant retouches
Visuels réalisées à partir des images ci-dessus, pour les headers (en-tête de pages).
Webdesign et développement
J'ai créé un site internet responsive, orienté utilisateur, fluide pour les visiteurs et adhérents potentiels. Le blog comporte 6 sections :
- Accueil
- À propos
- Nos recettes
- Contact
- Inscription
- Connexion
Écrans desktop
En mode déconnecté et connecté
Responsive - Mobile
