【1】PWAアプリ・Webサイトの画面設計(ディレクター) [2023/12 ~ 2024/3]
大手保険商品や金融商品を扱う企業において、新規Webサービス(PWAアプリ・Webサイト)の開発に関するWebディレクション、UIUX初期案デザイン設計、業務目的別導線設計、画面設計仕様書作成などを担当しました。
①新規アプリ(変額・保険金請求画面)の立ち上げに伴う画UI面設計、およびユーザー体験を最適化するUX設計のチームサポート。
②変額保険や保険金請求といった、複雑な導線設計やロジックを要する重要画面において、ビジネス要件や技術仕様のガイドラインに沿って、画面遷移図や、ワイヤーフレームを設計・作成。
③最終成果物として、サービス画面設計仕様書もマニュアルに沿って作成をサポート。
| 関連リンク | 非公開 |
| ビジネス形態 | B to B |
| 使用ツール | Microsoft Excel Online , Figjam , Figma , Viber |
| 成果物 | 変額保険や保険金請求サービスにおける画面遷移図・WF、サービス画面設計仕様書 |
| 作業領域 | ブレーンストーミング、サービス画面遷移図・WF作成(変額保険や保険金請求)、UIUX初期案デザイン、サービス画面設計仕様書作成 |
| タスク管理 | Google Spread Sheet(WBS) |
| 開発スタイル | ウォーターフォール~ハイブリッド型開発、チーム内レビュー体制 |
| その他 | SES案件、PMレビュ―有 |
【2】デザインシステム構築支援・プロモーション(FE / UIUXデザイナー) [2024/1 ~ 2024/3]
また、別件では、金融サービス用のLP構築や、既存サービス一部のリニューアルにあたり、マテリアルデザインのUIコンポーネントを利用したデザインガイド作成の補助について主に担当しました。
①デザインシステム構築支援:マテリアルデザインのUIコンポーネントに基づいたデザインガイドラインの作成補助、および既存サービスのUIコンポーネント化、及びスタイルガイドや変数、デザインコンポーネントの体系的管理など。
②プロモーション:金融サービス用LPのデザインと実装。
| 関連リンク | 非公開 |
| ビジネス形態 | B to B |
| 使用言語 | HTML , SCSS , Javascript , EJS , Typescript , Vite , React |
| エディタ | Visual Studio Code |
| 開発環境 | Docker , Git , Microsoft Copilot |
| デザインツール | Figma |
| タスク管理 | Backlog / Google Spread Sheet(WBS) |
| 開発スタイル | アジャイル型開発、チーム内レビュー体制 |
| その他 | SES案件、PMレビュー有 |