Projet Shopbiere : Refonte de l'identité visuelle et du site web
Client:
Shop Bière
Year:
26 septembre 2024 à 10:41:12
Résumé :
Pour Shop bière, une entreprise spécialisée dans la vente de bières artisanales, j'ai modernisé l'identité visuelle et repensé le design du site web. L'objectif était de créer une image attrayante qui reflète l'esprit de l'entreprise et d'améliorer l'expérience utilisateur.
Solutions :
Identité Visuelle : Développement d'un nouveau logo et d'une palette de couleurs modernes représentant l'univers des bières artisanales.
Refonte du Site Web : Restructuration de l'architecture du site, optimisation de la navigation et ajout de visuels attrayants pour chaque type de bière.
Solution Existante :
La solution actuelle présente des opportunités d'amélioration en matière de graphisme et d'architecture. Le logo en haut de la page pourrait bénéficier d'une taille plus adaptée et d'une version négative pour mieux s'harmoniser avec la palette de couleurs sombres. De plus, il serait avantageux d'optimiser les couleurs et le contraste afin de renforcer l'expérience utilisateur et garantir une navigation fluide.
Palette de couleurs :
Le point de départ était la palette actuelle, composée d'orange et de jaune. J'ai élargi cette palette en ajoutant des marrons, des nuances de gris et des tons beiges en tant que couleurs secondaires. Le site était à l'origine en mode sombre, et j'ai souhaité conserver cette approche, car elle est bénéfique tant pour la pratique que pour le confort visuel et l'environnement. Les couleurs utilisées ont été testées et ajustées pour garantir un bon contraste. J'ai également appliqué un filtre sombre sur les images des produits afin d'harmoniser la composition et de réduire le contraste excessif, rendant l'ensemble plus agréable à l'œil.
Logo :
L'ambiance du magasin est décontractée et ludique, et j'ai souhaité que le site reflète cette atmosphère. J'ai conçu un logo représentant un Viking tenant des chopes, utilisant les couleurs prévues dans la palette. Ce design capture l'esprit convivial et accueillant du magasin tout en ajoutant une touche originale.
Typographie pour site :
Header 1 : Utilisation de la police Outfit (alternative à Verdana), taille 40 pt pour le web et 28 pt pour les mobiles.
Body : La police Montserrat est utilisée, avec une taille de 18 pt pour le web et 16 pt pour les mobiles.
Header 2 : Également en Montserrat (alternative à Verdana), avec une taille de 20 pt pour le web et 18 pt pour les mobiles.
Le site existant est construit sur CMS ePages, une solution adaptée aux petites et moyennes entreprises souhaitant vendre en ligne. Ce CMS se distingue par sa simplicité d'utilisation et sa capacité à intégrer diverses fonctionnalités, telles que les options de paiement, les choix de livraison, les outils de marketing et la gestion des stocks.
Je considère que ePages répond efficacement aux besoins actuels. Afin d'optimiser la mise en œuvre de la nouvelle identité visuelle, je vous recommande de créer un template personnalisé pour ce CMS.
Visualisation d'un page avant et après refont
Maquettes et Kit UI
Ce projet inclut la création de maquettes web et d'un kit d'interface utilisateur (UI) conçu pour assurer une expérience utilisateur fluide et cohérente. Les maquettes présentent une structure claire, des éléments interactifs et des typographies harmonieuses, tandis que le kit UI comprend des composants réutilisables, tels que des boutons, des formulaires et des icônes, tous en adéquation avec la palette de couleurs et la charte graphique établie. Cette approche permet d'optimiser le processus de développement tout en garantissant l'esthétique et la fonctionnalité du site.
Page d'accueil - Shopbiere.com
La nouvelle page d'accueil de Shopbiere.com vise à présenter clairement l'identité de la marque et son histoire aux nouveaux clients. En mettant l'accent sur les bières locales, nous souhaitons créer un lien authentique avec les utilisateurs. Les offres spéciales seront mises en avant pour encourager l'achat, tandis qu'un service client accessible via un chatbot assurera une assistance continue. En outre, un atelier DIY sur la production de bière sera proposé, engageant ainsi la communauté. Le design sera adapté aux mobiles, adoptant une approche "mobile first" pour garantir une expérience utilisateur optimale sur tous les appareils.
Chatbot avec Tidio
Intégration d'un module gratuit et compatible avec ePages, offrant un service client réactif. Le live chat permet jusqu'à 50 conversations uniques, tandis que les chatbots peuvent interagir avec 100 utilisateurs simultanément. Le support par e-mail est également inclus. Grâce à l'icône flottante indépendante, les utilisateurs peuvent facilement accéder au chatbot, garantissant une assistance 24h/24 et améliorant l'expérience client sur le site.
Les éléments d'identité visuelle conçus pour le site peuvent également être utilisés pour des supports commerciaux tels que des bannières, des emballages et des t-shirts. Ces éléments assurent une cohérence graphique sur l'ensemble des matériaux marketing, renforçant ainsi la reconnaissance de la marque et son impact visuel auprès des clients. En intégrant cette identité visuelle dans divers supports, la marque peut communiquer de manière uniforme et efficace, tout en attirant l'attention des consommateurs.
