シングルページサイトのご紹介

シングルページを採用しているサイトが近年増えました。

シングルページは全てのコンテンツを一枚のページでまとめていまして、探したい情報がすぐに見つけられるなどの利点があります。
また、効果的にアニメーションなどを盛り込んだりと工夫がなされているものもあります。

今回は、シングルページデザインのサイトをご紹介します。

このブログはsonicmoovlabonepageloveWEBクリエーターボックスraksulphotoshopvipを参考に書かせて頂きました。

シングルページデザインのサイトをご紹介します。
  • パララックス効果を取り入れたサイトです。ページを下にスクロールしていくとクリスマスツリーができていきます。

スクリーンショット 2013-12-24 15.59.44http://ihatetomatoes.net/merry-christmallax/

  • Javascriptを使用して、イラストに動きを持たせています。

スクリーンショット 2013-12-25 14.21.19http://www.volll.com/#section_main

  • オーストラリアを拠点に活動するデザイナーさんのポートフォリオサイトです。フラットデザインが採用され、配色のお手本になりそうな色使いです。

スクリーンショット 2013-12-24 16.05.09http://www.kocha.com.au

  • 007シリーズの歴代ボンドカーを、パララックス効果でイラスト付き解説するサイトです。

スクリーンショット 2013-12-25 15.14.45http://www.evanshalshaw.com/bondcars/

  • カリフォルニア在住のデザイナーさんのポートフォリオサイトです。これまでに作成した実績を水平方向にスライドさせることで閲覧ができます。

スクリーンショット 2013-12-25 14.55.55http://www.thisistim.com

近年主流になっているシングルページデザインのサイトをご紹介でした。
今後のサイト制作の参考に活用して下さい。

OUR SERVICE

Fan Commerce

ファンコマース

ファンとのダイレクトなコミュニケーションを実現して「感動体験」をビジネスに結びつけます。

Digital Marketing

デジタルマーケティング

未来を創造する価値ある「顧客体験」を実現する仕組みづくりを提案。