Breaking Down Technology

Web Design / UX/UI

Brief

En tant que projet auto-initié, j’ai travaillé sur l’identité visuelle ainsi que sur l’UX & UI d’une nouvelle plateforme pensée pour aider les non-initiés à comprendre, acheter et utiliser la technologie.

Concept

Le monde d’aujourd’hui est rempli de technologies qui en font un lieu à la fois merveilleux et intimidant. Il est difficile de trouver de l’aide quand on est trop gêné pour admettre qu’on est perdu. Les sites tech ressemblent à du grec (si les geeks étaient grecs) et les robots ont remplacé les humains.

Dans ce contexte, je voulais créer un site qui parle à la majorité silencieuse et l’encourage à sortir de l’ombre pour aborder l’univers de la tech avec confiance.

Solution

Ce contenu devait être accessible grâce à une approche fantaisiste et pleine d’humour afin d’attirer les utilisateurs. Ma solution, la plateforme TechVoodoo, s’appuie sur les tendances du Web3 et un personnage décalé pour y parvenir.

Scroll pour
explorer

A Touch of Humour

À la suite de mes recherches, j’ai constaté que l’humour est essentiel pour engager les gens (et il est plutôt rare sur les sites tech que j’ai analysés). TechVoodoo propose de voir la technologie comme une forme de magie, en la reliant à l’imaginaire populaire du vaudou.

Ce n’est pas intuitif, mais la figure de la Faucheuse est souvent utilisée comme point focal humoristique.

J’ai utilisé Dall‑E pour générer des idées, puis j’ai conçu une bande dessinée pour introduire le concept.

Gaming-Inspired & Wireframe

Gaming-Inspired & Wireframe

Les générations Y et Z sont souvent de grands gamers. Je me suis inspirée de cette culture pour choisir ma typographie et ma palette de couleurs.

Dans l’esprit du néophyte en technologie (les sites de dictionnaire sont tout de même moins opaques que les sites tech !), j’ai esquissé mon wireframe avec l’une des plus anciennes technologies qui soient : le stylo et le papier.

Les générations Y et Z sont souvent de grands gamers. Je me suis inspirée de cette culture pour choisir ma typographie et ma palette de couleurs.

Dans l’esprit du néophyte en technologie (les sites de dictionnaire sont tout de même moins opaques que les sites tech !), j’ai esquissé mon wireframe avec l’une des plus anciennes technologies qui soient : le stylo et le papier.

Création de Logo 

Création de Logo 

La Faucheuse est le pivot de ma solution, j’ai donc de nouveau utilisé l’IA (Dall‑E) pour concevoir un personnage un peu drôle que je puisse intégrer au site et à son logo.

J’ai injecté des éléments de la Faucheuse dans le lettrage du logo (en transformant le T de TechVoodoo en faux de la Faucheuse) et j’ai fait du personnage lui‑même un photobomber éternel, qui s’incruste dans le logo en utilisant deux des O comme une paire de lunettes.

Prototypage

Prototypage

J’ai utilisé Figma pour prototyper ma solution. Mon travail s’inscrit dans les dernières tendances Web3 du webdesign contemporain.

J’ai gardé le site aussi simple que possible, avec une navigation fluide. Il n’existe que deux types de pages génériques : des listes et des articles.

J’ai envisagé d’utiliser de l’animation (par exemple des liens qui se mettent à « briller » au survol), un procédé de plus en plus répandu dans les expériences UX immersives.

J’ai utilisé Figma pour prototyper ma solution. Mon travail s’inscrit dans les dernières tendances Web3 du webdesign contemporain.

J’ai gardé le site aussi simple que possible, avec une navigation fluide. Il n’existe que deux types de pages génériques : des listes et des articles.

J’ai envisagé d’utiliser de l’animation (par exemple des liens qui se mettent à « briller » au survol), un procédé de plus en plus répandu dans les expériences UX immersives.

Résultats

Résultats

Au départ, je comptais uniquement utiliser un fond en dégradé, mais la grille que j’ai employée pour les alignements a produit un effet 3D surprenant qui m’a plu, et que j’ai décidé de conserver comme élément de ma solution.

Le design final met l’accent sur la simplicité et la clarté de la navigation.

Il montre aussi comment j’ai joué sur la typographie et la mise en page pour garantir une lisibilité maximale.

Je voulais que le public se sente à l’aise et, bien sûr, il revient ensuite à l’équipe de Voodoo experts de prolonger cette promesse avec des articles drôles et faciles à comprendre.

Il montre aussi comment j’ai joué sur la typographie et la mise en page pour garantir une lisibilité maximale.

Je voulais que le public se sente à l’aise et, bien sûr, il revient ensuite à l’équipe de Voodoo experts de prolonger cette promesse avec des articles drôles et faciles à comprendre.

Trouvé Mes Autres Pojets