1枚ホームページのページ構成(どんな順番で何を載せるか)は、どのお店も同じベースを使います。ですが、下のような演出を追加でご用意できます。気に入ったものを選んでいただくことで、同じ業種のお店とも見た目が被らない、ワンランク上のホームページに仕上げられます。
サイト全体の雰囲気・世界観を作る演出です。特定のセクションではなく、ページ全体の印象に効きます。
見出しの背景に、ゆっくり漂う光を添えます。派手すぎず、上品な高級感を出したいときに向いています。サイト内の複数の見出しに繰り返し使えます。
見出しの文字が1文字ずつ、下から順番に立ち上がって表示されます。サイト内のすべての大見出しに統一して使うと、サイト全体の印象がぐっと良くなります。
マウスの動きに円が追いかけてきて、リンクに重なると大きくなります。ページ全体のカーソルを差し替える演出なので、パソコンで見たときだけの高級感です(スマホでは通常表示になります)。
ページ上部に細いバーを置き、読み進めた分だけ色が伸びます。実はこのページ自体の一番上に、今もついています。上までスクロールして確かめてみてください。
セクションの境目を、直線ではなく波のようなカーブで区切ります。サイト内のいくつもの境目に繰り返し使え、やわらかく上品な印象になります。飲食・美容・リラク系と相性が良いです。
キーワードやこだわりポイントを、横に流れ続ける帯で見せます。実績ロゴが並ぶ代わりに、小さなお店でも使える言葉の帯です。ページの好きな場所に何度でも置けます。
特定のセクション・要素だけに使う演出です。ギャラリーや口コミなど、そのパーツがあるお店だけに追加します。
写真の見せ方だけで、お店の印象は大きく変わります。自動で切り替わる、指でめくれる、触ると広がる──用途に合わせて選べます。






実績やこだわりを数字で見せたいとき、0から実際の数字までカウントが上がる演出です。印象に残りやすくなります。
口コミを1件ずつ静かに切り替えて見せます。何件もの口コミを、場所を取らずに紹介できます。
リフォーム・整体・美容など、「変化」を見せたい業種向けです。スライダーを動かして、施術前後や改装前後を見比べられます。
BEFOREAFTER
チェックマークや安心マークが、線を描くように表示されます。「お悩み解決」「対応内容」の一覧に使うと効果的です。
「ただいま営業中」の緑の丸に、呼吸するような光を足します。小さな部分ですが、ページの第一印象に効きます。
※ ここでご紹介したのは一例です。ほかにも、メニュー表のタブ切り替えアニメーション、地図への案内線、雪や花びらが舞う季節演出なども作れます。気になる演出があれば、ご契約時のお打ち合わせでお申し付けください。