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

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

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

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

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

クロスオーバー

simona-todorova-pn1syoo3wos-unsplash.jpg CROSS OVER kumiko-shimizu-pxa0yj2elxc-unsplash.jpg LOREM andyone-whosmpcavn4-unsplash.jpg IPSUM
 

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

サークルナビ

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

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

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

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

カード

olia-gozha-xtxdhh-ib7c-unsplash.jpg CARD irene-davila-t2xhkidc4kw-unsplash.jpg LOREM IPSUMUt enim ad minim veniam, quis nostrud kazuend-8sfgdrroffi-unsplash.jpg CONSECTETUR

 

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

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

john-rodenn-castillo-eluzjsfknck-unsplash.jpg CAROUSEL ernest-porzi-z-y6i45f9kq-unsplash.jpg LOREM IPSUM johannes-plenio-rwhv7lgec7s-unsplash.jpg CONSECTETUR
 

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

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

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

ケンバーンズ

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

ジャンボトロン

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

ローテート(背景)

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

スライド(背景)

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

テキストインデックス

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

カルーセル・スクエア

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

ポラロイド

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

モザイクタイル

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

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

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

プレビュー機能を搭載

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

 

スマホからの閲覧に対応

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

サイズや動きを設定

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

 

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

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

BiNDupロゴ
BiNDupをはじめよう

サーバー込のサイト制作が 最大30日間無料!

半角英数字6~16文字。記号は _ - のみ

今すぐ、はじめる