16 UI/UXデザイン・フロントエンド
SaaS管理画面のUI刷新
AI
WEB
CLOUD
- 2022.09.08
- BtoB SaaS企業
- 11週間
- React / Storybook / Figma Tokens
機能追加のたびにUIが不揃いになり、ユーザーが設定項目を探しにくくなっていました。
フォーム、テーブル、ステータス表示をコンポーネント化し、Figmaと実装の命名を揃えました。
新機能画面の実装速度が上がり、サポートへの操作質問も減りました。
開発事例
高難易度案件を中心に、課題・技術的難易度・解決策・成果を紹介します。
51件の開発事例を掲載中
6 / 6 ページ16 UI/UXデザイン・フロントエンド
AI
WEB
CLOUD
機能追加のたびにUIが不揃いになり、ユーザーが設定項目を探しにくくなっていました。
フォーム、テーブル、ステータス表示をコンポーネント化し、Figmaと実装の命名を揃えました。
新機能画面の実装速度が上がり、サポートへの操作質問も減りました。
16 UI/UXデザイン・フロントエンド
AI
WEB
CLOUD
デザイン再現度は必要だが、広告流入のため表示速度も落とせない案件でした。
ファーストビューの画像読み込みを調整し、スクロール演出は必要箇所だけGSAPで実装しました。
Core Web Vitalsを維持しながら、クライアント確認でもデザイン再現性を評価されました。
16 UI/UXデザイン・フロントエンド
AI
WEB
CLOUD
複数チームが画面を作り、ボタン、入力欄、エラー表示の仕様が揺れていました。
UI部品、状態、アクセシビリティ基準を整理し、Storybook上で利用例と禁止例を確認できるようにしました。
レビュー観点が揃い、実装者が迷う細かなUI判断を減らせました。
17 ワークフロー自動化
AI
WEB
CLOUD
稟議の承認経路が部署ごとに異なり、メール転送で承認状況を追っていました。
金額、部署、申請種別ごとに承認ルートを切り替え、差し戻し履歴と添付資料をkintoneで管理しました。
承認待ち案件が見える化され、月末の確認連絡が減りました。
17 ワークフロー自動化
AI
WEB
CLOUD
制作依頼がチャットに流れ、担当、期限、素材確認が追いづらくなっていました。
Notionの依頼DBを中心に、期限前通知、素材不足通知、完了報告をSlackへ自動投稿しました。
ディレクターが未対応依頼を一覧で確認でき、確認漏れが起きにくくなりました。
17 ワークフロー自動化
AI
WEB
CLOUD
契約書の版管理とレビュー状況がメールに埋もれ、どれが最新版か分かりにくい状態でした。
案件、契約書ファイル、レビュー担当、期限をAirtableで管理し、Driveの最新版リンクを自動更新しました。
レビューの滞留が可視化され、担当者交代時も状況を引き継ぎやすくなりました。
CONTACT
まずは無料でご相談ください