Webreak
デフォルトで使用されるデザインです。このデザインはプレビューや公開サイトでは表示されません。
中央に文字があるシンプルなデザイン。ボックスの高さは空改行で調整が可能です。背景設定で様々な背景エフェクトをお楽しみください！
タイトルとサブタイトルのシンプルなデザイン。サンプル画像は背景設定で、「２色グラデーション」と「正方形グリッド」を組み合わせることにより再現可能です。
Google Mapと、関連情報をまとめて表示できるデザインです。
Google Mapを横幅いっぱいに表示させるデザインです。company0003などと組み合わせての使用がオススメです。様々なデザインの地図を用意しています！色々お試し頂き、サイトの雰囲気に合うデザインを探してみてください！
シンプルな表を使ったデザインです。会社情報だけでなく、その他の情報掲載でもご利用いただけます。
他のページやサイトへ誘導させるためのデザインです。右側のボタンで、ボタンクリック時の移動先サイトを設定できます。
画面中央のボタンに注目させるデザインで、ユーザーへボタンクリックを誘導できます。
文字だけで４つの特徴を伝えたいときに使える、シンプルなデザインです。４つの各タイトル部分は、可能な限り短い単語にし、詳細は説明文で補う形にすることで、訴求力がアップします。
自動で画像がスライドするアニメーション付きのデザインです。サイト内に軽いアニメーションを追加したい場合や、画像に動きをつけて印象付けたい場合など、様々なシーンでご利用いただけます。３枚以上の画像のスライドショーとしてお使いください。
「左に画像、右に文章」のデザインです。content3005と交互にお使い頂くことでオシャレなサイトが簡単に構築できます。スマホでは、「上に画像、下に文章」の形で綺麗に表示されます。
「左に文章、右に画像」のデザインです。content3004と交互にお使い頂くことでオシャレなサイトが簡単に構築できます。スマホでは、「上に画像、下に文章」の形で綺麗に表示されます。
文章を画面中央に寄せたデザインです。他のデザインとの相性が良い使いやすいデザインです。
「写真、タイトル、説明文」の形で４つの情報を掲載できます。４つの各タイトル部分は、可能な限り短い単語にし、詳細は説明文で補う形にすることで、訴求力がアップします。また、それぞれにリンクを設定することも可能です。
４つの画像とその画像の説明を表示できるデザインです。
グラデーションが目を惹きつけるオシャレなデザインです。背景色と強調色の組み合わせでグラデーションが変化します。このデザインは次回アップデートで削除する予定です。
最新・更新情報などのお知らせを掲載するのにオススメのデザインです。「タイトル・日付・説明文」の構成で、いくつもの情報を掲載することができます。
文章だけの情報を掲載したいときに便利なデザインです。
シンプルな表です。content3014と一緒にご利用いただくなどの方法でご利用いただいています。
「左に写真、右に大きな文字と、小さな文字」の構成です。content3020と交互に埋め込んでご利用ください。強調色で大きな文字の色を変更できます。
「左に大きな文字・小さな文字、右に写真」の構成です。content3019と交互に埋め込んでご利用ください。強調色で大きな文字の色を変更できます。
お電話でのお問い合わせが目的のLPでご利用いただけるデザインです。電話番号の部分の色は強調色で変更できます。
タイトルに影をつけて強調させた、シンプルかつオシャレな文字だけで表現できるリスト形式のデザインです。強調色でタイトルの色が変更できます。
丸い枠で囲った画像リストです。画像はクリックすると大きく拡大されます。（プレビュー時、公開画面のみ）。
時系列の情報をオシャレに表現できるデザインです。当サイト「Webreak」でも採用しているオススメのデザインです。画像は全て変更できます。
会社、お店の代表者の顔が映った写真とメッセージをサイトに掲載することで、お客様に安心感をお伝えしたいというご要望から生まれたデザインです。
Facebookのタイムラインを埋め込むことができます。このデザインはテスト中のため、不具合があった場合、予告なしに削除する可能性があります。
Facebookのタイムラインと、文字情報をセットで更新情報として発信するのにピッタリのデザインです。このデザインはテスト中のため、不具合があった場合、予告なしに削除する可能性があります。
SEOに考慮したフッターデザインです。事業内容を誇張することなく、きちんと文章で書くのがポイントです。
上級者向きです。「footer0001」と同じデザインですが、外部サイトと連動したメニューが設定が可能です。
ページ最下部のデザインに迷ったら、これ！このデザインをページ最下部に配置しておけば、良い感じのサイトに仕上がります！「Webreak」の部分はご社名やショップ名などに変更してご利用ください。
Google Formを埋め込むことができます。上級者向けです。使い方が分からない方のために、説明書を制作中ですが、今はまだ説明書ができていません！このデザインはテスト中のため、予告なしに削除する可能性があります。
Instagram風の写真掲載が可能なデザインです。
Instagramと連携させることができます。Instagramに投稿した写真はホームページに自動的に反映されます。
サイトロゴをお持ちの場合にオススメのページ最上部のデザインです。
背景画像がアニメーションしながら入れ替わる、オシャレなデザインです。様々なサイトでご利用いただけるヘッダーデザインとなっています。
LPでご要望の多かった、タイトル、電話番号、テキスト、写真をひとまとめにしたヘッダーデザインです。
キャッチコピーと、商品の魅力を箇条書きで表示できる、LP用のヘッダーです。
背景画像が入れ替わる、画面中央の文字が際立つデザインです。
ページ最上部のデザインにこまったらコレ！サイト名と自動で入るメニューのシンプル構成。
背景画像アニメーション付きのヘッダーデザイン。お店の外観、内装、商品などを背景にトップページでご利用いただける、写真は得意だけど、webは苦手な方へオススメのデザインです。
画像を１枚、準備するだけで、良い感じのサイトに仕上がるテンプレートです。初心者の方にオススメです。
記事LPのコンバージョンボタンに。マウスオーバーで、ボタンが動くCV率を高めるデザインです。
ボタンがぐにゃぐにゃ動いて、クリックを誘導します。プレビューや公開画面で動作確認をしてください。
記事LPのキャッチコピーに。大見出し（H1）としてお使いください。背景のひし形の模様は、背景設定より、様々な模様に変更することが可能です。
記事LP内で各セクションのタイトルに。中見出し（H2）としてお使いください。
記事LP内で段落の開始文章などに。小見出し（H3）としてお使いください。
記事LPのキャッチ画像や、挿入画像に。16:9の画角で画像を挿入できます。
記事LPで、順序のあるリストに。「lp0001_h2」が箇条書きのタイトルにピッタリあいます！
記事LP内で、文章に。
記事LPで、箇条書きリストに。「lp0001_h2」が箇条書きのタイトルにピッタリあいます！
背景画像とキャッチ、説明文章で商品の特徴などを伝えるのにご利用ください。「lp0002_content3」と交互に使うとオシャレです。
背景画像とキャッチ、説明文章で商品の特徴などを伝えるのにご利用ください。lp0002_content2と交互に使うとオシャレです。
画像リンクの設置が２つ可能です。LPのコンバージョンボタンとしてご利用ください。同じ大きさのコンバージョン用のボタン画像をふたつ用意し、配置してください。
画像リンクの設置が１つ可能です。
画像リンクの設置が４つ可能です。
３種類の料金パターンを見やすく表示できる表です。
「商品名、料金、説明」の構成で表現可能な表です。飲食店のメニュー以外にも様々なシーンでご利用いただいています。
YouTubeの動画を埋め込むことができます。このデザインはテスト中のため、不具合があった場合、予告なしに削除する可能性があります。
YouTubeの動画を２つ埋め込むことができます。このデザインはテスト中のため、不具合があった場合、予告なしに削除する可能性があります。
ソーシャルプラグインを埋め込むことができます。このデザインはテスト中のため、不具合があった場合、予告なしに削除する可能性があります。
完成したホームページの制作事例をお探しの方はこちらへ
