STiD
セキュリティテック
B2Bアイデンティティ管理プラットフォームの近代化
UIデザイン
モバイルデザイン
STid's mobile access badge app had the right technology but the wrong UX. I led the full iOS + Android redesign — modernising the interface, simplifying navigation, and increasing adoption by 17% post-launch.
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
課題
優れた技術。フラストレーションを生むUX。
STidはヨーロッパにおける非接触識別のリーダー企業です。Mobile IDアプリはユーザーのスマートフォンをセキュアなデジタルアクセスバッジに変え、建物へのアクセス、制限区域、本人確認のための物理カードを置き換えます。技術は機能していました。アプリはそのように感じさせませんでした。
別の時代のインターフェース
ビジュアルデザインは機能的でしたが時代遅れでした。一貫性のないコンポーネント、弱い階層構造、低コントラストの要素が実際の環境（薄暗い場所、素早いバッジスワイプ、セキュリティチェックポイント）で機能しませんでした。ユーザーは迷いました。その迷いにはコストがあります。
コアユースケースと相反するナビゲーション
アプリの主要アクション（ドアを開けるためのバッジ起動）は、複数のタップと不明確なラベルの奥に埋もれていました。ユーザーは使う前にアプリを学ばなければなりませんでした。日常使いのセキュリティツールとして、そのフリクションは採用率を損ないます。
一目で信頼できない
アクセスコントロールアプリにとって、ユーザーはタップする前にアプリが信頼できると感じる必要があります。旧インターフェースはセキュリティも信頼感も伝えていませんでした。企業での導入が義務付けられているにもかかわらず、採用率は低いままでした。
私のアプローチ
プロセス、ステップバイステップ。
01
UX監査とフローマッピング
既存アプリのすべてのユーザーフローをマッピングし、フリクションポイント、行き止まり、過度に複雑なシーケンスを特定。ベストインクラスのアイデンティティおよびアクセスアプリと比較評価。再設計の範囲を定義：ナビゲーションの簡素化、ビジュアルの近代化、アクセシビリティの改善。
02
ナビゲーションの再構築
バッジアクセスアクションを最前面に配置するために情報アーキテクチャを再設計。主要アクションを4タップ以上から1タップに削減。プロトタイピングとターゲットを絞ったユーザビリティテストセッションで新しいフローを構築・検証しました。
03
ビジュアルシステムの再構築
Figmaでゼロから新しいUIレイヤーを構築：60以上の画面をカバーする新しいコンポーネントライブラリ、ダーク/ライトモード、高コントラストのアクセシブルなカラーシステム、近代化されたアイコノグラフィ、バッジ起動のモーションフィードバック。iOSとAndroid両方の完全な開発仕様を納品しました。
キーとなる意思決定
「セキュリティアプリは他のほとんどのアプリより高いビジュアル基準が求められます。インターフェースが信頼性に欠けると、ユーザーはそれが制御するハードウェアを信頼しません。再設計はコスメティックなものではなく、レピュテーションに関わるものでした。」
ソリューション
感じられるセキュリティ。
バッジアクセスをシームレスで信頼感を与えるものにする、再設計されたモバイル体験。新しいビジュアルシステム、再構築されたナビゲーション、iOSとAndroid全体でクリーンな開発者への引き渡しのために構築された完全なコンポーネントセット。
成果
採用する価値のあるアプリ。
新バージョンはユーザーとクライアントから好意的なフィードバックを受けてローンチされました。STid Mobile IDを使用する法人アカウント全体で採用率が向上し、コアフローの簡素化が正しい判断だったことが確認されました。実際のアクセスコントロール環境（薄暗い階段、改札ゲート、素早いスワイプのシナリオ）でユーザビリティテストを実施する。ラボテストでは、実際の展開条件でのみ現れるフリクションポイントを見逃していました。
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
© 2026 Victoria Pereira
Figmaで制作
STiD
セキュリティテック
B2Bアイデンティティ管理プラットフォームの近代化
UIデザイン
モバイルデザイン
STid's mobile access badge app had the right technology but the wrong UX. I led the full iOS + Android redesign — modernising the interface, simplifying navigation, and increasing adoption by 17% post-launch.
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
課題
優れた技術。フラストレーションを生むUX。
STidはヨーロッパにおける非接触識別のリーダー企業です。Mobile IDアプリはユーザーのスマートフォンをセキュアなデジタルアクセスバッジに変え、建物へのアクセス、制限区域、本人確認のための物理カードを置き換えます。技術は機能していました。アプリはそのように感じさせませんでした。
別の時代のインターフェース
ビジュアルデザインは機能的でしたが時代遅れでした。一貫性のないコンポーネント、弱い階層構造、低コントラストの要素が実際の環境（薄暗い場所、素早いバッジスワイプ、セキュリティチェックポイント）で機能しませんでした。ユーザーは迷いました。その迷いにはコストがあります。
コアユースケースと相反するナビゲーション
アプリの主要アクション（ドアを開けるためのバッジ起動）は、複数のタップと不明確なラベルの奥に埋もれていました。ユーザーは使う前にアプリを学ばなければなりませんでした。日常使いのセキュリティツールとして、そのフリクションは採用率を損ないます。
一目で信頼できない
アクセスコントロールアプリにとって、ユーザーはタップする前にアプリが信頼できると感じる必要があります。旧インターフェースはセキュリティも信頼感も伝えていませんでした。企業での導入が義務付けられているにもかかわらず、採用率は低いままでした。
私のアプローチ
プロセス、ステップバイステップ。
01
UX監査とフローマッピング
既存アプリのすべてのユーザーフローをマッピングし、フリクションポイント、行き止まり、過度に複雑なシーケンスを特定。ベストインクラスのアイデンティティおよびアクセスアプリと比較評価。再設計の範囲を定義：ナビゲーションの簡素化、ビジュアルの近代化、アクセシビリティの改善。
02
ナビゲーションの再構築
バッジアクセスアクションを最前面に配置するために情報アーキテクチャを再設計。主要アクションを4タップ以上から1タップに削減。プロトタイピングとターゲットを絞ったユーザビリティテストセッションで新しいフローを構築・検証しました。
03
ビジュアルシステムの再構築
Figmaでゼロから新しいUIレイヤーを構築：60以上の画面をカバーする新しいコンポーネントライブラリ、ダーク/ライトモード、高コントラストのアクセシブルなカラーシステム、近代化されたアイコノグラフィ、バッジ起動のモーションフィードバック。iOSとAndroid両方の完全な開発仕様を納品しました。
キーとなる意思決定
「セキュリティアプリは他のほとんどのアプリより高いビジュアル基準が求められます。インターフェースが信頼性に欠けると、ユーザーはそれが制御するハードウェアを信頼しません。再設計はコスメティックなものではなく、レピュテーションに関わるものでした。」
ソリューション
感じられるセキュリティ。
バッジアクセスをシームレスで信頼感を与えるものにする、再設計されたモバイル体験。新しいビジュアルシステム、再構築されたナビゲーション、iOSとAndroid全体でクリーンな開発者への引き渡しのために構築された完全なコンポーネントセット。
成果
採用する価値のあるアプリ。
新バージョンはユーザーとクライアントから好意的なフィードバックを受けてローンチされました。STid Mobile IDを使用する法人アカウント全体で採用率が向上し、コアフローの簡素化が正しい判断だったことが確認されました。実際のアクセスコントロール環境（薄暗い階段、改札ゲート、素早いスワイプのシナリオ）でユーザビリティテストを実施する。ラボテストでは、実際の展開条件でのみ現れるフリクションポイントを見逃していました。
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
© 2026 Victoria Pereira
Figmaで制作
STiD
セキュリティテック
B2Bアイデンティティ管理プラットフォームの近代化
UIデザイン
モバイルデザイン
STidのモバイルアクセスバッジアプリは適切な技術を持っていましたが、UXが不十分でした。iOS + Androidの完全な再設計をリードし、インターフェースの近代化、ナビゲーションの簡素化、そしてローンチ後のユーザー採用率を17%向上させました。
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
課題
優れた技術。フラストレーションを生むUX。
STidはヨーロッパにおける非接触識別のリーダー企業です。Mobile IDアプリはユーザーのスマートフォンをセキュアなデジタルアクセスバッジに変え、建物へのアクセス、制限区域、本人確認のための物理カードを置き換えます。技術は機能していました。アプリはそのように感じさせませんでした。
別の時代のインターフェース
ビジュアルデザインは機能的でしたが時代遅れでした。一貫性のないコンポーネント、弱い階層構造、低コントラストの要素が実際の環境（薄暗い場所、素早いバッジスワイプ、セキュリティチェックポイント）で機能しませんでした。ユーザーは迷いました。その迷いにはコストがあります。
コアユースケースと相反するナビゲーション
アプリの主要アクション（ドアを開けるためのバッジ起動）は、複数のタップと不明確なラベルの奥に埋もれていました。ユーザーは使う前にアプリを学ばなければなりませんでした。日常使いのセキュリティツールとして、そのフリクションは採用率を損ないます。
一目で信頼できない
アクセスコントロールアプリにとって、ユーザーはタップする前にアプリが信頼できると感じる必要があります。旧インターフェースはセキュリティも信頼感も伝えていませんでした。企業での導入が義務付けられているにもかかわらず、採用率は低いままでした。
私のアプローチ
プロセス、ステップバイステップ。
01
UX監査とフローマッピング
既存アプリのすべてのユーザーフローをマッピングし、フリクションポイント、行き止まり、過度に複雑なシーケンスを特定。ベストインクラスのアイデンティティおよびアクセスアプリと比較評価。再設計の範囲を定義：ナビゲーションの簡素化、ビジュアルの近代化、アクセシビリティの改善。
02
ナビゲーションの再構築
バッジアクセスアクションを最前面に配置するために情報アーキテクチャを再設計。主要アクションを4タップ以上から1タップに削減。プロトタイピングとターゲットを絞ったユーザビリティテストセッションで新しいフローを構築・検証しました。
03
ビジュアルシステムの再構築
Figmaでゼロから新しいUIレイヤーを構築：60以上の画面をカバーする新しいコンポーネントライブラリ、ダーク/ライトモード、高コントラストのアクセシブルなカラーシステム、近代化されたアイコノグラフィ、バッジ起動のモーションフィードバック。iOSとAndroid両方の完全な開発仕様を納品しました。
キーとなる意思決定
「セキュリティアプリは他のほとんどのアプリより高いビジュアル基準が求められます。インターフェースが信頼性に欠けると、ユーザーはそれが制御するハードウェアを信頼しません。再設計はコスメティックなものではなく、レピュテーションに関わるものでした。」
ソリューション
感じられるセキュリティ。
バッジアクセスをシームレスで信頼感を与えるものにする、再設計されたモバイル体験。新しいビジュアルシステム、再構築されたナビゲーション、iOSとAndroid全体でクリーンな開発者への引き渡しのために構築された完全なコンポーネントセット。
成果
採用する価値のあるアプリ。
新バージョンはユーザーとクライアントから好意的なフィードバックを受けてローンチされました。STid Mobile IDを使用する法人アカウント全体で採用率が向上し、コアフローの簡素化が正しい判断だったことが確認されました。実際のアクセスコントロール環境（薄暗い階段、改札ゲート、素早いスワイプのシナリオ）でユーザビリティテストを実施する。ラボテストでは、実際の展開条件でのみ現れるフリクションポイントを見逃していました。
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
© 2026 Victoria Pereira
Figmaで制作
STiD
B2B · Fintech
B2Bアイデンティティ管理プラットフォームの近代化
UIデザイン
モバイルデザイン
Built a multi-brand design system adopted across 10+ products — cutting design-to-dev handoff by 30% and aligning 5 product teams on a shared visual language.
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
課題
優れた技術。フラストレーションを生むUX。
STidはヨーロッパにおける非接触識別のリーダー企業です。Mobile IDアプリはユーザーのスマートフォンをセキュアなデジタルアクセスバッジに変え、建物へのアクセス、制限区域、本人確認のための物理カードを置き換えます。技術は機能していました。アプリはそのように感じさせませんでした。
別の時代のインターフェース
ビジュアルデザインは機能的でしたが時代遅れでした。一貫性のないコンポーネント、弱い階層構造、低コントラストの要素が実際の環境（薄暗い場所、素早いバッジスワイプ、セキュリティチェックポイント）で機能しませんでした。ユーザーは迷いました。その迷いにはコストがあります。
コアユースケースと相反するナビゲーション
アプリの主要アクション（ドアを開けるためのバッジ起動）は、複数のタップと不明確なラベルの奥に埋もれていました。ユーザーは使う前にアプリを学ばなければなりませんでした。日常使いのセキュリティツールとして、そのフリクションは採用率を損ないます。
一目で信頼できない
アクセスコントロールアプリにとって、ユーザーはタップする前にアプリが信頼できると感じる必要があります。旧インターフェースはセキュリティも信頼感も伝えていませんでした。企業での導入が義務付けられているにもかかわらず、採用率は低いままでした。
私のアプローチ
プロセス、ステップバイステップ。
01
UX監査とフローマッピング
既存アプリのすべてのユーザーフローをマッピングし、フリクションポイント、行き止まり、過度に複雑なシーケンスを特定。ベストインクラスのアイデンティティおよびアクセスアプリと比較評価。再設計の範囲を定義：ナビゲーションの簡素化、ビジュアルの近代化、アクセシビリティの改善。
02
ナビゲーションの再構築
バッジアクセスアクションを最前面に配置するために情報アーキテクチャを再設計。主要アクションを4タップ以上から1タップに削減。プロトタイピングとターゲットを絞ったユーザビリティテストセッションで新しいフローを構築・検証しました。
03
ビジュアルシステムの再構築
Figmaでゼロから新しいUIレイヤーを構築：60以上の画面をカバーする新しいコンポーネントライブラリ、ダーク/ライトモード、高コントラストのアクセシブルなカラーシステム、近代化されたアイコノグラフィ、バッジ起動のモーションフィードバック。iOSとAndroid両方の完全な開発仕様を納品しました。
キーとなる意思決定
「セキュリティアプリは他のほとんどのアプリより高いビジュアル基準が求められます。インターフェースが信頼性に欠けると、ユーザーはそれが制御するハードウェアを信頼しません。再設計はコスメティックなものではなく、レピュテーションに関わるものでした。」
ソリューション
感じられるセキュリティ。
バッジアクセスをシームレスで信頼感を与えるものにする、再設計されたモバイル体験。新しいビジュアルシステム、再構築されたナビゲーション、iOSとAndroid全体でクリーンな開発者への引き渡しのために構築された完全なコンポーネントセット。
成果
採用する価値のあるアプリ。
新バージョンはユーザーとクライアントから好意的なフィードバックを受けてローンチされました。STid Mobile IDを使用する法人アカウント全体で採用率が向上し、コアフローの簡素化が正しい判断だったことが確認されました。実際のアクセスコントロール環境（薄暗い階段、改札ゲート、素早いスワイプのシナリオ）でユーザビリティテストを実施する。ラボテストでは、実際の展開条件でのみ現れるフリクションポイントを見逃していました。
+17%
ユーザー採用率
60+
画面を再設計
2
プラットフォーム (iOS + Android)
5ヶ月
キックオフから完全採用まで
© 2026 Victoria Pereira
Figmaで制作