バンドメンバーを募集するスマホサイトのデザイン改善案_ゼロからの構築ではないので簡単 - daiwaraiの提案

はじめまして、阿部と申します。

一件提案させていただきます。


まず添付されたデザインについて気になった点は
・ご指摘にあったデザインの統一感
・ボタンの配置(お気に入りなど各投稿に関するリアクションボタンがページ上部のヘッダーにしかない)
・リストの項目が一つ一つ長くなってしまっている
・ソート機能と検索機能が一緒になってしまってリスト検索のかけ方が少々難しくなっている
といった点です。

改善案として
・カラーとデザインを統一する
・各投稿ごとにリアクションボタンを設ける
・ページを複数に分けて募集リストだけのページを作る
・リスト検索機能を「条件検索」と「ソート」に分ける
を提案させていただきます。

1枚目から順に説明させていただきます。

・1/3 Home画面
　スマホサイトのご希望でしたが、アプリ展開も考慮して「ページナビ(Home/Finger List/新規投稿/アクテビティ/プロフィール)」をページ下部のフッターにおきました。
使用感に応じてページ上部におくことも考慮しています。

このページはその中のHomeの画面にあたります。

元々あったデザインの縦長の画面はとても特徴的でキャッチーだったのでアクセス時に出てくるHome画面をこのデザインにしました。
上部にあるプロフィールアイコン群から選択されたものに関連する画像が表示されることを考えています。

・2/3 Finger List画面
　Finger Listのページはより簡潔な情報だけを残して目的の募集を探しやすくしました。ページナビからこのページに移動できます。
　
そしてソートと条件検索も確認できている項目の中で想定されるものをいれました。
より細かな条件があればこちらに加えることを考えています。
現状ではオレンジ色になっているものが指定されているという想定です。(募集パート・難易度・Sort→新着・並び順→降順)

・3/3 Finger List→詳細画面
　このページはリストにすべての情報を載せるのは多すぎるため別ページとして設けました。リストの各アイコンをクリックしていただくとこちらのページに遷移し、左上の「<」ボタンからリストに戻ることができます。
　
　画像をフルサイズで表示し、画像下のオレンジのバーで画像を切り替えます。

　お気に入り、コメントなどはタイトルの下にある3つのアイコンの中から行います。

　詳細情報には条件検索に関わるような項目は太字で色を変えています。場合によってはここにリンクを挿入することも考えられます。

　ページ下部にはコメントがあります。バンドメンバー以外のコメントもこちらに表示することを想定しています。


ページ解説は以上になります。
ページナビにある新規投稿、アクティビティ、プロフィールに関してはまだ詳しい機能を存じ上げていないため、想定されるものを暫定的に提案しました。

・「新規投稿」はリーダーが募集を新しく投稿する機能
・「アクティビティ」はリーダーなら新しい申し込みの通知、応募側としてはリーダーからのリアクションの通知などの各新着通知を表示する機能
・「プロフィール」は個人のマイページ、各設定などの機能
を考えています。

提案は以上になります。
追加のページデザイン、指示などがあればいつでも承ります。

よろしくお願いいいたします。