クラウドカメラの管理画面のUIデザイン、ビジュアルデザイン
クラウドカメラの管理画面のUIデザイン、ビジュアルデザインを行いました。。建設現場や道路など屋外に設置したクラウドカメラの映像を見たり、様々な設定を行う管理画面です。(画像は開発時のものです)
制作の意図・ポイント
- 全体を青系の落ち着いた配色にすることでスタイリッシュさ、信頼感、整然とした、などのイメージを想起させ、シンプルで操作しやすそうに見えるように工夫をすることで、こうした画面の操作に苦手意識のあるユーザーでも使えそうと感じてもらえるようにする
- パソコンからの操作が主な用途でありながら、スマホからの操作もできる使用のため、レスポンシブ化した時のボタンの大きさや、ボタン同士の余白に注意する
- カメラを設置した箇所の気象情報を同じ画面に表示することで、現場の状況を把握しやすくする
- カメラの映像を複数表示する機能や、特定のカメラを選んで詳細を見る機能を備え、視認性を高める
- 録画映像をダウンロードしたいニーズが高いので、録画映像のダウンロードボタンは分かりやすく配置し、使いやすい設計に
その他の制作実績
強みを活かす領域
-
画像・印刷物制作
広告用バナー・ヘッダー画像・リッチメニューなど、Web上に掲載する画像の作成
印刷物のご相談 -
UI/UXデザイン
SaaSプロダクトのUIデザイン・既存アプリのUI改善、bootstrapを使用した管理画面のコーディング
UI/UXデザインのご相談 -
ホームページ制作
figmaを使用したデザイン制作・html、css、javaScriptを使用したコーディング・WordPress化
ホームページ制作のご相談