株式会社アジケ、金融UI設計支援サービス「FINUI」の提供を開始

〜金融UIの定石を、銀行のデジタル責任者がそのまま使えるリファレンスに（金融機関・パートナー限定）〜

株式会社アジケのプレスリリース

金融機関向けUI設計支援を手がける株式会社アジケ（本社：東京都、メンバーズグループ、以下：アジケ）は、金融機関とそのパートナー限定で、金融機関向けのUI設計支援「FINUI」の資料公開およびデモ受付を開始いたします。

本サービスは、金融機関のデジタル責任者が抱えてきた「振込画面をゼロから議論する」「ベンダーが変わるたびにUIの考え方がリセットされる」といった負担に対し、銀行に必須の画面が完成した状態で手に入る「金融UIの定石」を提供するものです。

◾️「FINUI」とは

本サービスは、金融機関のデジタルサービスにおけるUI設計を数多く支援してきたアジケの「設計の型」を、振込・口座開設・認証など、金融機関に必要とされる画面が完成した状態で受け取れる、金融UI設計のリファレンスとして提供するものです。

一般的なUIキットが見た目の部品を中心に構成されるのに対し、FINUIでは、金融機関のUI設計で培った実践的な画面パターンと、その設計意図をあわせて提供します。色や文言を差し替えることで、毎回ゼロから設計を検討することなく、金融機関の画面として議論の起点にできます。さらに各画面には、「なぜこの形なのか」という設計意図に加え、関連法令やWCAGの考え方も併記しています。

提供物は、FigmaファイルとStorybook（実装コード）の2つで構成されています。デザイントークン・コンポーネント・パターン・テンプレートの4階層で整理し、Figmaで参照できるだけでなく、そのまま動くコードとしても受け取れます。

3つの構成要素

デザイントークン

色・タイポグラフィ・スペーシング・角丸など、ブランドに合わせて差し替えられる変数群
コンポーネント

ボタン、入力フォーム、金額表示、認証コードなど、金融UIで頻出するUI部品
利用シーンテンプレート

「他行宛・初回振込」「口座開設」など、業務シナリオをステップ単位で組み上げた画面群

なお、FINUIで提供するのは、特定の金融機関向けに個別構築した成果物そのものではなく、アジケが積み上げてきた金融UI設計の型・考え方です。金融機関ごとのブランドに合わせたカスタマイズや実装への展開は、アジケとのプロジェクトの中で進めます。

FINUIサービスサイト

◾️何が変わるか

金融機関のデジタル責任者・担当者は、振込画面を見直すたびにゼロから議論が発生する、ベンダーが変わるたびにUI設計の考え方が引き継がれにくい、違和感はあっても改善理由を言語化しづらいといった課題を抱えています。

こうした課題の背景には、金融UIにおける「型」を一覧できる共通の参照先が少なく、各社の知見が個別のプロジェクト内に閉じやすいという構造があります。FINUIは、金融機関向けUI設計で培ってきた知見を、実際の画面パターンと設計意図として整理し、議論や判断の起点となるリファレンスとして提供します。

FINUIを活用することで、以下のような場面での変化が期待できます。

白紙からの議論を減らす

完成された画面パターンをもとに、はじめから具体的な画面を見ながら検討できます。
ベンダーや関係者との共通言語をつくる

実際の画面を参照しながら議論できるため、「なんとなく違う」といった認識のずれを減らし、改修や追加開発の方向性を共有しやすくなります。
改善理由を説明しやすくする

設計意図や関連法令、WCAGの考え方とあわせて参照できるため、なぜ見直す必要があるのかを説明しやすくなります。

FINUIは、毎回ベンダーに確認しなければ判断しづらい状態から、金融機関自身が改善の方向性に当たりをつけやすい状態へ近づけるためのリファレンスです。

◾️FINUIの3つの特徴

1. 利用シーン単位で整理された参照デザイン

「他行宛・初回振込」「口座開設（eKYC）」など、金融機関で発生する業務シナリオをステップ単位で整理しています。例えば「他行宛・初回振込」では、誤振込防止、特殊詐欺警告、名義照会などを含む11ステップを用意し、各ステップの設計意図まで確認できます。

2. FigmaファイルとStorybookによる実装コードの提供

デザイントークン・コンポーネント・パターン・テンプレートの4階層を、Figmaファイルとして閲覧できるだけでなく、Storybookの実装コードとしても受け取れます。画面を見て、触りながら確認できるため、検討初期の叩き台として活用でき、SIer・ベンダーとの議論における共通言語の土台にもなります。なお、本実装はアジケとのプロジェクトの中で進めます。

3. 法令・WCAGの考え方とデバイス横断での整理

利用シーンごとに、関連する法令や準拠の考え方、WCAG対応項目を併記しています。また、モバイル、デスクトップ、ATMなど、複数のデバイスを横断して参照できるよう整理しています。

◾️金融UI領域における実績

アジケはこれまで、金融機関向けのUI設計・デザインシステム構築において、以下のようなプロジェクトを支援してきました。

メガバンクにおける大規模デザインシステムの構築・継続運用を支援
ネット系銀行におけるインターネットバンキングの全面リニューアル
地方銀行における口座開設アプリの設計
地方銀行における店頭接客タブレットの設計

なお、上記はいずれも各金融機関向けに個別構築したプロジェクト実績です。FINUIで提供するのは、これらの支援を通じて培ってきた金融UI設計の型・考え方であり、特定の金融機関向けに構築した成果物そのものではありません。

◾️コメント

株式会社アジケ代表取締役社長梅本周作

銀行の画面ひとつで、人は安心も不安も覚えます。その一画面の質を、各社が毎回ゼロから議論し直す——私たちはこの状態を、ずっともったいないと感じてきました。FINUI は、これまで積み上げてきた金融機関UIの設計の型を、業界の議論の起点として使える形にしてお渡しする試みです。アジケなりの「金融機関における定石UI」を、銀行のみなさまに役立てていただきたいと考えています。