【Before】
もとのTOP画面がこちらです。
シンプルだが、情報が沢山ありすぎてパッと見つけられないなという印象がありました。
【After】
・フラットデザイン
・カラーアイコンでポップなデザイン
にリデザインしました。
【心がけたポイント】
①わかりやすく、シンプルに
ユーザーが迷わないように、入力部分に書き込み例を浮き出して表示したり、
ユーザーが選びやすくジャンル別表示や、検索履歴をTOP画面に置き探しやすくしました。
また、色や線は極力使わない、シンプルで見やすいデザインにしました。
②遊び心
ユーザーにとってサービスの入り口画面となるので、「ワクワク感」をもってほしいという思いからポップなカラーと角を丸て柔らかいイメージにするなどを工夫しました。
③ブランドの「らしさ」を残す
LINEらしさを残すため、既存サイトで多用されていて、LINEといえばでお馴染みの「緑色」をファーストビューとお気に入りボタンに取り入れました。また、全体的に白色がメインのデザインなため、LINEのアイコンを連想させるように工夫しました。