WEBデザインのご確認

2025/8/15 更新


現ホームページおよびHP Frame(Excelファイル)より内容を抜粋。
画像でのご確認になります。
動作説明などは各画像下部のキャプションをご確認ください。


トップページ

HOME

 

共通パーツ(ヘッダーナビゲーション、CTAなど)とトップページの動作説明

  • ヘッダーナビゲーション:上部に固定表示。ロゴ、ページリンク、翻訳ボタンは常時トップに表示。
  • メインビジュアルは仮画像。イメージ的によろしければ本番でも使用いたします。(画像ライセンスは有償)
  • ABOUT US、PRODUCTS、SERVICEの各セクションでWEBサイト全体の内容をおおまかに紹介。
  • PRODUCSセクション(緑グラデ背景)は横スクロールで製品ごとのバナーボタンを表示。クリックするとPRODUCSページの各項目へ。
  • SERVICEセクションの写真はイメージ画像として左右に自動スクロール。クリック不可。
  • CTA(お問い合わせバナー)は各ページの同位置に設置。

ABOUT US

ABOUT

 

ABOUT US(会社情報)ページの動作説明

  • 会社概要、営業所の各セクションは50%の横並びですが、スマホ表示では全て縦並びとなります。

 

ご提案

  • コーポレートサイトとして、社長あいさつや企業理念なども入れることができます。必要に応じてご連絡ください。

PRODUCTS

PRODUCTS

 

PRODUCTS(製品)ページの動作説明

  • ヘッダー(緑グラデ背景)内の文章は仮のものです。
  • 左サイドのページ内ナビゲーションはスクロール追従型。ページを下にスクロールしても常時表示されます。
    項目をクリックすると該当のセクションへジャンプします。

SERVICE

SERVICE

 

SERVICE(サービス)ページの動作説明

  • ヘッダー(緑グラデ背景)内の文章は現ホームページの英文を翻訳したものです。
  • PRODUCTSページと同様、左サイドのページ内ナビゲーションはスクロール追従型。ページを下にスクロールしても常時表示されます。
    項目をクリックすると該当のセクションへジャンプします。

CONTACT

CONTACT

 

CONTACT(お問い合わせ)ページの動作説明

  • オンラインフォームはWordPressのプラグイン「Contact Form7」を使用想定。
  • フォームの項目は自由に設定できます。
  • 企業サイトに必要な個人情報保護方針ページ(別途作成)に同意チェックを必須項目としています。