Photo d'un ordinateur avec le site de TwistFascia

La création visuelle d’un produit

Le processus détaillé de la balle TwistFascia

Lorsque Marie-Claude m’a approchée pour travailler l’emballage de son produit, elle avait déjà un logo en main. Soucieuse de répondre à ses préférences, je lui ai demandé si le logo actuel lui convenait ou si elle souhaitait lui prodiguer quelques retouches. Elle m’a confié son idée d’intégrer un élément graphique représentant une tornade, pour faire le lien avec son produit, une balle de massage spécialement conçue pour travailler sous pression et torsion. Le logo existant n’était pas optimal pour ce projet. Ainsi, nous avons décidé de repartir à zéro pour le logo, puis de travailler sur la conception de la boîte qui contiendra la balle, en parallèle avec la création du site Web dédié à la vente du produit. En somme: un projet passionnant qui démarre avec une toile vierge!

Marie-Claude Laroche, DO Ostéopathe

Le processus créatif derrière le logo

Lorsqu’on me demande de créer un logo, des idées de formes géométriques me viennent souvent à l’esprit. Pour ce projet, je pensais à quelque chose de rond, en lien avec la balle et, bien sûr, en y ajoutant un clin d’œil à la tornade. L’idée du mouvement me trottait dans la tête. Quant à la police d’écriture, je l’imaginais sans empattement et plutôt arrondie.

 

Un tourbillon de créativité: l’esquisse, le symbole, les polices d’écriture, la palette de couleurs

J’ai suggéré deux esquisses. La première fusionne l’idée de la tornade avec la forme de la balle. J’ai opté pour une police de caractères dotée de points sur les «i», pas parfaitement ronds, plutôt légèrement aplatis, évoquant ainsi la forme d’une balle écrasée sous un pied.

Permière version du logo TwistFascia
Esquisse 1
Photo d'une main de femme sur un pied.

Au cours de mes recherches d’images, j’ai découvert une photographie qui a vraiment stimulé ma créativité. La main d’une femme sur un pied, doigts espacés, semblait établir une connexion avec l’embryon du logo que j’avais en tête. Le résultat de l’image créée à partir de ma perspective de la photo évoque bien l’idée de la tornade, des doigts d’une main et de la rondeur d’une balle.

Deuxième esquisse pour le logo de TwistFascia
Esquisse 2

La deuxième idée avait l’objectif de rendre visible le mouvement, tout en conservant la simplicité du logo, et en l’intégrant à la police d’écriture. Pour ce faire, j’ai joué avec le point sur le «i», créant ainsi une sorte de «twist» qui rappelle le mouvement à effectuer avec la balle TwistFascia. J’ai donc choisi une police de caractères tout en rondeur, avec des lettres «a» bien circulaires et des caractères plus espacés que dans l’esquisse 1, pour renforcer cette sensation de détente.

Pour les couleurs, j’ai opté pour une teinte de bleu en raison des significations qui lui sont associées, et qui supposent la tranquillité, la sécurité et la confiance. Mon choix s’est porté sur deux nuances de bleu: une plus sombre, pour apporter une touche de profondeur et de sérieux, et une autre, plus claire et vive, pour insuffler du dynamisme et de l’énergie à l’ensemble. Cette combinaison de bleus vise à symboliser un équilibre entre la stabilité rassurante et la vitalité inspirante dans l’identité visuelle globale du logo.

Choix du logo

Marie-Claude a opté pour la première esquisse et n’a pas demandé de corriger la version proposée. En cours de projet, nous avons décidé de modifier le bleu clair pour qu’il corresponde à la couleur choisie pour la balle. C’était une belle coordination des étapes, franchies avec le souci de répondre à l’esthétique globale que nous recherchions.

La création de ce logo m’a demandé environ dix heures* de travail, qui comprend la gestion d’un début de projet, la recherche, la conception, et la réalisation du dossier final comportant tous les formats numériques nécessaires pour le marketing du produit.

Logo final de TwistFascia

Les coulisses du design de l’emballage

L’inspiration pour la boîte a aussi été nourrie par la photographie du pied que j’avais trouvée. Mon processus démarre toujours par une recherche approfondie sur des produits similaires, pour proposer un design distinct tout en gardant à l’esprit la clientèle cible. J’avais déjà en ma possession la photo principale, le texte fourni par Marie-Claude, une idée claire du style des icônes à créer, ainsi que le concept de présence de deux couleurs, un côté foncé et l’autre pâle.

Gabarit de la boîte pour la balle TwistFascia.

J’ai imaginé la boîte placée dans un contexte réel, qu’il s’agisse d’une clinique ou d’un magasin, où le personnel pourrait afficher le côté qu’il préfère selon son emplacement dans les rayons. Pour cette étape délicate qui demande plus de concentration, je me suis réfugiée dans ma «bulle créative», en écartant toute distraction. J’ai alors créé visuellement la boîte dans le gabarit fourni par l’imprimeur, j’ai retouché la photographie pour lui donner l’aspect souhaité, et j’ai élaboré les icônes. Bien sûr, il y a eu quelques corrections, ajustements et changements, mais c’est ce processus de travail en équipe avec la clientèle que j’apprécie particulièrement, et qui nous mène à un résultat ultra satisfaisant.

La réalisation de cette boîte a nécessité environ quinze heures*, englobant la recherche, la conception, la création des icônes, ainsi que les ajustements jusqu’à l’obtention du format final prêt pour l’impression.

Et hop! La boîte était partie en impression! Nous devions ensuite attendre la réception de la boîte et de la balle avec son logo imprimé dessus.

L’alchimie de la collaboration visuelle

Une fois en possession du produit fini, il était temps de planifier une séance photo et vidéo pour capturer tous les détails. L’objectif était d’obtenir des images de qualité pour le site Web et des vidéos percutantes pour présenter le produit. C’est à ce moment que j’ai sollicité la participation de ma collaboratrice, Valéria, qui m’a fourni les éléments graphiques nécessaires pour le design Web.

La réalisation des deux séances photo et vidéo, ainsi que le montage des vidéos et la retouche des photos, a nécessité environ 10 heures*

Lire la vidéo sur Pieds de femmes, l'un d'eux presse la balle TwistFascia.

Un sommaire de l’élaboration du site Web

Le site a été développé essentiellement en une page de vente. Mon processus a commencé par déterminer son contenu, en envisageant les différentes sections. J’avais l’intention de lui donner la même apparence que la boîte du produit — simple, configuré avec des zones claires et d’autres, plus sombres. Chaque lien de navigation a été paramétré comme une ancre dirigeant la clientèle vers une section particulière, située plus bas dans la page. J’avais à cœur de mettre en avant-scène les photos et les vidéos pour une plus grande expérience visuelle.

Écran d'ordinateur affichant le site de TwistFascia.

Par la suite, l’idée d’une foire aux questions m’est venue naturellement, puisque j’utilisais la balle tous les jours et que j’avais observé qu’elle perdait parfois sa qualité antidérapante, mais qu’elle la retrouvait après lavage. Elle me procurait un soulagement considérable pour mes pieds! J’ai donc proposé à Marie-Claude qu’une partie questions-réponses soit accessible à la clientèle sur le site, afin de simplifier l’utilisation du produit.

J’ai concrétisé le design visuel en intégrant les textes, les photos et les emplacements des vidéos dans Figma, une plateforme dédiée aux maquettes. Une fois la cliente satisfaite de la proposition, les maquettes du site ont été transmises à mon collaborateur Vince Key, qui les a intégrées dans WordPress.

Les maquettes réalisées avec l'outil Figma.
Voici les maquettes que j'ai créées avec Figma.

Par la suite, j’ai affiné et ajusté l’ensemble, et j’ai incorporé les pages en anglais révisées par Valéria, ma collaboratrice. Quelques demandes de modifications et d’ajustements ont été formulées par Marie-Claude pendant l’étape de finition.

En prenant en compte de l’ensemble des efforts déployés par les collaborateur·trice·s pour la création du site, le temps total consacré à ce projet Web s’élève à au moins vingt-cinq heures* de travail.

L’autonomie de la clientèle est importante pour Mangue vitaminée

Le déroulement de ce processus créatif s’est étalé sur plusieurs mois, où l’on a donné naissance au logo, à l’emballage, et au site Web. Équipée de son assaisonnement visuel et de ses outils marketing, Marie-Claude s’est sentie prête pour le grand lancement qui a eu lieu avec enthousiasme sur la page Facebook qu’elle a soigneusement mise en place. De manière très conviviale, elle a ajouté plusieurs points de vente sur le site Web grâce à un outil intuitif dont elle peut se servir avec facilité.

Pour en savoir plus sur cette balle de massage: twistfascia.com

*Chaque projet est unique en matière de durée, influencé par ses exigences, ses particularités, sa complexité, les éléments fournis initialement par la clientèle, et les ajustements nécessaires en cours de route. C’est pourquoi une évaluation attentive est indispensable pour définir un tarif, souvent sous forme de forfait, qui satisfait toutes les parties impliquées.

À la recherche d’une touche de design personnalisée? Mangue vitaminée est là pour sublimer l’esthétique et le fonctionnel!

Marie-Eve Matte
Fondatrice Mangue vitaminée