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

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

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

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

スペシャルサイト:ブランディング

製品やブランドの世界観を大切にするサイトに最適

brand_site.png
button_03.pngbutton_03.png

競合他社と差別化して製品を宣伝していくならば、サイトの1コーナーとしてではなく、ブランドサイトが必要です。主力製品やこだわりのプロダクトだからこそ、「特別」なサイトを用意しましょう。

こんなサイトに最適!
icon_01.png新製品・主力製品のブランドサイト
icon_01.png会社概要や企業情報サイト
icon_01.pngイメージ重視のコマーシャルサイト

メガネメーカーの新製品のブランディングサイト

01製品の世界観がしっかり伝わる

これぞLiVE!
フル画面でダイナミックに伝わる

LiVEで作れるサイトは、フルスクリーンいっぱいに表示されるダイナミックなレイアウトなので、グラフィックを重視したいサイトに最適。もちろん、ブラウザの縦横比が変わってもデザインは自動的に調整されます。

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

使った機能
スライドのデザインは90種類以上!

LiVEのページ作成は、使いたいスライドを1画面ずつ選び、追加しながら行います。レイアウトやデザインのバリエーションが豊富だから、サイトの目的に合ったデザインが見つかります。

スライドテンプレート選択画面スライドテンプレート選択画面

トレンドもオシャレ感もLiVEにおまかせ

これぞLiVE!
ページに立体感を持たせて楽しく

複数の背景画像を組み合わせて画面をスクロールさせていくと、画像が少しずつずれながら動いていくような、立体的な効果をLiVEで簡単に生み出せます。このパララックス効果は、LiVEならではの画期的なオプション。

スライドで使用した背景イメージ
arrow_01.png

使った機能
パララックスが簡単に!スピード調整も

今やWeb表現のトレンドであるパララックスもLiVEなら簡単。使用する複数の画像を背景に設定したら、「パララックス」をオンにするだけ。さらに、画像が動くスピード調整も設定できます。

背景パララックス設定画面背景パララックス設定画面

顧客を逃さないためのサポートも

これぞLiVE!
お問い合わせフォームを設置

ビジネスサイトでは欠かせない、問い合わせやアンケートなどのフォームの設置も安心。LiVE2では、Googleフォームと連携して、簡単にフォームを利用できるようになります。

フォームを使用したスライドフォームを使用したスライド
〈使用スライド〉デザインテンプレート:フォーム3
arrow_01.png

使った機能
スライドを選んですぐに使える

フォームがすでに組み込まれた「フォームスライド」を選択。Googleアカウントがあれば、すぐに使い始められます。項目の設定はブラウザからGoogleフォームにアクセスして行います。

スライドテンプレート選択画面スライドテンプレート選択画面

モバイル向けの情報設計も欠かさない

これぞLiVE!
スマホ、タブレットにも対応

PCだけでなく、スマホからアクセスしたときに見やすいページかも意識しましょう。タブレットサイズも考慮すると全部で3種類のサイズに最適化したサイトが、LiVEなら手間を掛けなくても作れます。

スマホ・タブレットでの表示イメージスマホ・タブレットでの表示イメージ
arrow_01.png

使った機能
PCサイトをベースに個別編集

PC用に作成したデータをもとに、スマートフォン、タブレット用のサイトが効率的に作れます。3つの編集モードをタブで切り替えれば、それぞれのレイアウトがシミュレートされ、効率よく個別にカスタマイズできます。

詳しくはこちら詳しくはこちら

スマホサイト編集モードスマホサイト編集モード

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

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



bar.png

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

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

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

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

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

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

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

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

BiND for WebLiFE*BiND for WebLiFE*