登録サイト数: 694件
LP・プロモ・ブランド
製品・商品・サービス
2015.11.27
http://shop.nikon-image.com/nikon1/nikon1aw1/ 防水・耐衝撃レンズ交換式カメラである製品AW1のプロモーションサイト。パララックスによる背景の変化に応じて、仕様の説明をしており、カメラの高い性能が体感的に伝わってくる。
観光・施設・名所
http://ikuze-tohoku.jp/kitchen/index.html JR東日本の「行くぜ、東北」活動の一つ。パララックスの特設ページにより、東北の食事処をプロモーションしている。スクロールにより、テキスト、写真、コンテンツなどが立体的に賑わい、色使いもカラフルで、写真には奥行き感があり、躍動感・活気のあるページに仕上がっている。
学校・公的教育
http://letters.konan-wu.ac.jp/ 甲南女子大学の校訓をプロモーション。パララックス効果により、手紙が空を舞う動きに合わせ、校訓を優しく温かみのあるイメージに演出している。
http://panasonic.jp/shaver/lamdash/dna/index.html PANASONICの髭剃り製品LAMDASHのプロモーションサイト。男心をくすぐる意欲的なデザイン。シングルページ・パララックスの高い完成度を決めた答えの一つ。
公式・コーポレート
web制作
http://tour.kathart.dk/ スクロール量に応じて、実際にオフィスを尋ねた映像がパララックスで流れる自社プロモーションサイト。現在は、他のオフィスに移転しているらしいが、サイトは残っている様子。
http://www.tokyo-skytree.jp/ スカイツリーのウェブサイト。昔、頂上から地表にかけてのパララックス構成だったが、変更になった様子。今の方がユーザーには見やすい。
http://whiteboard.is/ ワイド設計、レスポン、適度なパララックス、videoを用いたウェブサイトの完成系の一つ。ぜひ参考にしたい。
http://www.bagigia.com/ バッグのプロモーションサイト。バッグの素材を壁紙とし、さまざまな角度にバッグを回転、スクロールバーをファスナーにしたりなど、商品をとても魅力的に表現することに成功している。
http://krystalrae.com/ スクロールによって、モデルの服着せ替えが見られる。服のプロモーションや体形変化などに役立つパララックス。
http://www.evastylecard.com/ EVAとコラボしたVISAカードの特設プロモーション。スクロールによって、EVAの世界観と併せてVISAカードを魅力的に説明してくれる。つい、お申込みボタンを押しそうになってしまう。シンクロ率がMAX10%なのは、意図してのことだろうか。気になる。
映像・インタラクティブ
http://www.s-blanc.net/ 株式会社 スタジオブランのウェブサイト。パララックスにより、会社情報を伝える中で一つのドラマを提供してくれる。
http://www.sharp.co.jp/aquos/ud1/index.html sharpの4kAquosの特設ページ。スクロールにより、従来のテレビ画像の見え方と、新規のテレビ画像の見え方を体感的に比較できるなどあり、製品の質の良さが具体的に伝わるコンテンツとなっている。
娯楽・ゲーム
http://www.fields.biz/ レイアウトをオフィスに見立てて、上下左右にページ遷移できる画期的なパララックス。ユーザーにとって、情報がとても分かりやすい。コスト凄そう・・・。
http://japan.diverse.jp/ 同人CD頒布サークルの特設サイト。奥行方向への視差効果。商品のプロモーションなどの参考にしたい。
塾・個別指導・民間教育
http://www.meikogijuku.jp/ 明光義塾のウェブサイト。柔らかいデザインや、多くの情報をどのようにまとめているか、参考になる。
SNS・webサービス
https://sheeps.jp/ sheepsのwebサービスサイト。レンタルスペースの登録・検索などマッチングサービスを提供している。人気・新着などによるスペース紹介があり、とても分かりやすく、訴求力もある。
店舗
カフェ・喫茶店
http://www.corne.jp/ 女性のためのおひるねカフェ corneの店舗サイト。パステルカラーの柔らかいデザイン。見ているだけで眠たくなってくる落ち着き具合。柔らかいデザインが必要な時、ぜひ参考にしたい。
レンタルスペース
https://geechs-magazine.com/21cafe/index エンジニア&デザイナーのための無料イベントスペース。メインビジュアルで、どのようなコンテンツがあるのか一目で分かり、また写真の質が良いため、高品質さを感じられる。
美容・健康・化粧品
http://www.shiseido.co.jp/elixir/index.html ELIXIRのオフィシャルサイト。
http://www.shiseido.co.jp/gb/ 資生堂グローバルブランドのページ。オートスクロールによる、自社コンテンツ紹介をしている。
http://www.shiseido.co.jp/ 資生堂のオフィシャルサイト。
http://benthebodyguard.com/ 写真やメモ管理アプリのランディングページ。一つ下の階層ページで、面白いパララックスが確認できる。スクロールにより、キャラクターが動く。商店街のウェブサイトなどに応用できそう。
ポートフォリオ
趣味・フリーランス
http://www.fudejiya.com/ 女性書道家 成田眞澄のオフィシャルサイト。筆文字の制作実績が見応えあり。蒼天の拳のタイトルを女性が書かれていたとは驚きです。
服・ファッション
http://www.orihica.com/ 株式会社AOKIが提供するスーツブランドORIHICAのウェブサイト。シンプルな造り。ベーシックなコーポレートサイト制作の参考に。
専門学校
http://www.takayama.ac.jp/ 美容師・メイクアップアーティスト・エスティシャン・ネイリストなどの美容専門学校。カラフルなハニカムデザインと適度なパララックス効果により、アクティブなイメージ。
http://www.kyoto-art.ac.jp/ 学校法人瓜生山学園 京都造形芸術大学のウェブサイト。トップページの一部および下層ページにハニカムデザインがあり、参考になる。
http://www.very-make.com/ 大阪にあるメイクの専門学校。カラフルな色使いの参考に。
ブログ
http://webdesignrecipes.com/ 高橋のりさんの有名なブログサイト。web制作のノウハウが分かりやすく学べ、とくに初心者のwordpress講座が非常にタメになる。
http://webya.opdsgn.com/ Sennaさんの有名なブログサイト。日本人視点から、海外のweb事情を教えてもらえる貴重なサイト。また、海外で働く支援などもしている。
http://www.webcreatorbox.com/ Manaさんの有名なブログサイト。通称クリボ。web業界におけるトレンド情報が得られる。
ウェブサイトファイル