Design du site vitrine de Beavers et de supports de communication web et imprimés
Située dans la région Provence-Alpes-Côte d’Azur, Beavers a été créée en 2019 par Lucas Attali et Marie-Claire Blaizot. Beavers est une agence spécialisée dans le marketing digital qui vous propose des solutions adaptées pour répondre à vos objectifs de notoriété, de trafic et d’acquisition.
Beavers mobilise les compétences dont
vous avez besoin dans le développement
de votre écosystème digital.
Contexte
En 2023, l’équipe de Beavers a revu le positionnement commercial et marketing de leur agence. En ce sens, ils m’ont donc solicitée pour que je les accompagne dans le cadre de la refonte graphique du site vitrine de leur entreprise et dans l’élaboration de supports de communication web et imprimés.
Besoins
L’équipe de Beavers souhaitait pouvoir bénéficier d’un nouveau site moderne, esthétique et efficient. Créé sur-mesure et à leur image, le nouveau site avait vocation à présenter l’agence et les prestations qu’elle propose et devait pouvoir refléter les valeurs et le savoir-faire de l’équipe.


Attentes du client
Créer un nouveau site esthétique, original et dynamique.
Réaliser un design en respect de la charte graphique de Beavers.
Imaginer un design en privilégiant le dark mode.
Concevoir un site parfaitement adapté en vue mobile.
Optimiser la navigation et le parcours utilisateur.
Privilégier l’utilisation de photos libres de droits.
Design des interfaces du site vitrine
En vue de pouvoir définir la structure et la nouvelle orientation graphique du site vitrine de Beavers, j’ai réalisé dans un premier temps une première ébauche graphique de la page d’accueil que j’ai proposé à l’équipe. Cette première étape était primordiale pour leur permettre de statuer sur la structure, la mise en page et les proportions des éléments graphiques et textuels du site et sur les codes couleurs employés. Après quelques corrections, cette démarche nous a permis de formaliser les pistes graphiques.
L’équipe de Beavers souhaitait privilégier le dark mode car ce dernier présente de nombreux avantages. Par exemple, le mode sombre est souvent favorisé pour ne pas agresser les yeux car il présente un confort d’utilisation pour certains utilisateurs, notamment dans un environnement peu lumineux ou pendant la nuit. Aussi, le dark mode permet de réduire de manière conséquente la consommation d’énergie. Enfin, le mode sombre peut également avoir un impact non négligeable sur l’acuité visuelle et la réduction de la fatigue. Malgré ses atouts, l’utilisation du dark mode présente également quelques inconvénients importants. Par exemple, il peut réduire la lisibilité car la lecture de textes longs peut demander davantage de concentration et ainsi occasionner une fatigue visuelle ; Aussi, le mode sombre offre une palette de couleurs plus restreinte et parfois un contraste limité : des désagréments qu’il convenait que je prenne en considération pour optimiser le confort de lecture et de navigation des utilisateurs.
Design
XD, Photoshop, Illustrator
Technologies
Strapi, Nuxt, Taiwind CSS
Plateforme
Web
Enfin, l’équipe de Beavers ne disposait pas de photos à mettre sur le nouveau site. J’ai donc effectué une sélection de photos sur des banques d’images gratuites pour pouvoir illustrer les contenus des différentes pages du site. Les articles existants du blog de Beavers étant systématiquement illustrés par une image et en vue de la parution des futurs articles, j’ai réalisé deux moodboard que j’ai transmis à l’équipe pour montrer les bonnes pratiques à adopter et, à contrario, les pratiques à éviter.
Visiter le site de Beavers
Le premier moodboard montre les bonnes pratiques à adopter et le second moodboard montre les pratiques à éviter.
Création graphique de supports de com’ web et imprimés
Suite au webdesign du nouveau site vitrine de Beavers, j’ai réalisé le design de leurs cartes de visite ainsi qu’une bannière et une image de profil qu’ils utilisent sur les réseaux sociaux sur lesquels ils communiquent.
Vous avez un projet ?
Vous souhaitez créer un site web esthétique et original ?
Mes réalisations
Découvrez les études de cas de mes autres réalisations graphiques !

