お世話になっております、ai.と申します。 内容を拝見しまして、とても興味を持ちましたのでご提案させて頂きます。 ワイヤーからどの程度崩しても良いのか、判断が非常に難しかったため、 ワイヤーはあくまで必要なコンテンツを指しているものとして、大きく崩したデザインをご提案致します。 ▼ 配色・装飾 明るく清潔感があり、シンプルでスタイリッシュなイメージとのことでしたので、 配色は明るく・装飾は主にシンプルな線を使用して、画面を大きく使ったデザインになります。 単調な印象にならないようにボックスからテキストをずらしたり、縦書きを使って動きをつけております。 ▼ ヘッダー 個人的な感想になりますが、ヘッダーのアコーディオンが三階層になりますと、 カーソルがワイヤーのように縦から横に移動して非常に使いづらい印象のため、サイドバーでのご提案となります。 こちらの場合、ユーザーのカーソルは右移動になるためスムーズな操作になるかと思いました。 ▼ ファーストビュー(FV) FVに都道府県を全て収めると少し散らかってしまう印象でしたので、 地方区分にして、日本地図・またはテキストをクリックしてモーダルを立ち上げるイメージとなります。 ▼ コンテンツ ランキングはサイドに配置して、タブで切り替えるイメージとなります。 新着の賃貸マンションは、画像が二枚以上ある場合を考慮してスライダーとして表示。 ボリューム感によって縦並びと横並びの2パターンの使い分けができるようにしております。 ■ デザインツールはXDを使用しているため、下記のURLから追従のイメージなどをご確認いただけます。 https://xd.adobe.com/view/f21c95f1-2e73-48c3-8c11-0f940e786db9-a74f/?fullscreen レギュレーションを意識して制作しましたが、失念している点などがあればご指摘頂けると幸いです。 その他、ご不明な点がございましたらお気軽にご質問下さい。 以上です。 ご検討の程、宜しくお願い致します。
メンバーからのコメント
お世話になっております、ai.と申します。
内容を拝見しまして、とても興味を持ちましたのでご提案させて頂きます。
ワイヤーからどの程度崩しても良いのか、判断が非常に難しかったため、
ワイヤーはあくまで必要なコンテンツを指しているものとして、大きく崩したデザインをご提案致します。
▼ 配色・装飾
明るく清潔感があり、シンプルでスタイリッシュなイメージとのことでしたので、
配色は明るく・装飾は主にシンプルな線を使用して、画面を大きく使ったデザインになります。
単調な印象にならないようにボックスからテキストをずらしたり、縦書きを使って動きをつけております。
▼ ヘッダー
個人的な感想になりますが、ヘッダーのアコーディオンが三階層になりますと、
カーソルがワイヤーのように縦から横に移動して非常に使いづらい印象のため、サイドバーでのご提案となります。
こちらの場合、ユーザーのカーソルは右移動になるためスムーズな操作になるかと思いました。
▼ ファーストビュー(FV)
FVに都道府県を全て収めると少し散らかってしまう印象でしたので、
地方区分にして、日本地図・またはテキストをクリックしてモーダルを立ち上げるイメージとなります。
▼ コンテンツ
ランキングはサイドに配置して、タブで切り替えるイメージとなります。
新着の賃貸マンションは、画像が二枚以上ある場合を考慮してスライダーとして表示。
ボリューム感によって縦並びと横並びの2パターンの使い分けができるようにしております。
■ デザインツールはXDを使用しているため、下記のURLから追従のイメージなどをご確認いただけます。
https://xd.adobe.com/view/f21c95f1-2e73-48c3-8c11-0f940e786db9-a74f/?fullscreen
レギュレーションを意識して制作しましたが、失念している点などがあればご指摘頂けると幸いです。
その他、ご不明な点がございましたらお気軽にご質問下さい。
以上です。
ご検討の程、宜しくお願い致します。