現場ポケット
現場で使う複数の機能を、一つのアプリへ。
現場の利用状況を調べ、画面と操作の流れを具体化。UI設計と新機能の検討を支援。
- クライアント
- 株式会社アステックペイント 様 ↗
- プロジェクト開始
- 2018年
プロジェクト概要
- 担当範囲
-
- 初期立ち上げ時のPC/スマホ版のUIデザイン (miro, Figma)
- 開発前のHTMLコーディング(React)
- ワイヤーフレーム作成含むUI提案
- UIデザイン
- UIデザインガイドライン作成
- 公開後の新機能追加時などに、デザインアドバイザーとして参加
- ツール・技術
-
- Miro
- Sketch
- Figma
- サービスの受賞歴
-
Good Design Award
2022年度受賞
↗
プロジェクトの目的
塗装・建設・リフォーム業界の現場で使うアプリの刷新に際し、チャット、写真共有、報告書や日報の作成などを一つに集約。現場の職人さんが日々快適に使えるUIを目指しました。
取り組みと制作過程
- 現地調査及びワークショップ形式による顧客解像度の向上
- 開発前にワイヤーフレームで早く可視化して操作性を検討
- 利用者目線でのUI提案及び画面デザイン作成
- デザインアドバイザー（新機能の壁打ちや課題整理など）
デザインする上で心がけたこと
各機能に対して必要に応じ、複数のUI案をワイヤーフレームで提案し、プロジェクトメンバーとともに検討を重ねた上で開発工程へ進みました。
一見必要と思われた機能でも、ワイヤーフレームで画面遷移を具体化すると違和感が生じる場合があり、不要な機能の見極めにも役立てることができました。
お客様の声
以下は、制作実績の掲載時にいただいたコメントです。会社名・役職は当時の掲載情報です。
ご担当者から伺ったこと
担当者コメント）
UIに関する様々な課題に対して、いつも期待を上回る提案をいただけるので安心感があります。ユーザビリティ向上）
利用者の中にはスマホの操作に不慣れな方も多いのですが、操作方法での問い合わせはほとんどありません。UIがシンプルでわかりすい設計になっていることが大きいと思います。ビジネス促進）
競合のプロダクトも増える中で、お陰様で利用者数は日々純増しております。
(クライアント様から頂いた声より抜粋)
一緒に進めた方の声
高頻度でのMTGを実施させて頂き、様々なお願いにも柔軟に対応頂けるのでとても助かっています。企画フェーズ、上流から関わって頂けることもあり、UI設計におけるコミュニケーションも円滑に行えています。
MiroやFigmaでのプロトタイプの精度も高いので開発前の検証も実施しやすいです。CGFMさんのUI設計は毎回こちらの期待値を越えたものなので、非常に信頼感があります。
株式会社アステックペイント 担当者様
