実績実例
Case

研究室の活動を印象づける写真、動画、メッセージをトップページに

トップページの上部の背景では動画が流れます。
トップページの上部の背景では動画が流れます。
左右に分けて、写真と本文が並びます。
画面の幅を狭めると、写真と本文が縦に並びます。

北海道大学大学院工学研究院の米澤徹先生よりご依頼いただき、研究室のウェブサイトをリニューアル制作しました。

研究室のアクティブさを表現するために、リニューアル前のサイトの基本的な配色を生かしつつも、紫色と黄緑色という大胆な色遣いにしています。レイアウトとしては、最近の横に長い画面でも見栄えがするように、左右交互に本文と写真が並ぶようにして、ウェブサイト全体の背景の模様も研究室の研究テーマをイメージして制作しました。

また、将来の研究テーマを探している学生のみなさんへの米澤先生からの熱いメッセージをトップページに置くなど、トップページに多くのコンテンツを入れる構造としました。 
研究を象徴する金属等の電子顕微鏡写真と、研究室の様子を短い動画にまとめてトップページに表示させました。この動画は自由に入れ替え可能になっていますので、更新することでさらにアクティブさを伝えられます。

Pick up [ウェブサイト]

ウェブサイトの実績一覧をみる