Nikon 1 AW1 特設ページ

LP・プロモ・ブランド

製品・商品・サービス

http://shop.nikon-image.com/nikon1/nikon1aw1/

防水・耐衝撃レンズ交換式カメラである製品AW1のプロモーションサイト。パララックスによる背景の変化に応じて、仕様の説明をしており、カメラの高い性能が体感的に伝わってくる。

行くぜ東北2012 秋 マガジンサイト

LP・プロモ・ブランド

観光・施設・名所

http://ikuze-tohoku.jp/kitchen/index.html

JR東日本の「行くぜ、東北」活動の一つ。パララックスの特設ページにより、東北の食事処をプロモーションしている。スクロールにより、テキスト、写真、コンテンツなどが立体的に賑わい、色使いもカラフルで、写真には奥行き感があり、躍動感・活気のあるページに仕上がっている。

甲南女子大学 校訓特設ページ

LP・プロモ・ブランド

学校・公的教育

http://letters.konan-wu.ac.jp/

甲南女子大学の校訓をプロモーション。パララックス効果により、手紙が空を舞う動きに合わせ、校訓を優しく温かみのあるイメージに演出している。

LAMDASH DNA

LP・プロモ・ブランド

製品・商品・サービス

http://panasonic.jp/shaver/lamdash/dna/index.html

PANASONICの髭剃り製品LAMDASHのプロモーションサイト。男心をくすぐる意欲的なデザイン。シングルページ・パララックスの高い完成度を決めた答えの一つ。

kathart

公式・コーポレート

web制作

http://tour.kathart.dk/

スクロール量に応じて、実際にオフィスを尋ねた映像がパララックスで流れる自社プロモーションサイト。現在は、他のオフィスに移転しているらしいが、サイトは残っている様子。

TOKYO SKY TREE

公式・コーポレート

観光・施設・名所

http://www.tokyo-skytree.jp/

スカイツリーのウェブサイト。昔、頂上から地表にかけてのパララックス構成だったが、変更になった様子。今の方がユーザーには見やすい。

whiteboard

公式・コーポレート

web制作

http://whiteboard.is/

ワイド設計、レスポン、適度なパララックス、videoを用いたウェブサイトの完成系の一つ。ぜひ参考にしたい。

bagigia

LP・プロモ・ブランド

製品・商品・サービス

http://www.bagigia.com/

バッグのプロモーションサイト。バッグの素材を壁紙とし、さまざまな角度にバッグを回転、スクロールバーをファスナーにしたりなど、商品をとても魅力的に表現することに成功している。

krystalrae

LP・プロモ・ブランド

製品・商品・サービス

http://krystalrae.com/

スクロールによって、モデルの服着せ替えが見られる。服のプロモーションや体形変化などに役立つパララックス。

VISA CARD EVA style

LP・プロモ・ブランド

製品・商品・サービス

http://www.evastylecard.com/

EVAとコラボしたVISAカードの特設プロモーション。スクロールによって、EVAの世界観と併せてVISAカードを魅力的に説明してくれる。つい、お申込みボタンを押しそうになってしまう。シンクロ率がMAX10%なのは、意図してのことだろうか。気になる。

株式会社 スタジオブラン

公式・コーポレート

映像・インタラクティブ

http://www.s-blanc.net/

株式会社 スタジオブランのウェブサイト。パララックスにより、会社情報を伝える中で一つのドラマを提供してくれる。

sharp AQUOS特設ページ

LP・プロモ・ブランド

製品・商品・サービス

http://www.sharp.co.jp/aquos/ud1/index.html

sharpの4kAquosの特設ページ。スクロールにより、従来のテレビ画像の見え方と、新規のテレビ画像の見え方を体感的に比較できるなどあり、製品の質の良さが具体的に伝わるコンテンツとなっている。

フィールズ株式会社

公式・コーポレート

娯楽・ゲーム

http://www.fields.biz/

レイアウトをオフィスに見立てて、上下左右にページ遷移できる画期的なパララックス。ユーザーにとって、情報がとても分かりやすい。コスト凄そう・・・。

DIVERSE SYSTEM - JAPAN -

LP・プロモ・ブランド

製品・商品・サービス

http://japan.diverse.jp/

同人CD頒布サークルの特設サイト。奥行方向への視差効果。商品のプロモーションなどの参考にしたい。

明光義塾

公式・コーポレート

塾・個別指導・民間教育

http://www.meikogijuku.jp/

明光義塾のウェブサイト。柔らかいデザインや、多くの情報をどのようにまとめているか、参考になる。

sheeps

SNS・webサービス

製品・商品・サービス

https://sheeps.jp/

sheepsのwebサービスサイト。レンタルスペースの登録・検索などマッチングサービスを提供している。人気・新着などによるスペース紹介があり、とても分かりやすく、訴求力もある。

女性のためのおひるねカフェ corne

店舗

カフェ・喫茶店

http://www.corne.jp/

女性のためのおひるねカフェ corneの店舗サイト。パステルカラーの柔らかいデザイン。見ているだけで眠たくなってくる落ち着き具合。柔らかいデザインが必要な時、ぜひ参考にしたい。

21cafe

店舗

レンタルスペース

https://geechs-magazine.com/21cafe/index

エンジニア&デザイナーのための無料イベントスペース。メインビジュアルで、どのようなコンテンツがあるのか一目で分かり、また写真の質が良いため、高品質さを感じられる。

ELIXIR

公式・コーポレート

美容・健康・化粧品

http://www.shiseido.co.jp/elixir/index.html

ELIXIRのオフィシャルサイト。

資生堂グローバルブランド

公式・コーポレート

美容・健康・化粧品

http://www.shiseido.co.jp/gb/

資生堂グローバルブランドのページ。オートスクロールによる、自社コンテンツ紹介をしている。

資生堂

公式・コーポレート

美容・健康・化粧品

http://www.shiseido.co.jp/

資生堂のオフィシャルサイト。

benthebodyguard

LP・プロモ・ブランド

製品・商品・サービス

http://benthebodyguard.com/

写真やメモ管理アプリのランディングページ。一つ下の階層ページで、面白いパララックスが確認できる。スクロールにより、キャラクターが動く。商店街のウェブサイトなどに応用できそう。

女性書道家 成田眞澄

ポートフォリオ

趣味・フリーランス

http://www.fudejiya.com/

女性書道家 成田眞澄のオフィシャルサイト。筆文字の制作実績が見応えあり。蒼天の拳のタイトルを女性が書かれていたとは驚きです。

ORIHICA

店舗

服・ファッション

http://www.orihica.com/

株式会社AOKIが提供するスーツブランドORIHICAのウェブサイト。シンプルな造り。ベーシックなコーポレートサイト制作の参考に。

東京 高山美容専門学校

公式・コーポレート

専門学校

http://www.takayama.ac.jp/

美容師・メイクアップアーティスト・エスティシャン・ネイリストなどの美容専門学校。カラフルなハニカムデザインと適度なパララックス効果により、アクティブなイメージ。

学校法人瓜生山学園 京都造形芸術大学

公式・コーポレート

学校・公的教育

http://www.kyoto-art.ac.jp/

学校法人瓜生山学園 京都造形芸術大学のウェブサイト。トップページの一部および下層ページにハニカムデザインがあり、参考になる。

ベリーメイクアップスクール

公式・コーポレート

専門学校

http://www.very-make.com/

大阪にあるメイクの専門学校。カラフルな色使いの参考に。

Web Design RECIPES

ブログ

趣味・フリーランス

http://webdesignrecipes.com/

高橋のりさんの有名なブログサイト。web制作のノウハウが分かりやすく学べ、とくに初心者のwordpress講座が非常にタメになる。

バンクーバーのうぇぶ屋

ブログ

趣味・フリーランス

http://webya.opdsgn.com/

Sennaさんの有名なブログサイト。日本人視点から、海外のweb事情を教えてもらえる貴重なサイト。また、海外で働く支援などもしている。

webクリエイターボックス

ブログ

趣味・フリーランス

http://www.webcreatorbox.com/

Manaさんの有名なブログサイト。通称クリボ。web業界におけるトレンド情報が得られる。