トップページビルダー

トップページビルダーでは各セクションを並べる事で、簡単に綺麗なトップページを作ることができます。
鳴雷で用意されているセクションは全部で11個。
静的な画像とコンテンツを表現できる「コンセプト」や、ダイナミックな画像を送らせて表現することで臨場感を演出できる「パララックス」。
おすすめ商品をアイキャッチとして表現できる「ランキング」。
「コードエリア」はHTMLとCSSを直接記述できますので、お好みのデザインがない場合でもこちらで作成可能。
このようにトップページで欲しいと感じるセクションはほぼ全て網羅しております。
上下の並び順を変更したいと思った時はドラッグ操作で簡単に入れ替えることができます。

サイトヘッダー設定機能

サイトヘッダーをカスタム作成する事ができます。
店舗のロゴ、大きさ、高さ、そして背景色を設定しオリジナルのヘッダーが作成可能。
もし店舗ロゴをお持ちでない場合は、店舗名とサイトディスクリプションを別に記述しそれを表示する事も可能です。
設定したヘッダーはオープニング時には設定した大きさで表示され、サイトスクロールが発生した際はユーザーが見やすい大きさに自動変更されますのでご注意ください。配色はスクロール発生時に適応されます。
ヘッダーはサイトに必要ないと判断した場合は「ヘッダーを非表示にする」を選択、保存すれば全てのページからヘッダーを消す事ができます。

ローディング画面カスタム機能

サイトが表示された時にローディングアニメーションを簡単に実装する事ができます。
鳴雷で用意したパターンは３種類。
左から右に伸びる「右スライド」。
上から下に伸びる「カーテン」。
円が小さくなる「サークル」。
です。この3つのアニメーションに、サイトイメージ画像と店舗ロゴを組み合わせておしゃれなローディングアニメーションを作成する事ができます。
もちろん「アニメーションなし」も設定可能。これらはボタンひとつで切り替える事ができます。
ローディングアニメーションがあるだけでユーザーの信頼度が上がります。ぜひ使ってほしい機能です。

ヒーローヘッダー作成機能

鳴雷でご用意しているヒーローヘッダーは全部で３種類。
全画面いっぱいの画像とタイトルを表示する「静止画」。
全画面いっぱいの動画とタイトルを表示する「動画」。
全画面いっぱいの画像をスライド形式で表示する「スライダー」。
お好みのものをボタンひとつで切り替えることが出来るよう設計にしています。
静止画は、このページの最上段のヒーローヘッダーに使われており、ローディングアニメーションをoffにした状態ですと、自動でアイキャッチができるアニメーションが動作する仕様になっています。
動画は全画面で動画を配信できるようにしていますので、よりダイナミックな表現ができます。調理中などを撮影したものを使用すると効果的です。ただ、画質が4Kなどの高画質になるとスマホで再生されませんので注意が必要です。
スライダーはデモサイトのヒーローヘッダーに使用しています。画像をオーバーラップさせながらスライドしていくので臨場感や高級感を演出する事ができます。slick.jsをベースにオリジナルでカスタムしました。
お店のイメージに合うヒーローヘッダーをご利用ください。

グローバルメニュー設定機能

グローバルメニューとは、Webサイトの重要なページへの誘導やユーザーが目的のページへのアクセスをスムーズにするために設計されたメニューです。
鳴雷ではグローバルメニューはいくつでも増やすことができ、スクロールアニメーションをつけることでアイキャッチとして目立つよう設計しました。設定も細かくできるようにしています。
グローバルメニューの背景色、ハンバーガーメニューのボタン色、ハンバーガーメニューの矢印色・・・などサイトの配色に合わせて自由に設定できるようにしています。
グローバルメニューは非表示にする事はできません。ぜひ使ってユーザーのサイト回遊率をあげてください。

サイトの全体設定機能

サイト全体の設定を一括で行う事ができます。サイトのフォント設定や、背景画像設定、スクロールトップボタンのデザインや表示、非表示設定、サイトのファビコン設定など・・・・
サイトで最低限必要な設定はここで行う事ができます。
フォント設定では
「Sawarabi Gothic」
「M PLUS Rounded 1c」
「Noto Sans JP」
「Sawarabi Mincho」
「Kosugi Maru」
「M PLUS 1p」
「Roboto」
ポップなサイトから高級感のあるサイトまで全てに対応できるように全部で６種類のフォントを使用できるようにしました。
全て日本語対応のフォントです。

フッター設定(SNS設定)

フッター設定ではフッターの背景色、文字色、フッターリンクなどを細かく設定する事ができます。
フッターリンクではグローバルメニュー設定で使用したリンクを使用すると良いでしょう。
フッターの背景色はヘッダーの背景色と合わせると統一感が出ます。
フッターではSNSのショップページへのリンクが設定出来るようにしています。
「Facebook」「Instagram」「YouTube」「LINE」「X」の5つからご自身が運営しているSNSのみ選択して表示してください。
SNSとWebサイト両方からブランディングが可能です。

404ページ作成機能

404ページとは、運営しているWebサイトの存在しないページへユーザーが誤ってアクセスした際に表示されるページのことです。
鳴雷ではこの404ページをカスタムすることでユーザーの離脱を防ぎ、存在するページへの回遊を促す事を目的としてこの機能を実装しました。
背景画像をサイトの背景と合わせ同一サイトだと認識させ、
「お探しのページは見つかりませんでした」などの文章で安心させ、ホームへのリンクを置いて誘導をかけます。
ここを作るか作らないかで、サイトへの信用度は変わってきます。
ぜひ活用してください。

ポップアップバナー作成機能

この機能を有効化し、設定するとユーザーがどのページに訪れてもポップアップ広告が表示されるようになります。期間限定のメニューや、タイムセール、お知らせなどを100%ユーザーに伝える事ができます。
しかしあまりにもしつこい広告はユーザー離れに繋がりますので、鳴雷では同じユーザーが24時間以内に再訪した場合は表示しない設計にしました。24時間を経過すると再びポップアップ広告が表示されます。
ぜひこの機能を使ってユーザーへ魅力的な提案を行ってください。

リアルタイムプレビュー機能

鳴雷では、「トップページビルダー」「ヘッダー設定」「４０４ページ設定」「ポップアップバナー設定」にリアルタイムプレビュー機能を実装しています。リアルタイムプレビュー機能とは、保存処理を行わずに作りかけのページのデザインを実際にブラウザに表示し、確認する事ができる機能です。
これを行うことで、書きかけの文章の長さが適切か、画像の配色はサイトの配色に合っているか、各ブロックの並び順におかしな点はないか、など常にチェックをしながらサイトを作成する事ができます。
もちろん検証ツールからブラウザ版とスマホ版両方確認する事ができますので大変便利な機能です。
この機能があることでサイトの保存処理のタスクが軽減されますのでストレスがなくなりサイト作成が効率化されます。

商品リストページ作成機能

お店のメニューを一覧で表示する事ができるページを作成する機能です。
特にアイテム数が多い弁当屋や、おすすめ商品が不明な事が多いキッチンカーなどはユーザーが予約電話を入れる前に商品を選定したいケースがほとんどです。
その際このようなページが存在する事でユーザーがストレスなくスマホで商品を選定する事ができ、予約電話ボタンで予約までの流れがスムーズに行えます。
この商品リストページは追加、削除もボタンひとつで完了し、順番の入れ替えもボタンひとつでお好きな場所へ移動可能です。
このページでは商品名と画像、価格を表示することができます。ぜひこの機能を利用して、ユーザー体験の向上を図りましょう。

商品紹介ページ作成機能

お店のメニューを詳しく紹介できるページを作成する事ができます。
商品リストページの各アイテムにここで作成したページのリンクを仕込むことで、ユーザーが商品をより詳しく知ることができます。
商品紹介ページでは商品の画像(スライダーで複数配置可能)、価格、商品説明、
それに商品に使用されている原材料表記ブロックとアレルギーブロックも実装しています。
特にアレルギー表記に関しては小さなお子様にはとても重要です。
この機能を使って、ユーザーに正確な情報を伝えお店の信用度を上げましょう。

ランディングページ作成機能

LP（ランディングページ）を作成できる機能です。飲食店におけるLPとは、複数商品がある場合、（コース料理やセットメニューなど）それを１ページにまとめて魅力的に訴求する事ができるページの事です。
このページでは訴求の効果が落ちるヘッダーやサブフッターを最初から排除するように設計し、より商品の内容に注目がいくように作られています。
鳴雷オリジナルのブロックは全部で9個用意し、組み合わせる事で独自のページを作成できるようにしました。
もちろん予約電話ボタンは実装できるようにしていますので、出口を予約することに絞りコンバーションを上げる事もできます。
ぜひこの機能を使い、売りたい商品を興味のあるユーザーに購入してもらいましょう。

予約電話ボタン作成機能

ユーザーがスマホでアクセスした際、スマホ左下に配置される「予約電話」ができるボタンを実装しました。
このボタンをユーザーがタップするとスマホの電話アプリが起動され、あなたのお店にワンタップで電話ができるようになります。
この機能をオンにすると全てのページにこのボタンが表示され、どのページからでも予約可能になる非常に便利な機能です。
ユーザーのご予約の煩わしさを解消し、販売力アップに繋げましょう。
ボタンの配色は変更可能ですし、もしお店に電話がない場合も機能自体をオフにすれば全てのページからこのボタンが削除されます。

サブフッター設定機能

この機能をオンにするとトップページとLP以外のページ全てに追従するタイプのサブフッターを実装する事ができます。
サブフッターには商品リストページで作成したページのリンクを仕込むとユーザーがストレスなく目的の商品まで辿り着く事ができます。
もちろん、ON->OFFの切り替えはボタンひとつでできるようになっています。

スクロールトップボタン作成機能

スクロールトップボタンのカスタマイズが可能です。
背景色、矢印色は自由に選択でき、矢印のフォントは3種類ご用意しています。
サイトの配色にあったスクロールトップボタンを作成してください。
もちろん表示、非表示の切り替えもご用意しています。
表示するにチェックを入れ保存すると、全ページに表示される設定になっています。