science.web様
はじめまして。ナツミと申します。こちらのコンペに興味を持ちましたので、ご提案させていただきます。
テーマカラーはブルーグレー、シンプルでアカデミックな表現を実現させるために幾何学模様を用いたデザインを作成しました。
参考のワイヤーフレームから少し改変し、作成しています。
元のWebサイトを拝見し、一番伝えたいことがメインビジュアル(数理設計技術で~)の箇所かと思いましたので、
ビジュアルを強調、デザインに統一感を出すため作り直しています。ご検討ください。
※画像が抽出できなかった部分に関しては仮画像を置いています。([img]部分)
その他、ヘッダー、グローバルナビ、フッターはスッキリしたデザインにし、全体的にシンプルなものにしました。
TOPのSP版、サブページのPC、SPも作成したのですが、どちらに投稿したらよいか分からず、TOPだけご提案いたします
(CroudWorks様を利用するのが今回が初めてで、慣れておりません。)
以上、ご検討のほど、よろしくお願いします。
メンバーからのコメント
はじめまして。ナツミと申します。こちらのコンペに興味を持ちましたので、ご提案させていただきます。
テーマカラーはブルーグレー、シンプルでアカデミックな表現を実現させるために幾何学模様を用いたデザインを作成しました。
□TOP PC版
参考のワイヤーフレームから少し改変し、作成しています。
元のWebサイトを拝見し、一番伝えたいことがメインビジュアル(数理設計技術で~)の箇所かと思いましたので、
ビジュアルを強調、デザインに統一感を出すため作り直しています。ご検討ください。
※画像が抽出できなかった部分に関しては仮画像を置いています。([img]部分)
その他、ヘッダー、グローバルナビ、フッターはスッキリしたデザインにし、全体的にシンプルなものにしました。
□TOP SP版
PCでもSPでも綺麗に表示できるよう、メインビジュアルの画像を作り直しています。
サイドメニュー、言語の切り替えをハンバーガーメニューに収めています。メニュー展開後のイメージも作成しています。参考にされてください。
□サブ
全体のイメージに合ったページタイトルデザインにしています。
「+」を押すと隠されていた内容が展開するイメージです。※SP版だけの仕様ということでしたが、PC版でも採用しても良いのではないかと思います。
内容量によっては、別ページで作成した方が良いかもしれません。
以上、ご検討のほど、よろしくお願いします。