スクロールサイトが作れるWeb制作ソフト LiVE for WebLiFE* 2

LiVEでつくるスペシャルサイトの作り方レシピ

LiVE2は、キャンペーンやランディングページなどに適したスクロール型の「スペシャルサイト」が作れるソフト。
90種類ものスライドテンプレートを使って、カスタマイズも自由にできるのでカンタンです。
ここではLiVEで作った5つのモデルサイトについて、どんなスライドを選び、どんな機能を使って作ったかをご紹介します。

ブランディングブランディングキャンペーンキャンペーンランディングランディングティザーサイトポートフォリオポートフォリオ

スペシャルサイト:ティザーサイト

新商品やサービスなどの発売開始までの予告ページ

teaser_site.png
button_03.pngbutton_03.png

イベントやコンサートなどの告知、新しい製品や作品の発表には、ティザーサイトで事前にどう盛り上げるかが成功へ導く秘訣。公式サイトのオープン前に、先取り情報でワクワク感を共有しましょう。

こんなサイトに最適!
icon_01.pngイベント、コンサートの告知
icon_01.pngお祭り、バザー、催しものの案内
icon_01.png新製品、新作の発表

イベント開催の趣旨とチケット情報などをまとめた告知サイト

遊び心とクリエイティビティ溢れたサイトに

これぞLiVE!
紙芝居をめくるような横スクロール

おもしろい演出がしたければ横スクロールサイトが新鮮です。ページをめくるようにスライドさせ、趣向を凝らしたサイトに仕上げて、次に何が出てくるのかワクワク感をあおりましょう。

teaser_slide_01.pngteaser_slide_01.png
〈使用スライド〉デザインテンプレート:カスタムタグ3
arrow_01.png

使った機能
縦横スクロールを選択可能

LiVEサイトは、ページごとにスクロール方向を選択できます。サイト内で複数ページを使用する場合、それぞれのページの見せ方次第で、縦と横の方向を変えることもできます。

teaser_tool_01.pngteaser_tool_01.png

イベントの臨場感まで伝える演出

これぞLiVE!
背景画面いっぱいに動くムービー

画面いっぱいに、ページ背景で動画が再生されるダイナミックな効果を使うと、臨場感を訴えるサイトに大変身!フルスクリーンタイプのデザインを最大限に活かせるダイナミックな演出法です。

teaser_slide_02.pngteaser_slide_02.png
〈使用スライド〉ベーステンプレート:プレーン デフォルト
arrow_01.png

使った機能
豊富な背景アニメーションエフェクトを収録

LiVEでは、ページに迫力を加える汎用性の高い背景用の動画を収録。一気にライブ感が出ます。そのほか、画像の上に雪を降らせたり、スポットライトのようにグラフィックが回転したり。おもしろい仕掛けが満載です。

teaser_tool_02.pngteaser_tool_02.png

見た目だけでなくお役立ち情報も充実

これぞLiVE!
開催地をGoogleマップでお知らせ

イベントには欠かせない会場までのアクセス情報には、使い慣れた地図サービス、Googleマップをサイト内に貼り付けましょう。目的地のフラッグを立てておけばクリックですぐにルート検索ができます。

teaser_slide_03.pngteaser_slide_03.png
〈使用スライド〉ベーステンプレート:プレーン 左レイアウト
arrow_01.png

使った機能
地図を貼るのもスムーズに

GoogleマップをLiVEサイトに挿入するには、ブラウザから地図のリンク用のタグをコピーして、LiVEのスライドの入力ボックスへペーストするだけ。こだわりのページに簡単な操作で地図を加えられます。

teaser_tool_03.png

イベントや発売までのワクワクを高める

これぞLiVE!
カウントダウンして盛り上げる

開催日や発売日に向け、カウントダウンのタイマーをサイト上に設定してみましょう。「あと何日」「あと何秒」といったライブ感のあるタイマーで、躍動感や期待感を高めていけます。

teaser_slide_04.pngteaser_slide_04.png
〈使用スライド〉ベーステンプレート:プレーン デフォルト
arrow_01.png

使った機能
見ていて楽しいカウントダウンのウィジェット

カウントダウンタイマーが組み込まれたスライドテンプレートから好みのデザインを選び、0日になる日時を設定するだけ。リンクを設定して詳細ページへ誘導することも可能です。

teaser_tool_04.pngteaser_tool_04.png

このスペシャルサイトを見るこのスペシャルサイトを見るこのスペシャルサイトを見るこのスペシャルサイトを見る

ページトップへページトップへ



bar.png

WebLiFE*サーバー特設サイトWebLiFE*サーバー特設サイト

お問い合わせお問い合わせ

学生・教職員の方へ学生・教職員の方へ

教育機関向け無償提供プログラム教育機関向け無償提供プログラム

DS紹介プログラムDS紹介プログラム

BiND&LiVEナイスサイトBiND&LiVEナイスサイト

LiVE公式FacebookページLiVE公式Facebookページ

ウェブコンポーザー学校ウェブコンポーザー学校

BiND for WebLiFE*BiND for WebLiFE*