CREATEURS
D'INTERFACES
V.4
Thoughtspot

La plateforme ThoughtSpot permet aux employés d’une société, d’obtenir des réponses à partir des données de l’entreprise en quelques secondes. Nous sommes intervenus dans la refonte complète du site marketing.

YOU

Faire en sorte que le message soit le plus clair possible et rendre la plateforme sexy.

VISITER LE SITE

ME

Rendre l’atmosphère confidentielle en utilisant des couleurs sombres en background, jouer sur les espaces négatifs pour aérer au maximum et enfin, utiliser des couleurs saturées pour contraster au maximum et mettre en lumière les messages importants.

Mission
ANNÉE

2015

SERVICE(S)

Design

SUPPORT(S)

Interface, Marketing website.

TYPOGRAPHIE

Gotham Rounded

Gotham Rounded

Gotham est une famille de polices sans empattements géométriques, largement utilisées et conçues par le typographe américain Tobias Frere-Jones en 2000. D'abord commandées par le magazine GQ, les éditeurs voulaient afficher un sans-serif avec une structure géométrique qui donnerait un aspect plus masculin et frais pour le magazine. Depuis sa création, Gotham a été très visible en raison de son apparition dans de nombreux endroits importants. Elle a notamment été très utilisée pendant la campagne présidentielle de Barack Obama en 2008, mais également sur la pierre angulaire du One World Trade Center, l’ancien World Trade Center à New York.

COULEURS

Palette

US

Le site a beaucoup évolué tout au long de cette collaboration. Nous avons réussi à obtenir un design avec une forte identité, très contrasté et aéré. La navigation devient ainsi plus évidente et agréable pour l’utilisateur.

Colors-tomato

RED

#CF0A2D
Colors-jordy-blue

BLUE

#2B2043
Colors-white

WHITE

#494998

#5C9DF5

#00D865

#FEB960

#5C5C76

#79B3F0

#87929B

#5C9DF5

#64CC68
Box

DYNAMISER LES GRAPHIQUES

Apporter du relief à la data

Pour permettre à l’utilisateur de comprendre la logique de Thoughspot.

Nous avions pour contrainte d’utiliser beaucoup de graphiques. Ce fut très challengeant car il est assez difficile de rendre une landing page “sexy” tout en utilisant beaucoup de metrics, de courbes et de cylindres. Nous avons donc choisi de les illustrer au maximum, en utilisant : la 3D, des soulignements, des ombres et des icones; Et avons animé chaque graphique afin de rendre le propos plus dynamique.

PREMIÈRE CRÉATION

Témoignage

Pour notre première maquette, nous avions fait le choix d’utiliser un fond clair, afin de mettre davantage les ombres des illustrations et graphiques en valeur.

MADE BY

Barthélémy Chalvet
Jonathan Moreira
Thoughtspot