
DailyUI #097 プレゼント
1.DailyUI#097のお題
97日目のお題は「プレゼント」。
アプリの友達紹介キャンペーン画面を制作しました。
2.ざっくりワイヤー

3.制作したデザイン

アプリに友達を招待して、その友達が買い物をするとユーザーと友達どちらもクーポンを獲得できるキャンペーンという設定。
4.デザインする上で考えたこと
お得な情報であることがわかるよう、1000円の数字が真っ先に目に入るように大きめにして、文字を立体的に加工して強調のあしらいをつけた
「あなたも!友達も!」を吹出しで強調することで招待した側もされた側もお得なキャンペーンであることを認知させる
ボタンのラベルをわかりやすい表記にしてユーザーを迷わせないように
5.反省点
日付の表記がシンプルすぎて目に入ってこないなと思いました。下に帯状に日付を入れた方が伝わりやすかったかもしれないです。
フリー素材のイラストだけ他の要素に比べて平面的で浮いて見えるので、もっとメリハリのある色を使って全体の統一感を出せたら良いかなと思いました。
6.おわりに
バナーのような、小さい枠の中で伝えたいことを簡潔に伝えるデザインは毎回苦戦しています。色々なデザインを見て文字組や余白の使い方などの感覚を吸収していきたいです。