「【継続依頼あり】スマホアプリのUI/UXデザイン」へのmorita_rさんの提案一覧
morita_rさんの提案
-
17
-
12
-
11
-
提案日時 2023年04月14日 00:59 -
提案日時 2023年04月12日 00:37メンバーからのコメント
JwP LLC様
お世話になっております。森田です。
2案目をご提案いたします。
肉球をモチーフにした可愛らしいイメージの背景デザインです。
背景のグラデーションに合わせてボタンの色も変えています。
落ち着いて操作できるよう強い色は使わず、柔らかい色味を使用しました。
こちらもあわせてご検討いただけますと幸いです。
何卒よろしくお願いいたします。 -
提案日時 2023年04月12日 00:36メンバーからのコメント
JwP LLC様
初めまして。フリーでデザイナーをしております森田と申します。
コンペに応募させていただきます。
計2案、ご提案いたします。
1案目です。
おしゃれなロゴの雰囲気に合わせて、全体的に柔らかい雰囲気のデザインでまとめました。
背景は配車を連想するマップ風のデザインです。
緊急時にも落ち着いて操作できるよう意識し、落ち着いたトーンの色味でまとめています。
背景のマップはイラストですが、実際のGoogleマップを背景にしてもデザインにマッチすると思います。
下部のメニューや乗車地・目的地などの機能は想像でデザインさせていただきました。
修正などございましたらお申し付けください。
ご検討いただけますと幸いです。
何卒よろしくお願いいたします。
メンバーからのコメント
JwP LLC様
お世話になっております。森田です。
修正を作成いたしましたので、ご提案いたします。
①ホーム画面
・画面下部のメニューを「今すぐ呼ぶ」「予約する」「設定」に変更いたしました。
・設定は歯車のアイコンにしています。
・「今すぐ呼ぶ＝ホーム画面」というのがわかりやすいように、今いるページ以外のアイコンはグレーアウトにしています。
・「タクシーを呼ぶボタン」のタクシーのアイコンを②③の画面に合わせて若干変更したしました。
②「タクシーを呼ぶ」ボタン押下後のイメージ
タクシーを探している雰囲気が感じられるよう、円が回るアニメーションをご提案いたします。
言葉での表現が難しいため、簡易的ではございますが動きのサンプルをご用意いたしました。
下記のurlをご覧ください。
タクシーのイラストにもアニメーションを加えています。
動きをつけることで、待っている間の焦る気持ちなどを少しでも解消できればと思います。
【動きのサンプル】
http://ryokomorita.html.xdomain.jp/app_sample/
ID：app
PW：appsample
③「タクシーが見つかった」際のイメージ
タクシーを探している画面からの画面遷移を考え、同じ配置のレイアウトにしています。
タクシーを探している画面はほとんど色がありませんが、こちらの画面でパッと色がつき、タクシーが見つかった嬉しさも表しています。
テキストは「約○〜○分で到着します」としていますが、他の文言でも良いかと思います。
例：「○時○分到着予定です」「まもなく到着します」「現在向かっています」etc..
ご検討いただけますと幸いです。
何卒よろしくお願い申し上げます。
森田