実績実例
Case

横幅を広く使うためのレイアウト

トップページ
画面の幅が広い時の表示例(ページタイトルが左上に固定表示されます)
画面の幅が狭い時の表示例(ページタイトルが本文の上部に表示されます)

「新学術領域研究ソフトクリスタル」は大学を横断する研究プロジェクトとして、2017年にスタートしたものです。弊社では、そのプロジェクトの概要やイベントを内外にアピールするとともに、プロジェクト参加者を募集するための窓口的な役割を果たすことを目的とした、ウェブサイトの制作を承りました。

ウェブサイトの機能的な側面ではそれほど複雑にする必要がなかった分、デザイン面においては、シンプルな1カラム・レイアウト(本文の左右にメニューや関連項目などその他内容を置かないレイアウト)を基本的には維持しつつも、画面幅が広いときには、ページのタイトルを左上に固定するという工夫を行いました。

これによって、本文の幅を読みやすい程度に維持しつつも、その両側が完全な空白になってしまう(寂しい感じになってしまう)ことを避けることができました。

Pick up [ウェブサイト]

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