Webサイト制作の料金と制作の流れ｜Riku
事業の目的、ページ数、原稿・素材、必要な更新機能を確認し、対応範囲と納期を明記したうえで個別にお見積もりします。
- 相談・見積もり無料
- 内容に応じた個別見積もり
- 公開後の更新を見据えて設計
サービス料金
商品・サービスの魅力を1ページに整理し、問い合わせ・予約・申込みまでの導線を設計。Figmaからレスポンシブ実装まで対応します。
- 構成・情報設計
- Figmaデザイン
- HTML・CSS・JavaScript実装
- 基本的な動きとCTA導線
- フォーム導線
- PC・スマホ表示確認
ページの長さ、原稿・素材、フォーム仕様により変動します。
店舗・小規模事業・個人ブランドの魅力と基本情報を複数ページで整理。世界観を保ちながら、来店・相談へつながるサイトを制作します。
- サイト構成・情報設計
- Figmaデザイン
- 複数ページ実装
- レスポンシブ対応
- お問い合わせ導線
- 表示・リンク確認
ページ数、原稿・素材、必要機能により個別にお見積もりします。
サイト制作
更新したい情報と運用する人を整理し、オリジナルデザインをWordPressテーマへ。公開後も情報を育てていける構成を目指します。
- 情報設計・サイト構成
- Figmaデザイン
- オリジナルテーマ実装
- 共通パーツ・固定ページのテンプレート化
- 更新箇所の設計
- 表示・操作確認
投稿機能・フォーム・移行・保守の有無により変動します。
着手前に作業範囲・納期・修正回数を明記します。サーバー・ドメイン、素材購入、撮影等は別途です。
制作チームの外部パートナーとして
制作会社・Webディレクターの方からの、Figmaカンプをもとにしたコーディング、レスポンシブ対応、WordPressテーマ実装、既存ページ改修をご相談いただけます。
- 支給デザインに沿った実装
- 既存仕様・命名規則に合わせた対応
- PC・スマホでの表示確認
- 進捗と不明点の早めの共有
制作の流れ
-
01
ヒアリング
ご要望・目的・予算をお聞きします（無料）
-
02
提案・お見積もり
構成案とお見積もりをご提出します
-
03
デザイン制作
Figmaでデザインカンプを作成・確認いただきます
-
04
コーディング・テーマ化
HTML/CSS/JavaScript実装と、必要に応じてWordPressテーマ化を進めます
-
05
表示確認・公開
PC・スマホで確認し、合意した修正後に納品・公開します
よくある質問
はい。ページ数、Figmaカンプの有無、公開時期が未定でも構いません。内容を確認し、対応できる範囲と進め方をご案内します。相談・お見積もりは無料です。
ご相談いただけます。自主制作では、静的サイトをPHPテンプレートへ分割し、header・footerの共通化とページ別アセット読み込みを試作しています。本番案件では更新したい項目と運用体制を確認し、実装範囲・検証方法を事前にご案内します。
FigmaからのHTML・CSS・JavaScript実装、レスポンシブ対応、WordPressテーマ化をご相談いただけます。スポット・継続ともに、仕様、スケジュール、連絡体制を確認してお見積もりします。
写真はご用意いただけると理想ですが、お持ちでない場合は著作権フリー素材での対応も可能です。文章はヒアリングをもとに提案・整理のサポートをします。
修正回数と対象範囲は、お見積もり時に明記します。合意した範囲を超える追加や方向転換は、着手前に費用と納期をご相談します。