スマートフォン表示のサブページです。
スマートフォン表示のトップページです。
PC表示のサブページです。
お世話になります。
レスポンシブデザイン/理研オープンライフサイエンスプラットフォームコンペに参加いたします。
・デザインの方向性について
全体的にシンプルですっきりとした印象で作成しました。
トップページプロジェクト概要パネル群の背景や、関連リンクの背景にコンピューターをイメージするようなパターンをのせました。
またサブページの見出し、ヘッダーの言語切り替えボタンにも同様のモチーフを施しています。
※スマートフォンのトップページ、プロジェクト概要パネルについては、クラウドワークスの制約で大きな画像の添付ができないため、本来16個設置のところを8個に減らしております。
・素材などについて
トップページの素材はAdobeStockのものです。
URL: https://stock.adobe.com/jp/images/abstract-background-science-technology/91781120
プロジェクト概要パネルの写真は理化学研究所の以下のページより引用しました。
URL: http://www.riken.jp/pr/blog/2017/171220_1/
修正など対応可能です。
まずはPC表示のトップページを送付いたします。
引き続きサブページ、スマートフォンのページを送付いたします。
メンバーからのコメント
スマートフォン表示でメニューが開いた状態です。