Un MacBook Pro est posé sur une surface grise. L'écran affiche le site web d'une banque avec le texte "d'ici, les possibilités sont partout" sur une vue nocturne de la ville avec des feux d'artifice bleus. Le site propose des menus pour la banque en ligne, la finance d'entreprise et d'investissement, ainsi que la gestion de patrimoine et la vente au détail. L'ordinateur portable argenté présente le site web dans un cadre professionnel.
Un MacBook Pro est posé sur une surface grise. L'écran affiche le site web d'une banque avec le texte "d'ici, les possibilités sont partout" sur une vue nocturne de la ville avec des feux d'artifice bleus. Le site propose des menus pour la banque en ligne, la finance d'entreprise et d'investissement, ainsi que la gestion de patrimoine et la vente au détail. L'ordinateur portable argenté présente le site web dans un cadre professionnel.

Luxoft Pologne

Corporate bank website

Banque d'Affaires : Concevoir un Site Web Centré sur l'Utilisatrice et Evolutif

2024

Lorsque j'ai examiné ce projet pour la première fois, j'ai su que nous faisions face à un défi intéressant : prendre un système de design basique et le transformer en quelque chose capable de répondre aux besoins complexes d'une banque d'affaires.

SERVICES

Conception de l'interface utilisateur, conception de l'expérience utilisateur, réalisation de recherches utilisateur, collaboration avec les parties prenantes

Un MacBook Pro est posé sur une surface blanche. L'écran affiche la page de localisation d'une entreprise avec une mise en page épurée. L'en-tête de la page "Nos emplacements" inclut du texte sur la recherche de bureaux à proximité. Le site a un menu simple avec des sections pour les services bancaires, les investissements et les informations sur l'entreprise. La lumière naturelle projette une ombre sur l'installation minimaliste.
Un MacBook Pro est posé sur une surface blanche. L'écran affiche la page de localisation d'une entreprise avec une mise en page épurée. L'en-tête de la page "Nos emplacements" inclut du texte sur la recherche de bureaux à proximité. Le site a un menu simple avec des sections pour les services bancaires, les investissements et les informations sur l'entreprise. La lumière naturelle projette une ombre sur l'installation minimaliste.
Un MacBook Pro est posé sur une surface blanche. L'écran affiche la page de localisation d'une entreprise avec une mise en page épurée. L'en-tête de la page "Nos emplacements" inclut du texte sur la recherche de bureaux à proximité. Le site a un menu simple avec des sections pour les services bancaires, les investissements et les informations sur l'entreprise. La lumière naturelle projette une ombre sur l'installation minimaliste.
MacBook Pro sur une surface en marbre gris affichant un site web financier. L'écran présente la page des relations avec les investisseurs avec les résultats trimestriels pour 2024. Le site web dispose d'un menu de navigation épuré incluant les sections Straight2Bank, Corporate & Investment, et Wealth & Retail. Des ombres naturelles traversent la scène.
MacBook Pro sur une surface en marbre gris affichant un site web financier. L'écran présente la page des relations avec les investisseurs avec les résultats trimestriels pour 2024. Le site web dispose d'un menu de navigation épuré incluant les sections Straight2Bank, Corporate & Investment, et Wealth & Retail. Des ombres naturelles traversent la scène.
MacBook Pro sur une surface en marbre gris affichant un site web financier. L'écran présente la page des relations avec les investisseurs avec les résultats trimestriels pour 2024. Le site web dispose d'un menu de navigation épuré incluant les sections Straight2Bank, Corporate & Investment, et Wealth & Retail. Des ombres naturelles traversent la scène.

Vue d'ensemble du projet

Il ne s'agissait pas seulement de rendre les choses jolies. La banque avait besoin d'un site Web qui puisse évoluer avec elle, gérer différents types de contenu et surtout, être compréhensible pour ses utilisatrices. J'ai passé beaucoup de temps à réfléchir à la manière dont différentes personnes utiliseraient le site – certaines pourraient consulter rapidement des mises à jour financières, d'autres plonger profondément dans la documentation d'entreprise.

J'ai travaillé à la création d'un site web évolutif centré sur l'utilisateur pour une banque d'entreprise en développant le système de design et en améliorant l'expérience utilisateur.

Approche

Mon approche consistait à utiliser la recherche utilisateur pour informer les modifications du système de design, à collaborer avec les parties prenantes, et à affiner le design en fonction des retours pour créer un site web centré sur l'utilisatrice.

Processus

Je crois en la création de designs qui résolvent réellement des problèmes, pas seulement ceux qui sont esthétiques. J’ai donc commencé par : 1. Comprendre les Utilisatrices • Mené des entretiens approfondis avec des employées juniors et seniors • Cartographié différents parcours d’utilisateur • Identifié les points de douleur dans le système existant 2. Construire le Système de Design • Créé des composants flexibles et réutilisables • Développé un système modulaire pouvant s'adapter à différents types de contenu • Assuré la cohérence sur toutes les pages tout en permettant la personnalisation 3. Collaboration & Mise en Œuvre • Travaillé en étroite collaboration avec les développeuses WordPress pour garantir la faisabilité • Réunions régulières avec les parties prenantes pour recueillir des retours • Améliorations itératives basées sur les tests utilisateur

Ma philosophie de conception se concentre sur la création d'expériences conviviales. En utilisant un système de conception modulaire et flexible, j'ai cherché à répondre à des besoins divers et à assurer la scalabilité.

Conception Finale

Expérience Utilisatrice Améliorée

Expérience Utilisatrice Améliorée

Élargi le Système de Design

Élargi le Système de Design

Réalisée une recherche utilisateur

Réalisée une recherche utilisateur

Assurée de la faisabilité technique

Assurée de la faisabilité technique

Les conceptions finales ont amélioré le système visuel modulaire et flexible, améliorant l'expérience utilisateur et garantissant la scalabilité dans toutes les sections du site.

Le site web de banque d'entreprise offre désormais une expérience utilisateur intuitive. En utilisant le système de conception flexible, nous avons répondu aux divers besoins en contenu. Une recherche utilisateur approfondie a aligné la conception avec les préférences des utilisatrices et les normes d'accessibilité. La collaboration avec les développeuses a assuré que tous les changements étaient réalisables et mis en œuvre efficacement.

Images de produit

Macbook Pro sur un rebord en béton gris affichant la page des localisations du site web de la banque. L'écran affiche le menu de navigation et les onglets de localisation pour les régions mondiales. L'ordinateur portable est posé dans un cadre minimaliste avec des jeux de lumière et d'ombre dramatiques.
Macbook Pro sur une surface grise affichant la page d'accueil du site bancaire. L'écran montre une vue nocturne de la ville avec des feux d'artifice et un menu de navigation. Un simple ordinateur portable blanc placé en biais crée des ombres nettes.
Macbook Pro sur une surface grise affichant la page d'accueil du site bancaire. L'écran montre une vue nocturne de la ville avec des feux d'artifice et un menu de navigation. Un simple ordinateur portable blanc placé en biais crée des ombres nettes.
Macbook Pro sur une surface grise affichant la page d'accueil du site bancaire. L'écran montre une vue nocturne de la ville avec des feux d'artifice et un menu de navigation. Un simple ordinateur portable blanc placé en biais crée des ombres nettes.
Ordinateur portable Macbook Pro flottant au-dessus de marches géométriques en béton gris, affichant la page des emplacements d'une banque. L'écran montre le titre 'Nos emplacements' avec un texte descriptif. Le cadre minimaliste crée des ombres dramatiques et des reflets sur la surface en escalier.
Ordinateur portable Macbook Pro flottant au-dessus de marches géométriques en béton gris, affichant la page des emplacements d'une banque. L'écran montre le titre 'Nos emplacements' avec un texte descriptif. Le cadre minimaliste crée des ombres dramatiques et des reflets sur la surface en escalier.
Ordinateur portable Macbook Pro flottant au-dessus de marches géométriques en béton gris, affichant la page des emplacements d'une banque. L'écran montre le titre 'Nos emplacements' avec un texte descriptif. Le cadre minimaliste crée des ombres dramatiques et des reflets sur la surface en escalier.
Un MacBook Pro est posé sur une surface grise. L'écran affiche le site web d'une banque avec le texte "d'ici, les possibilités sont partout" sur une vue nocturne de la ville avec des feux d'artifice bleus. Le site propose des menus pour la banque en ligne, la finance d'entreprise et d'investissement, ainsi que la gestion de patrimoine et la vente au détail. L'ordinateur portable argenté présente le site web dans un cadre professionnel.

Réalisations

Mon équipe et moi avons amélioré l'expérience utilisateur en actualisant le système de design, rendant l'interface plus attrayante et conviviale. Le système de design flexible et la collaboration avec les développeurs ont permis une mise en œuvre efficace et évolutive. La satisfaction des clientes a augmenté grâce à de meilleurs visuels et une navigation fluide, soulignant le succès de nos stratégies de design et de collaboration.