スマホ時代に最適な、写真を使った効果的な演出

ア二メーションの利点を活かして、ダイナミックな演出や導線としての利用が可能

SHiFTは、誰でもカンタンにスライドショーを作成できるBiNDupの人気機能。テンプレートに画像を入れるだけで、サイトに表情豊かでインパクトのある演出ができます。メインビジュアルはもちろん、サイトの背景に使ったり、クリックを促したいコンテンツへの導線強化やナビゲーションとしても活用できます。スマホでの閲覧も自動で対応するので安心です。


写真を動かしてダイナミックに演出

SHiFTが得意なのは、メインビジュアルとなるビルボードに動きを与えてサイト全体をアクティブに魅せること。
複数のバナーをスライドさせてたくさんの素材を一度に見せたり、背景を大胆にスライドさせたりもラクラクです。

クロスオーバー

simona-todorova-pn1syoo3wos-unsplash.jpgCROSS OVER kumiko-shimizu-pxa0yj2elxc-unsplash.jpgLOREM andyone-whosmpcavn4-unsplash.jpgIPSUM
 

テキストと画像がダイナミックに交差するデザインが特長。画像だけでなくメッセージも見せたいときに活躍します。

サークルナビ

josh-rose-9yqgfzg0rim-unsplash.jpg nattu-adnan-ai2trdvi6gm-unsplash.jpg sylwia-forysinska-xpvwmuxqjvq-unsplash.jpg
 

左右の〇が大きく広がっていくことで画像が切り替わるスライドショー。ギミックを楽しんでほしいときにオススメです。


クリックを促すナビゲーションとしても活躍

モバイルファーストの時代は、クリックさせたいコンテンツへの導線としてもスライドショーが活用します。
画像の上に文字情報を載せれば、バナーのように積極的にクリックを促せます。

カード

olia-gozha-xtxdhh-ib7c-unsplash.jpgCARD irene-davila-t2xhkidc4kw-unsplash.jpgLOREM IPSUMUt enim ad minim veniam, quis nostrud kazuend-8sfgdrroffi-unsplash.jpgCONSECTETUR

 

写真とテキストが並んだレイアウトのテンプレート。スマホでの表示も見やすく、豊富な情報量を記載でき、ナビゲーションとしての活用に最適です。

カルーセル・インデックス

john-rodenn-castillo-eluzjsfknck-unsplash.jpgCAROUSEL ernest-porzi-z-y6i45f9kq-unsplash.jpgLOREM IPSUM johannes-plenio-rwhv7lgec7s-unsplash.jpgCONSECTETUR
 

写真の下に、横に流れるカルーセルが組み合わさった新デザイン。カルーセル写真のクリックで大きく見せたい写真を切り替えられるので、コンテンツが埋もれません。


美しさと実用性を極めた全27種のテンプレート

様々なサイトで使いやすいかどうかを考え、選び抜いた全27種のテンプレートを用意。
シンプルな定番の動きから、トレンド溢れるものやインパクト重視のデザインまで網羅。その一部を紹介します。

ケンバーンズ

SHiFT:ケンバーンズ

 
上下のスクロールやズームイン、ズームアウトの動きを加えることで、何気ない写真にストーリー性を吹き込むスライドショー

ジャンボトロン

SHiFT:ジャンボトロン

 
横幅100%の画像が横にスライドするダイナミックな動きのスライドショー。文字を載せればナビゲーションとしても活躍

ローテート(背景)

SHiFT:背景ローテート
 
写真が回転しながら切り替わる迫力のある動きのスライドショー。ダイナミックな動きをエリアの背景に設定できます

スライド(背景)

SHiFT:背景スライド
 
横方向にスライドする動きのスライドショーを背景として設定したいときに活躍。ブロックの各要素をまたいて写真を印象付けたいときに

テキストインデックス

SHiFT:テキストインデックス

 
レシピなど文字からも予測できるコンテンツを切り替える時に便利な、テキストインデックスを表示できるスライドショー

カルーセル・スクエア

SHiFT:カルーセル・スクエア
 
複数の並んだ画像が左右に流れるように動くスライドショー。 たくさんの写真を見せたいときにオススメです

ポラロイド

SHiFT:ポラロイド
 
ポラロイドカメラで撮ったような枠のある写真がランダムに配置されて次々と入れ替わり、コラージュのような表現が可能なスライドショー

モザイクタイル

SHiFT:モザイクタイル
 
一度のモーションで4枚の写真が入れ替わるスライドショー。スタッフ紹介などにオススメ

機能も設定もシンプルだから誰でもカンタン

SHiFTの基本的な操作は、テンプレートを選んで写真を取り込み必要に応じて微調整したら完成。プレビューしながらの試行錯誤も簡単です。直感的な操作で思い通りのスライドショーが完成します。

SHiFTの設定画面
SHiFTのプレビュー画面

プレビュー機能を搭載

テンプレートに写真を加えるだけの簡単操作に加え、プレビューで仕上がりを確認できるので調整がラク。イメージ通りのスライドショーを誰でも作れます。

 
スライドショーの表示イメージ

スマホからの閲覧に対応

スマホ表示の際はフリックによる画像送りが可能。スマホ表示にあらかじめ最適化済みなので安心なほか、表示サイズを指定することもできます。

SHiFTのサイズ設定など

サイズや動きを設定

アニメーションの再生スピードや表示サイズはオプション画面でカスタマイズできます。テンプレートによっては、背景の色が選択できるものも。

 
SHiFTのナビゲーション設定

ページネーションが選べる

スライドショーをナビゲーションとして使用する場合にはこだわりたいページネーションのデザインを画像に合わせて選択できます。

BiNDupロゴ
 BiNDupをはじめよう

月額換算2,480円でサーバー環境やシステム込み!