instantShift にて、シングルページのWebサイトのデザインがまとめられています。最近の流行りですよね。図らずしも僕のポートフォリオもシングルページ構成になっています。いくつかピックアップしてご紹介します。

rtraction

rtraction – London, Ontario Web Design

全体的に細かいところまでしっかりデザインされていて素敵ですが、スクロールの時の挙動が凝っています。これは思わず最後までスクロールしてしまいますね。

Grayden Poper

Grayden Poper – Interactive Designer

デザイナーさんのポートフォリオ。ちょっと…レベル高すぎて落ち込むんですけど…。サイト自体も凄いし、実績として掲載されているWebサイト等もめちゃくちゃカッコイイです。

MediaPoint Studios

MediaPoint Studios

仕掛けが面白いWebサイト。黄色い丸をクリックすると…？ こういうのはユーザーの興味を引いていいですね。もうちょっと動作が速ければなおのこと…。

Dangers of Fracking

Dangers of Fracking

水圧破砕法とかいうよく工法をやめましょう、というページ。とても可愛いです。スクロールしていくと、この工法がどれだけ危険なのかということが学べるようになっています。Facebookのイイね！数が凄い。

CW.

CW. / Design & Art Direction |

デザイナーさんのポートフォリオ。ずらっと制作物のタイトルが並んでいるだけですが、文字にマウスオーバーしたときのアニメーション、画像のスライドショーなど、分かりやすいです。シンプルでいいですね。

Jibe Visuals

Jibe Visuals – Video Production & Animation Media Studio, Toronto, Canada

目玉が…怖いですw　でも面白いですね。こういう紙っぽいデザイン好きだなぁ。

Slavery Footprint

Slavery Footprint – Made In A Free World

これは面白い！僕1人のために世界中でどれだけの人が働いているかということが分かるサイト。スクロールするとどんどん文章が出来上がっていきます。ハサミで切ったり、クレーンで引っ張ったり。このページがランディングの役割を果たしていて、その後にアンケートっぽいものに回答していきます。ここもめちゃくちゃ凝ってます。

WeNew Media

WeNew Media | Cross Media Agency

イラストが可愛いWebサイトです。「Please Don’t Touch!」って書いてあるイルカにマウスオーバーすると…？

Brad Evans

Brad Evans

シンプルなポートフォリオ。1カラムですが横幅を大きくとってあって見やすいです。この淡い色遣い、素敵です。

DIV STUDIO

DIV STUDIO / création de sites internet, design et vidéo à Paris

ページ遷移の仕方が斬新なサイト。これもシングルページっていっていいんですかね。こういう画面いっぱいを使ったデザインというのもアリだと思います。読み込みが遅いので注意。


……

以上、シングルページのWebサイトをご紹介しました。元記事にはそれはもう大量にいい感じのサイトが掲載されていますので、是非ご覧になって下さい。

60+ Fresh Examples of Modern Single-Page-Website Designs | Inspiration | instantShift