Logo Lucas Joliveau

Identité visuelle, développement web

Periskio

Étude professionnelle

À propos


Periskio est un portail d'informations financières, juridiques, fiscales et marketing concernant les organisations et leurs dirigeants ou actionnaires qui aident les dirigeants dans leurs affaires et leur prise de décision, à partir de plusieurs centaines de sources d'informations.

Ce projet a été réalisé à la fin de l'année 2019 avec les logiciels Adobe Illustrator et Figma ainsi que la bibliothèque JavaScript ReactJS.

Le processus

L'idée était d'obtenir un logo qui représente un effet d'éclaircissement et de vision éclairée. Tout au long du processus de réalisation, il a été important de se focaliser sur la clarté, l'authenticité, le professionnalisme, et la simplicité. Le logo a été pensé à partir d'un périscope et d'une cible.

Processus de réalisation du logo. Periscope et une cible
Démonstration de l'alignement du logo Periskio
Résultat final du logo Periskio

Palette de couleurs

Le bleu foncé représente le côté sombre d'un océan profond, dans lequel se trouve un tas de données désorganisées. La couleur jaune apporte ainsi une impression de lumière qui représente l'éclaircissement dans la prise de décisions.

Le choix du bleu et du jaune est donc parfaitement adapté à Periskio, qui souhaite informer les prises de décisions de ses clients à travers les données tirés de cet océan profond afin de les restructurer pour assurer une utilisation efficace.

Le choix des formes

Le « + » présent au centre de l'icône représente une cible qui signifie une recherche précise de l'information recherchée par les clients de Periskio. Le cercle jaune représente la lentille du périscope, qui permet de voir par-dessus un obstacle. Ici, l'obstacle correspond à l'océan de données. Ensuite, la forme bleue foncée représente le périscope en lui-même.

Explication du concept du logo de Periskio
Mockup du logo Periskio sur une feuille en papier Mockup du logo Periskio sur une carte

Typographie

Le choix d'une typographie arrondi permet d'être en cohérence avec les formes rondes du logo. La typographie complètement personnalisée renforce l'authenticité du logo. Pour le site web de Periskio, la police libre de droits Comfortaa a été utilisée.

Aperçu de la typographie du logo Periskio
Aperçu de l'icône Periskio sur l'application Instagram Aperçu du favicon Periskio sur un navigateur web

Variations monochrome

Dans ses versions monochromes, le logo Periskio ne contient pas la forme jaune centrale afin de laisser passer la lumière tel un pochoir, afin de respecter le côté d'éclaircissement recherché.

Aperçu du logo Periskio sur une carte d'affaires

Icônes et illustrations personnalisées

Les icônes de Periskio ont été entièrement réalisées à partir de zéro, quand aux différentes illustrations présentes sur le site web, il a été décidé de les sélectionner à partir d'une banque d'illustrations libres de droits.

Illustration d'un personnage qui recherche des informations Illustration d'un personnage avec une fusée qui décolle Illustration de données et statistiques Illustration de deux personnages qui analysent des statistiques

Développement web

Periskio souhaitait avoir un site web one pager rapidement, c'est pourquoi j'ai été en charge de développer la partie front-end du site web à partir d'un thème prédéfini grâce au framework GatsbyJS basé sur la technologie ReactJS. Ainsi, le site étant déjà stylisé grâce au thème, il ne restait qu'a entrer le contenu et structurer le site web selon la stratégie du client.

Mockup d'un iPad sur la fenêtre de connexion du site web Periskio Mockup d'un MacBook Pro sur la page d'accueil du site web Periskio Mockup d'un iPhone X sur la page d'accueil en version mobile du site web Periskio

Identité visuelle, design UX/UI

MDBank

Découvrir la prochaine étude de cas