【DailyUI2】音楽アプリの新規登録画面

OVERVIEW

Figmaを使用して好みの音楽が再生されるアプリデザインを作成しました。

YEAR 2021

⭐️ターゲット⭐️

⚫︎オシャレ好きな男子大学生


⭐️コンセプト⭐️

⚫︎好みの音楽がレコメンドされる音楽アプリ






↑改善前


⭐️工夫した点⭐️

⚫︎シンプルで分かりやすいデザインを心がけた。(新規登録、ログインボタンのみで、導線を分かりやすく)

⚫︎ターゲットの「オシャレ」を意識して、背景の画像は、DJの写真を配置。

⚫︎新規登録ボタンと登録するボタンは、押したくなるようにグラデーションのデザインにした。

⚫︎メール、パスワードを入れる画面はInstagramの登録画面のように、背景にグラデーションを用いてオシャレを意識した。


⭐️フィードバック、添削⭐️

⚫︎背景画像が暗すぎる+もう少しワクワクする明るめの背景画像が良い

⚫︎メール、パスワードを入れる画面の、登録するボタンの下のマージンを揃えた方が良い

⚫︎Google、Facebookでログインのラベルが右揃えになっているため、中央揃えにした方が良い。




↑改善後


⭐️工夫した点⭐️

・新規登録ボタンをグラデーションにして、押したいと思うカラーにした。

・なるべく登録するユーザーが迷わないようにボタンや入力フォームを最小限に、背景の画像の余白を活かしたシンプルなデザインにした。

・初めてfigma を使い、ある程度使いこなすことができた。


⭐️反省点⭐️

・画像で書き出した時に、背景の写真がとても暗くなってしまった。

・ボタンや入力フォームの余白の取り方に苦戦した。