「女子大学の専攻サイトリニューアルに伴うレスポンシブデザイン」へのrachiさんの提案（No.1）

メンバーからのコメント

はじめまして、rachiと申します。よろしくお願いいたします。
本件につき、デザインの提案をさせていただきます。

画面数が多いため、２点に分けて提出をいたします。
今回の画像はトップページデザイン（PC版＋SP版）となります。下位ページにつきましては２回目に提出をさせていただきます。

●デザインコンセプト

第一のターゲットが受験生ということで、まず受験生（女子高生）ユーザのユーザ体験について考えました。

ユーザの多くは自分が進学する学校を吟味する目的でアクセスしているはずです。
きっとどのような世界が自分を待っているのか、期待感に胸をワクワクさせながら当ページを見ていることでしょう。

当ページでは、このようなユーザに対して的確な情報を提供すると同時に、このようなワクワク感に応えることが大切であると考えます。

そこでデザインのコンセプトとしては「英語を学ぶことの楽しさ」を表現することといたしました。

この種のWebページはどうしても「きまじめ」「堅苦しい」イメージにまとまりがちです。そのような中にあって「楽しさ」を目指したデザインは、ユーザの期待感に応えてくれるページとして認知を得ることができるのではないかと思います。

またページ内容としてはどうしても文章中心にならざるを得ませんので、そこからくる堅苦しさを軽減する効果もあるものと考えます。

●トップページ

トップページの内容構成は、現行ページと同様です。ただし年に数回しか更新のない「お知らせ」の重要度は低いものと考え、よりユーザにとって重要な「学びのポイント」を上に配置するようにいたしました。

デザイン・レイアウトは御社キーカラーである赤を中心に、動きのある華やかな色・レイアウトで「楽しさ」の演出を目指しました。

なお画像素材のうち「本からアルファベットが飛び出ている」画像はAdobeStockからの有料素材となります。他の画像はすべてご指定のストック素材から使用させていただきました。

SP版の内容構成はPC版と同様です。ナビゲーションメニューに関しては、アイコンをクリックすることで表示されるものとし、そのデザインは「SP menu」となります。

●下位ページ

下位ページについては、文字の情報量が中心とならざるを得ないことから、できるだけすっきりと読みやすいことを目標にデザインいたしました。
余白や白字を生かすことで、軽やかな印象を持てるのではないかと思います。

内容はデザインパターンを示すためのダミーですが、現行ページにある構成要素はおさえてあるものと思います。

なおページ最上部のタイトル（<h1>）については、英文専攻らしく英語のタイトルをメインにしてはどうかと考え、このようなデザインとなっております。ページによってはそのようなタイトル付けができない場合があるかもしれませんが、その場合には赤丸の中の文字をとってしまってもデザインとして成立するものと思います。


提案は以上となります。

なにとぞご検討をいただけますよう、よろしくお願いいたします。