Service
サービス内容
ご提供いただいたデザインデータをもとに、静的HTML、WordPress、ヘッドレスCMSなど、用途に応じた最適な形でコーディングを行います。
レスポンシブ対応やアクセシビリティ、セマンティックなマークアップにも配慮し、保守性の高い実装を心がけています。
WordPressのオリジナルテーマ開発、ヘッドレスCMS連携、外部サービスとのAPI連携、アニメーション表現など、幅広いニーズに柔軟に対応可能です。
対応しているデザインデータについて
主に Figma、Adobe XD、Adobe Illustrator など主要なデザインツールに対応している他、Photoshop、Canva デザインなど※にも対応可能です。
※ デザインデータの種類によっては、別途工数料金がかかる場合があります。
制作期間について
小規模なサイトで1週間～大規模なサイトで数ヵ月程度です。制作実績に各サイトの制作期間を掲載しておりますのでご参考ください。
サイトの保守や運用サポートについて
別途ご契約となりますが、WordPressの更新代行やプラグイン管理、バックアップ対応などの保守サービスもご提供可能です。
詳細はお問い合わせください。
詳細はお問い合わせください。
静的サイトコーディング
ご用意をいただいたデザインデータを元に、HTML, CSS, JavaScript, PHPを用いて静的コーディングをいたします。WAI-ARIA等の支援技術を利用したセマンティックなコーディングを心がけています。開発環境にAstroを用いたサイト構築、Next.js (React) を用いたSSG, SSRなどでのコーディングも可能です。
| 項目 | 料金 | 内容 | |
|---|---|---|---|
| ヘッダー | 9,000 | サイト上部の共通ヘッダー部分をコーディングします。 | |
| フッター | 4,000 | サイト下部の共通フッター部分をコーディングします。 | |
| トップページ | 36,000 | /ページ | メインビジュアルやサービス紹介などを含むトップページをコーディングします。※1 |
| ランディングページ | 70,000 | /ページ | 商品・サービス紹介などに特化したランディングページを1ページ構成でコーディングします。※1 |
| ブログ一覧ページ | 7,000 | /ページ | ブログ一覧ページのコーディングです。 最新の投稿記事を一覧表示するブログ一覧ページをコーディングします。 ※「ブログ一覧ページ」とは「最新記事の一覧」などを表示するページです。 |
| 下層ページ | 9,000 | /ページ | 会社概要やサービス内容など、トップページ以外の一般的な下層ページをコーディングします。※2 |
| 下層ページ（テキストのみ） | 5,000 | /ページ | 文章中心で構成されたシンプルな下層ページをコーディングします。 |
| 複製ページ | 2,000 | /ページ | デザインが共通で、テキストや画像のみ異なる下層ページを複製してコーディングします。 |
| テキスト修正・画像の差し替え | 1,000 | /箇所 | 既存ページのテキスト修正や画像の差し替え作業を行います。 契約時の規定回数を超えた場合にも適用されます。 |
- ※ 表中の料金は税別表記です。
- ※ 表中の料金は基本料金です。デザイン・レイアウトの複雑さによって割増・割引になります。
- ※ 表中の料金はスマホ・タブレット最適化表示（レスポンシブ対応）の工数を含みます。
- ※1 高さが20,000pxを超える場合、追加のお見積りが必要です。
- ※2 高さが5,000pxを超える場合、追加のお見積りが必要です。
WordPressコーディング
WordPressのオリジナルテーマ制作を行います。カスタム投稿、カスタムフィールド、オリジナルブロックの作成、お問い合わせフォームの実装なども行います。お客様の要望に応じた、操作性の高いテーマ設計を行っています。既存の静的サイトのオリジナルテーマ化も可能です。
| 項目 | 料金 | 内容 | |
|---|---|---|---|
| 基本機能 | 8,000 | WordPressサイト構築に必要な基本的な機能の実装を行います。 | |
| 基本テンプレート | 4,000 | WordPressの動作に必要な最小限のテンプレート構成を実装します。 | |
| ヘッダー | 7,000 | 全ページ共通で使用されるヘッダー部分をテンプレート化して組み込みます。 | |
| フッター | 7,000 | 全ページ共通で使用されるフッター部分のテンプレートを作成します。 | |
| トップページ | 8,000 | /ページ | トップページをWordPressに対応させてテンプレート化します。 |
| 記事一覧ページ | 8,000 | /ページ | 投稿記事を一覧で表示するページのテンプレートを構築します。 |
| 個別記事 | 8,000 | /ページ | 各記事の内容を表示する詳細ページをテンプレート化します。 |
| カテゴリー一覧 | 8,000 | /ページ | 特定のカテゴリに属する記事の一覧を表示するページテンプレートです。 |
| 著者一覧 | 8,000 | /ページ | 投稿者ごとの記事を一覧で表示する著者別アーカイブページを作成します。 |
| カスタム投稿一覧 | 8,000 | /ページ | カスタム投稿タイプの内容を一覧表示するテンプレートを実装します。 |
| カスタムタクソノミー一覧 | 8,000 | /ページ | 独自の分類（タクソノミー）ごとの記事を表示するページテンプレートです。 |
| 日付一覧 | 8,000 | /ページ | 日付（年・月・日）別に記事を一覧表示するアーカイブページを構築します。 |
| タグ一覧 | 8,000 | /ページ | タグで分類された記事を一覧表示するテンプレートです。 |
| 固定ページ | 5,000 | /ページ | 会社概要やお問い合わせページなど、固定ページに使用するテンプレートです。 |
| 検索結果ページ | 8,000 | /ページ | サイト内検索の結果を表示するページをテンプレート化します。 |
| 404ページ | 3,000 | /ページ | 存在しないページにアクセスされた際に表示される404エラーページを作成します。 |
| カスタムフィールド | 1,000 | /項目 | カスタムフィールドを設置します。 |
| パンくずリスト | 3,000 | /個 | パンくずリストを設置します。 |
| 記事の目次 | 3,000 | /個 | 記事の目次を設置します。 |
- ※ 表中の料金は税別表記です。
- ※ 表中の料金は基本料金です。機能の複雑さによって割増・割引になります。
- ※ オリジナルテーマを初めから作成する場合の料金は、上表の「静的サイトコーディング」の料金と下表の「WordPressコーディング」の料金の合計金額になります。
ヘッドレスCMSコーディング
ヘッドレスCMSを用いたサイトの実装にも対応しています。microCMS や Newt などのサービスを使用し、フロントエンドとバックエンドを分離した柔軟なサイト構築が可能です。
| 項目 | 料金 | 内容 | |
|---|---|---|---|
| 基本機能 | 18,000 | ～要見積 | ヘッドレスCMSの基本設定やセキュリティ対策など、ヘッドレスCMSコーディングの基本料金です。※1 |
| API設計 | 5,000 | ～要見積 | API設計の工数です。主にコンテンツ数によりお見積りを行います。 |
| 記事一覧ページ | 8,000 | /ページ | ページネーションの制御など、記事一覧ページの実装を行います。 |
| 個別記事ページ | 8,000 | /ページ | コンテンツの出力や記事URLの構造設計やルーティング設定など、個別記事ページの実装を行います。 |
| パンくずリスト | 3,000 | /個 | パンくずリストを設置します。 |
| 記事の目次 | 3,000 | /個 | 記事の目次を設置します。 |
- ※ 表中の料金は税別表記です。
- ※ 表中の料金は基本料金です。機能の複雑さによって割増・割引になります。
- ※ Webサイトを最初から作成する場合の料金は、上表の「静的サイトコーディング」の料金と下表の「ヘッドレスCMSコーディング」の料金の合計金額になります。
- ※ 利用するヘッドレスCMSサービス・プランにより別途利用料金が発生する場合があります。
機能・アニメーションなど
お問い合わせフォームの設置など、各種機能を実装します。各種アニメーションの実装には多様なライブラリを利用します。表中にない機能についてもお気軽にご相談ください。
| 項目 | 料金 | 内容 | |
|---|---|---|---|
| お問い合わせフォーム | 12,000 | ～要見積 | お問い合わせフォームをコーディングして設置します。 |
| 外部サービス記事読み込み | 7,000 | ～要見積 | RSSリーダー他、外部サービスから記事を取得し表示します。 |
| Instagram連携 | 7,000 | ～要見積 | Instagramから投稿を取得し、Webサイト上で利用します。※1 |
| ローディングアニメーション | 7,000 | ～要見積 | 「Webページの読み込み時に表示されるローディングアニメーションを実装します。 |
| 高度なアニメーション | 3,000 | ～要見積 | スクロールに連動したもの、SVGアニメーションなど、アニメーションの設計・実装にかかる工数です。 |
| JavaScript制御 | 3,000 | ～要見積 | スライダー、モーダルウィンドウ、アコーディオン、ページトップに戻るボタンなどJavaScriptでの制御に関わる工数です。 |
| 多言語対応 | 30,000 | ～要見積 | 多言語に対応したページを作成いたします。※2 |
| 非主要ブラウザ対応 | 要見積 | 主要ではないブラウザでの対応を行います。※3 | |
| OGP自動生成 | 要見積 | OGP画像をページによって自動生成する機能です。 |
- ※ 表中の料金は税別表記です。
- ※ 表中の料金は基本料金です。機能の複雑さによって割増・割引になります。
- ※1 Facebookアカウントが必要になることがあります。Instagram Graph APIキーの取得が必要な場合は別途お見積りが必要です。
- ※2 料金はページ数 × 言語数を目安にお見積りいたします。
- ※3 主要ではないブラウザとは、最新版の Google Chrome, Safari, Microsoft Edge, FireFox 以外のブラウザを指します。
その他
| 項目 | 料金 | 内容 | |
|---|---|---|---|
| ライセンス・素材費用 | 実費 | WordPressで使用する有料プラグインのライセンス料などの料金です。 | |
| ドメイン費用 | 実費 | ドメインの取得料金です。事前にご準備いただいている場合は発生しません。 | |
| サーバー費用 | 実費 | サーバーの料金です。事前にご準備いただいている場合は発生しません。 | |
| 環境構築・その他 | 7,000 | 程度 | 環境構築の工数や、その他工数の料金一式です。 |
- ※ 表中の料金は税別表記です。