Sagayuri Design

クラウドカメラの管理画面のUIデザイン、ビジュアルデザイン

figma

クラウドカメラのダッシュボードの開発中の画面デザイン

クラウドカメラの管理画面のUIデザイン、ビジュアルデザインを行いました。。建設現場や道路など屋外に設置したクラウドカメラの映像を見たり、様々な設定を行う管理画面です。(画像は開発時のものです)

制作の意図・ポイント

  • 全体を青系の落ち着いた配色にすることでスタイリッシュさ、信頼感、整然とした、などのイメージを想起させ、シンプルで操作しやすそうに見えるように工夫をすることで、こうした画面の操作に苦手意識のあるユーザーでも使えそうと感じてもらえるようにする
  • パソコンからの操作が主な用途でありながら、スマホからの操作もできる使用のため、レスポンシブ化した時のボタンの大きさや、ボタン同士の余白に注意する
  • カメラを設置した箇所の気象情報を同じ画面に表示することで、現場の状況を把握しやすくする
  • カメラの映像を複数表示する機能や、特定のカメラを選んで詳細を見る機能を備え、視認性を高める
  • 録画映像をダウンロードしたいニーズが高いので、録画映像のダウンロードボタンは分かりやすく配置し、使いやすい設計に

その他の制作実績

Works
制作実績一覧を見る

強みを活かす領域

Strength

ご検討中の方へ

ZoomなどのWebでの打ち合わせを承っております。

ご対応可能かどうか、抱えている悩み、デザインのご希望など、お気軽にご相談ください。

相談する