パララックス（スクロールエフェクト）サイト制作料金例

本ページでご紹介する料金例は、弊所の「Web制作サービス」の内容を基準とした参考例です。
制作の流れや特徴については、まずWeb制作サービスのページをご覧いただくことで、コンセプトを踏まえて料金をご理解いただけます。

動きと構成で世界観を補強するWebサイト制作

オーダーメイドのデザインでらしさを可視化する

お客様のブランドやビジョンに合わせたオーダーメイドデザインを提供します。静的なビジュアル要素にもこだわり、唯一無二のデザインでサイトを作り上げます。デザイン性の高いビジュアルで、印象の軸を揃え、世界観を視覚的に伝えます。

動きを取り入れたダイナミックなサイト構築

スクロール時に文字や画像がふわっと表示される演出や、視差効果を取り入れたパララックスデザインのサイトを作成します。奥行き感のある動きのデザインで、視覚的な魅力を高め、訪問者の印象に残りやすい表現として活用できます。キャンペーンサイトやブランドサイトなど、見せ方を重視したいケースで選ばれやすい構成です。

カスタマイズ対応で柔軟なお見積り

シングルページのキャンペーンサイトや採用情報サイト、差別化を図りたい複数ページの企業サイトなど、幅広いニーズに対応可能です。HTMLベースからCMSベースまで、ページ数やデザインの複雑さ、エフェクトの導入範囲に応じた柔軟なお見積もりを提供いたします。

事例紹介｜動きと構成の活用例

動きやパララックスを取り入れることで、コンテンツの流れや視線誘導を補強できます。以下は、世界観や情報の伝わり方を重視して構成した制作事例です。

オプションでファーストビューに映像やロゴアニメーションも追加可能

ファーストビュー（冒頭画面）に映像やロゴアニメーションを追加することで、ブランドの第一印象や空気感を補強する要素として活用できます。
キャンペーンサイトやブランドサイトなど、見せ方を重視したいケースで選ばれやすいオプションです。
なお、映像やアニメーションの追加はオプション対応となりますので、詳細はお問い合わせください。

パララックス(スクロールエフェクト)サイト制作料金例(複数P)

本料金例は、トップページおよび下層2ページにパララックスやスクロールエフェクトを設定するケースを想定しています。
フルオーダーWEBデザイン＋CMS導入（お知らせのみ編集可）の料金は、ご要望の仕様によって変動します。
一般的には、10ページ前後で約65万円〜のケースが多いです。
詳細は内容を伺った上で個別にお見積もりいたします。

この料金例は、インパクトを与えるだけでなく、実用性にも配慮したサイト構成とCMSを導入してお知らせを自社更新できるようになっています。インパクトを残したいページのみに、スクロールに合わせて文字や画像がふわっと表示されるエフェクトや、視差効果を加えた奥行き感のある動きを加えています。仕様によってはお見積もりが変わるため、詳細はご相談ください。

パララックス(スクロールエフェクト)サイト制作料金例(1P)

続いて、1ページの縦長レスポンシブサイトでスクロールエフェクト、パララックスを設定した場合の料金例です。

本料金例は、縦長シングルページにスクロールエフェクトやパララックスを設定するケースを想定しています。
縦長シングルページ（フォームは別ページ）のサイトは、ご要望の仕様や内容量によって変動します。
一般的には、内容量が2000〜3000文字程度で約30万円〜のケースが多いです。詳細は内容を伺った上で個別にお見積もりいたします。

1ページ構成で、以下のような5項目を目安に制作いたします（2000〜3000文字程度）。

• 例1: メイン画像（商品・サービス）、企業理念、商品・サービス概要、当社について（会社概要）、お問い合わせへボタン
• 例2: メイン画像（企業理念・想い）、求める人材、先輩社員の声、募集概要、エントリーへボタン

この1ページ構成は、キャンペーンサイトや求人サイトなどに最適です。お問い合わせやエントリーの入力フォームはGoogleフォームなどの外部ツールで対応し、ボタンからリンクで誘導します。
SEO的には複数ページの構成を推奨しますが、名刺や紙媒体、SNSからのランディングページとしてご利用いただけます。

料金に影響するポイント

ページ数やデザインの内容、パララックス（スクロールエフェクト）の動きの凝り具合や適用範囲によって、料金は異なります。
PCとスマホ両方対応かPCのみか、また動きを複数ページに流用するかどうかによっても見積もりが変わりますので、詳細はお気軽にお問い合わせください。
複数ページの場合、動きを流用することで、1ページ単体よりも割安にすることは可能です。

料金について

ページの内容量やデザインの凝り具合、詳細な仕様によって費用は異なります。上記例はあくまでも参考程度にお考え下さい。

本パララックス（スクロールエフェクト）料金例にご興味を持たれた方は、お気軽にお問い合わせください。お問い合わせいただければ、ZoomやGoogle Meetでのオンラインミーティングや、必要に応じて東京、千葉、横浜を中心にお打ち合わせにもお伺いします。

基本構成

項目	説明
ページデザイン	15年以上の経験の持つWEBデザイナーがオーダーメイドデザインやお任せデザインで承ります。デザインの凝り具合などで費用は異なりますので、イメージに近いサイトなどをご提示の上、詳細はお問い合わせください。
レスポンシブデザイン対応	PC(パソコン)用とスマホ用の2つのデザイン(CSSファイル)を用意し、画面サイズ(モニターの横幅)に合わせて切り替えて対応します。
メニュー(ナビゲーション)構成	PCサイズでは通常の横に並ぶメニューで、スマホサイズではボタン操作のアコーディオン展開のナビゲーションを採用します。
標準画像加工	素材集やお客様ご提供の写真を加工します
SEO対策	基本的な内部SEO対策は含まれます。（ただし、検索エンジン最適化による検索エンジン上位表示、アクセス数の増加その他いかなる結果も保証するものではありません。）
動画設置	YouTubeの埋め込みやご提供いただいた動画の埋め込みは対応します。（対応可能な動画のフォーマットやサイズを提示いたしますので、それに合わせた動画ファイルをご提供ください。）
地図	Google Mapsで対応します
アクセス解析	Goole Analyticsでの対応します

• 同コンテンツでPC(パソコン)用とスマホ用のサイトに対応させる形になります。
• レスポンシブデザインで対応させるためデザインに制約がでる場合がございます。
• ナビゲーション(メニュー)部分は、PCサイトは通常の横に並ぶメニューです。
• スマートフォンサイトはボタン操作のアコーディオン展開のナビゲーションを採用します。
• PC(パソコン)、スマートフォンのどちらのデバイスからも操作しやすいように考慮します。
• 複数ページの1Pのサイズは約A4サイズ1枚分を目安に料金の計算をしています。
• 本料金例はデザイン費用とhtmlコーディング費用を含んでいます。
• ホームページのドメインやサーバの料金は含まれていません。契約はお客様にてお願いいたしますが、契約手順のアドバイスなどのサポートはいたします。
• ホームページ制作時に載せる文章や写真素材はご用意ください。
• 素材写真やご提供の画像の加工使用を前提にし、イラスト等の制作費用は含まれていません。
• FacebookページやX（旧Twitter）のウィジェットなどの埋め込み（SNS連携）はお見積内で対応します。
• 構成する内容によっては、制作料金が変わる場合があります。