外部サイト紹介

スクロールに応じて物語や情報が展開される技術を「スクロールテリング」と呼びます。

ここでは、様々な形でスクロールテリングを使用している魅力的な外部サイトをご紹介します。

気になる外部サイトがあれば、ぜひ訪れてみてください。

白十字のワッフル

白十字が製造しているワッフルの専用サイトです。スクロールしていくと、用意された枠の中でワッフルの紹介が進んでいく様子が映画のフィルムのようで心に響きます。

このサイトを見る

架空のパティスリー『しろいし洋菓子店』

株式会社BAKEのブランドの1つであるしろいし洋菓子店のwebサイトです。マンション・インディゴに住む人々とお菓子との物語が楽しめます。実在するのでは、と思ってしまうほど緻密な描写が素敵です。

このサイトを見る

ココ育PROJECT

森永製菓のミルクココアに関する親子向けのwebサイトです。マスコットキャラクターの「コマグちゃん」がスクロールとともに様々な表情を見せてくれて、おいしいココアの淹れ方も知ることができます。

このサイトを見る

不二家

不二家の公式HPです。スクロールすると、材料やお菓子が大きくて美しい写真で表示されていきます。思わず食欲が刺激されるほどにきれいなサイトです。

このサイトを見る

パティスリー GIN NO MORI

岐阜県にある複合施設、恵那銀の森のお菓子専門店のサイトです。スクロールしていくと、森を連想させるようなリスや木の枝が統一された世界観を感じさせます。青を基調とした色合いが目を引く美しさです。

このサイトを見る

いわき靴下ラボアンドファクトリー

福島県いわき市の工場が株式会社ウエストとタッグを組んで生まれた「いわき靴下ラボアンドファクトリー」のサイトです。スクロールとともに歴史が見れる冒頭では、一筆書きのようなイラストが追従していて、シンプルながらデザイン性が高くなっています。

このサイトを見る

インディゴ白書

45Rが20年以上もの間追い求め続けているインディゴにまつわる物語を見ることができるサイトです。巻物のような形式で、広大な世界や理想の色を探す人々の描写を美しく表現しています。

このサイトを見る

MeUMU

株式会社MeUMUの公式HPです。スクロールするたび、紙芝居のように画面が切り替わったりイラストが動いたりしていくので、つい最後までスクロールしたくなるサイトです。

このサイトを見る

三菱ケミカル株式会社

三菱ケミカル株式会社の新卒採用サイトです。スクロールするたびに奥へ進んでいく表現や、マウスカーソルに合わせてゆらゆらと揺れるイラストが印象的です。

このサイトを見る

みさとと。ーー島根県美郷町魅力再発見プロジェクト

島根県美郷町の魅力再発見プロジェクトのためのサイトです。スクロールとともに平面のイラストが立体感のある動きをするので、美郷町のことを知りつつ面白い体験ができるようになっています。

このサイトを見る

College Creative Jam 2021

2021年のCollege Creative Jam（プロジェクト学習型デザインコンペ）に関するサイトです。イラストが動いたり、スクロールとともに背景へ入り込んでいく演出があったりと見ていて飽きません。

このサイトを見る

スクロールテリング事例紹介