Logo Lucas Joliveau

Identité visuelle, design UX/UI

MDBank

Étude personnelle

À propos


MDBank est un concept de banque numérique 100% en ligne. L'idée du projet est promouvoir MDBank comme étant une banque sécuritaire et accessible à tous, autant pour les jeunes que pour les plus âgés.

Le défi était de produire une identité visuelle authentique et mémorable ainsi qu'un design d'application mobile dans un délai inférieur ou égal à 30 heures.

Ce projet a été réalisé en novembre 2020 avec les logiciels Figma et Adobe Photoshop.

Concept du logo

Trois ronds distincts par leurs couleurs forment l'icône du logo. Ces dernières symbolisent les trois types de comptes bancaires offerts par MDBank, soit crédit, chèque et investissement, ils sont rapprochés l'un de l'autre pour faire comprendre que MDBank centralise ces trois types de comptes en une seule solution. Les ronds se superposent pour représenter l'évolution, la prospérité et l'enrichissement, dans le but de faire penser à un graphique exponentiel.

Résultat final du logo MDBank
Concept du logo MDBank
Concept du logo MDBank

Wireframes

J'ai réalisé des wireframes afin d'optimiser l'expérience utilisateur pour donner une interface ergonomique et structurée efficacement.

Wireframes de l'application MDBank
Manifeste de l'identité visuelle de MDBank appliquée sur différents supports prints Publicité MDBank sur un écran publicitaire d'arrêt de bus Grille répétitive de l'identité visuelle de MDBank appliquée sur différents supports prints Panneau publicitaire de l'identité visuelle de MDBank sur une affiche d'autoroute Application de l'identité visuelle de MDBank sur une voiture Exemples de documents d'affaires de MDBank

Direction artistique

J'ai établi une palette de couleurs, un choix typographique, un choix d'icônes et une direction artistique globale. La direction artistique du projet vise à projeter les concepts de flexibilité et d'accessibilité. Pour cette raison, des formes organiques et colorées mettent de l'avant un certain côté épuré et moderne qui permet de créer un sentiment de confiance.

Aperçu de la police MDBank, utilisé pour les textes Spécimen de la police MDBank, utilisé pour les textes
  • HEX #171614

    RVB 23, 22, 20

  • HEX #025893

    RVB 2, 88, 147

  • HEX #00bded

    RVB 0, 189, 237

  • HEX #f0f8ff

    RVB 240, 251, 255

  • HEX #fbfbfb

    RVB 251, 251, 251

  • HEX #ffffff

    RVB 255, 255, 255

  • HEX #5551fd

    RVB 85, 81, 253

  • HEX #1aaea6

    RVB 26, 174, 166

  • HEX #f08573

    RVB 240, 133, 115

  • HEX #fcc300

    RVB 252, 195, 0

  • Icône de la page d'accueil
  • Icône des comptes
  • Icône des statistiques
  • Icône des paramètres
  • Icône des transferts
  • Icône des envois
  • Icône des appels
  • Icône des localisateurs
  • Icône des informations
  • Icône de déconnexion
  • Icône d'itinéraire
  • Icône de retour
Interface utilisateur de MDBank

Design UX/UI, développement web

Restaurant du Palais Royal

Découvrir la prochaine étude de cas