スクリーンショット_2018-08-28_18

Daily UI #003 Landing Page

ついにデザイン要素強めの課題が来てしまいました…!
今回は Landing Page(ファーストビューです)のUIに挑戦です。

Hint: What's the main focus?
Is it for a book, an album, a mobile app, a product?
Consider important landing page elements
(call-to-actions, clarity, etc.)
(It's up to you!)

ビジュアルデザインできないよ…と思いながらもやってみました><

嫌だ…
ぜんぜんできない…

普段業務でやったことない、嗜好性の高い消費者向けの商品ということでサングラスを選んでみました。
一応、バッグにそのまま入れられる丈夫でオシャレなサングラスというコンセプトです。w

所要時間はいつもどおり30分ぐらい。

気をつけたこと

1. ヒーローバナーで製品意図が伝わる
伝わらないと思うんですが、サングラスの写真だけ固定で、背景がカルーセルで切り替わるようにしようという意図です。
どんなバッグでも、どれだけバッグの中身が多くても、どんなシチュエーションでも使えますよ、というメッセージを強調してみました。

2. ファーストビューでコンセプト(文字)まで視界に入る
ファッション製品とはいえ機能性が推しの商品なので、言葉による説明もしっかり読んでもらえるよう、ヒーローバナーは短めにしてテキストに視線を誘導しています。

3. グロナビの主張弱め
ファッション性強め、かつ新規性が高い商材でいきなりナビゲーション移動する人いないかなと思って、弱め・粗めにしてみました。

反省

・やっぱりサイトはワイヤー書かないとだめだ!
情報設計がなってないですね。

・画像に頼りすぎ
かっこいい画像使ったらそれっぽく見える現象。

以上。
もっとがんばります。


この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

読んでくださりありがとうございます!

Thank you! Have a nice day!
5

niri

某Webサービスの UXデザイナー。毎日の学びを残す場所。

みんなの#DailyUIを応援!

Daily UIにチャレンジしているみなさんを応援するマガジンです。
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。