自社オフィシャルサイトの下層ページ
Web
- 概要
- 自社オフィシャルサイトの下層ページとして、会員向けマイページ内の会員ランク説明ページを制作しました。
- 制作目的
- 会員ランクごとの特典や条件を分かりやすく伝え、ユーザーが自身のランクや利用メリットをスムーズに理解できることを目的に制作しました。
情報量が多くなりやすいページのため、内容を整理し、ぱっと見で各セクションの違いが分かる構成を意識しています。 - 担当範囲
- デザイン / コーディング
- 使用ツール
- HTML / CSS / jQuery
- 制作期間
- 約5時間
Design Point
デザインのポイント
「シンプルに見せたい」という要望に合わせ、使用する色数を抑え、落ち着いた印象のデザインに仕上げました。
一方で、会員ランクや説明文が続くページのため、ただ情報が羅列されているように見えないよう、余白・罫線・背景色を使ってセクションごとの区切りが分かりやすくなるよう工夫しています。
また、30〜40代の男性ユーザーを想定し、装飾は控えめにしつつ、必要な情報へ視線が流れやすいレイアウトを意識しました。
限られた3色の中でメリハリをつけることで、シンプルさを保ちながらも読みやすく、会員向けページとして信頼感のあるデザインを目指しています。
一方で、会員ランクや説明文が続くページのため、ただ情報が羅列されているように見えないよう、余白・罫線・背景色を使ってセクションごとの区切りが分かりやすくなるよう工夫しています。
また、30〜40代の男性ユーザーを想定し、装飾は控えめにしつつ、必要な情報へ視線が流れやすいレイアウトを意識しました。
限られた3色の中でメリハリをつけることで、シンプルさを保ちながらも読みやすく、会員向けページとして信頼感のあるデザインを目指しています。