革新的な銀行ウェブサイトデザイン：KGI Bank

Frog Singaporeによるユーザーエンゲージメントと情報発見性を重視したウェブサイトリデザイン

情報提供型でありながらミニマリスティック、プロフェッショナルでありながらダイナミック。これがFrog Singaporeチームが銀行ウェブサイトの新たな姿を想像する際の出発点でした。最終的な目標は、企業と小売の経験を統一し、軽快でシンプルでスマートなサイトを作り出すことです。

このサイトは、単に情報を簡単に提供するだけのプラットフォームではなく、すべてのインタラクションで顧客と真につながるものであるべきだと考えました。そのため、サイトは顧客が探しているものを簡単に発見できるように、また、一般的なインタラクションを再発明する驚きのマイクロアニメーションを通じて感情的にエンゲージメントを生む旅に顧客を誘うようにリデザインされました。

このウェブサイトのユーザーインターフェースはFigmaで設計されました。レスポンシブなモバイルとデスクトップのUI/UXデザインは、ユーザーのエンゲージメントを促進し、情報の発見性を向上させることを目指しています。

全体の視覚概念を単純化し、サイトは顧客が銀行のさまざまな側面を一つずつ、層ごとにゆっくりと発見できるように設計されました。デジタルコンパニオンとしての役割を果たすため、戦略的に配置されたCTAやよく使われるツールへの簡単なアクセスが常に近くにあり、次のステップを奨励します。

テンプレートベースのアプローチを採用し、チームはまず、企業と小売の経験間で共有される視覚的な原則を特定することでデザインの方向性を定義しました。全体のリデザインに対するコンテンツガイドラインをさらに構築するために、チームは既存のガイドラインとベストプラクティスを分析し、全体の単純化された視覚概念とテンプレートを開発しました。

既存のデザインシステムを更新する際の最大の課題は、一つのサイトで四つの異なる子会社に関する情報を展示するサイトをリデザインすることでした。課題は、顧客に十分なコンテキストを提供しつつ、使いやすさを確保するというバランスを見つけることにありました。これを解決するため、チームは、さまざまな子会社のセクションへのナビゲーションを強化し、簡単な発見のための微妙なガイダンスを提供することに焦点を当てました。

チームは、複雑な銀行サイトが顧客にとってどのように感じるべきかを再考しました。サイトが一つで四つの異なる子会社に関する情報を展示することから、チームは単に簡単な情報を提供するだけでなく、すべてのインタラクションで顧客と真につながることに焦点を当てました。これを達成するために、サイトは顧客が探しているものを簡単に発見できるように、また、一般的なインタラクションを再発明する驚きのマイクロアニメーションを通じて感情的にエンゲージメントを生む旅に顧客を誘うようにリデザインされました。

このデザインは、2022年のA'ウェブサイトとウェブデザインアワードで鉄賞を受賞しました。鉄賞は、よく設計され、実用的で革新的な創造物に授与されます。業界のベストプラクティスと優れた技術特性を統合し、満足感とポジティブな感情を提供し、より良い世界に貢献することで評価されます。