続けてご提案させていただきます。
1案目との違いは、コンテンツ背景をホワイトに、
コンテンツ囲っている額縁ボーダーのグラデーションの
色を変更しました。
その他要素は変更ございません。
こちらも併せてご検討いただけますと幸甚に存じます。
お世話になります、fergieと申します。
この度のコンペに提案させて頂きます。
構成につきましては、ワイヤーを踏襲しつつ、ナビゲーション項目と
円グリッドのコンテンツ箇所に、Case(事例)の項目を追加しました。
デザインはソーダをイメージさせるさわやかで清涼感のあるイメージとのことでしたので、
青系カラーをベースに使用しています。
参考サイトのように円のグリッドで並べていますが、写真だけでなく、切り抜き画像、
フラットアイコンなどを並べて、より親しみやすさとリズム感を出しています。
※(コンテンツ詳細はわかりかねるため、写真等の要素はアテです。全体の雰囲気を感じていだければ幸いです。)
ここから下は挙動の想定です。参考程度によろしくお願いいたします。。
/////////////////////////////////////////////////////////////////////////////////////
円はHTML5 canvasでぐにゃぐにゃ動くことを想定、円グリッドはjQuery Masonery等で
ブラウザ幅に応じて並び変わる、スクロール時に次のコンテンツを読み込む、
コンテンツを囲っている額縁のようなボーダーはスクロール時でも固定、幅も固定として
想定しています。
/////////////////////////////////////////////////////////////////////////////////////
長文失礼いたしました。
修正、その他ご要望などございましたら対応させて
いただきますので、遠慮なくお申し付けください。
ご検討の程よろしくお願い致します。
メンバーからのコメント
お世話になります。fergieでございます。
よりシンプルにしたデザイン案をお送りいたします。
こちらもご検討のほどよろしくお願いいたします。