お世話になっております、ChitChat.iです。
続きまして「報告書」機能画面の提案になります。
ご提供いただきました画面資料の②に関して、スライドの出力に関する操作部分と、スライドの作成・編集に関する操作部分を分けておりますが、UIの修正等も丁寧に対応いたします。
引き続きよろしくお願いいたします。
お世話になっております、ChitChat.iです。
続きまして「グラフ」機能画面の提案になります。
ご提供いただきました画面資料の②に関して、グラフの出力に関する操作部分と、グラフの表示に関する操作部分を分けておりますが、UIの修正等も丁寧に対応いたします。
引き続きよろしくお願いいたします。
初めまして、ChitChat.iと申します。
WebアプリUIデザインの提案になります。
ロゴに使用されている青をブランドカラーとし、目に入りやすいような清潔感のある色彩構成で仕上げました。
データテーブルやグラフ、プレゼンテーションスライドといった画面幅いっぱいに使用する要素が多いため、メニューはヘッダーに格納し、ユーザーが操作しやすいレイアウトを意識しました。
また、マテリアルデザインを考慮し、視覚的に情報を取り込みやすくなるように画面設計しております。機能の追加・変更等も対応しやすくなるかと思います。
以下に画面のプロトタイピング用のURLを記載いたしますので、実際の画面遷移等ご確認いただければと思います。
https://www.figma.com/proto/j5yQZZsk8EFFihq7oenPIM/202006?node-id=25%3A6567&viewport=588%2C239%2C0.4285704493522644&scaling=scale-down
提案用のため画像サイズが小さめですが、さらに拡大したデータや、Figmaで作成しておりますのでコード参照用リンクのご提出も可能です。お気軽にお申しつけください。aiデータでのご提出も可能です。
その他内容の変更や追加要素・修正等、丁寧に対応いたします。
ご検討のほど、どうぞよろしくお願いいたします。
メンバーからのコメント
お世話になっております、ChitChat.iです。
最後に、画面デザインではございませんが、今回のデザイン用に作成したデザインシステムになります。
画像左からタイポグラフィ、カラーパレット、余白のルール、UIコンポーネントとアイコンになります。
画面実装の効率化、一貫したUI・UXデザイン設計、クオリティ担保のために用意しております。
以上となります。ご検討のほど、どうぞよろしくお願いいたします。