Webサイト・EC

伝える内容と更新方法を整理し、事業の入口になるサイトをつくります。

この分野でつくれるもの

  • 01

    サービス紹介ページ

    相談や申し込みにつながる1ページのサイトです。

    100,000円〜(税込)
  • 02

    企業・ブランドサイト

    事業と強みが伝わる構成で、主要なページをつくります。

    154,000円〜(税込)
  • 03

    ECサイト・ネットショップ

    Shopify・BASE・独自構築で、商品登録から決済・配送まで整えます。

    300,000円〜(税込)デモを試す
  • 04

    更新しやすいサイト(CMS)

    お知らせや実績を、ご自身で更新できるようにします。

  • 05

    今のサイトの改善

    見せ方・使いやすさ・SEO・表示速度を見直します。

    100,000円〜(税込)

使う技術

主に使う技術

フロントエンド

  • TypeScript
  • React
  • Next.js
  • Astro
  • Chart.js・ECharts
  • Three.js・WebGL
  • Canvas・SVG描画
  • アクセシビリティ対応

バックエンド・API

  • Node.js
  • Python
  • ジョブキュー・非同期処理
  • PDF帳票の生成
  • CSV・Excelの取り込みと出力

データベース・ストレージ

  • PostgreSQL
  • BigQuery

インフラ・クラウド

  • AWS
  • Google Cloud
  • Cloud Run
  • Cloudflare
  • Cloudflare Pages
  • Cloudflare Workers
  • CDN・キャッシュ設計

AI・LLM

  • OpenAI API
  • Anthropic Claude API
  • 構造化出力

画像・音声・機械学習

  • OCR(文字の読み取り)
  • Google Document AI
  • LightGBM
  • pandas
  • レコメンド
  • 機械翻訳API

自動化・連携

  • 定期実行
  • Google カレンダー API
  • freee API
  • マネーフォワード クラウド API
  • LINE Messaging API
  • メール配信(Amazon SES・SendGrid)

モバイル

  • カメラ・バーコード読み取り

決済・認証

  • Stripe
  • 権限と承認の設計
  • Cloudflare Turnstile
  • QRコードの発行と読み取り

テスト・運用

  • Vitest・Jest
  • Playwright(画面のテスト)
  • Google Analytics 4
  • Google Search Console
  • Lighthouse(表示速度の計測)
  • k6(負荷試験)
  • 操作ログ・監査ログ

Web制作・CMS・EC

  • WordPress
  • microCMS
  • Shopify
  • BASE
  • 楽天 RMS API
  • 構造化データ・SEOの基本設定
  • 多言語サイト
  • OGP・SNS共有の設定
制作例ごとの構成(7件)

実際のシステムとして開発する場合の推奨構成です。

  • 建築アトリエサイト
    画面
    • TypeScript
    • Astro
    • Three.js・WebGL
    • Canvas・SVG描画
    インフラ
    • Cloudflare Pages
    • CDN・キャッシュ設計
    運用
    • Lighthouse(表示速度の計測)
    Web・EC
    • microCMS
    • 構造化データ・SEOの基本設定
    • OGP・SNS共有の設定
  • 複数チャネルのEC管理画面
    画面
    • TypeScript
    • Next.js
    • Chart.js・ECharts
    サーバー
    • Node.js
    • ジョブキュー・非同期処理
    • CSV・Excelの取り込みと出力
    データ
    • PostgreSQL
    連携
    • 定期実行
    運用
    • Google Analytics 4
    Web・EC
    • Shopify
    • 楽天 RMS API
  • イベント受付・チケット販売
    画面
    • TypeScript
    • Astro
    サーバー
    • Node.js
    データ
    • PostgreSQL
    インフラ
    • Cloudflare Workers
    連携
    • メール配信(Amazon SES・SendGrid)
    モバイル
    • カメラ・バーコード読み取り
    決済・認証
    • Stripe
    • Cloudflare Turnstile
    • QRコードの発行と読み取り
    運用
    • k6(負荷試験)
  • 商品ページ翻訳AI
    画面
    • TypeScript
    • Next.js
    サーバー
    • CSV・Excelの取り込みと出力
    データ
    • PostgreSQL
    インフラ
    • Cloudflare Workers
    AI
    • OpenAI API
    • Anthropic Claude API
    • 構造化出力
    画像・音声
    • 機械翻訳API
    Web・EC
    • Shopify
    • 多言語サイト
  • おすすめ配信の管理
    画面
    • TypeScript
    • React
    • Chart.js・ECharts
    サーバー
    • Python
    データ
    • BigQuery
    インフラ
    • Cloud Run
    画像・音声
    • LightGBM
    • pandas
    • レコメンド
    連携
    • LINE Messaging API
    • メール配信(Amazon SES・SendGrid)
    Web・EC
    • Shopify
  • 相続手続きの申込
    画面
    • TypeScript
    • Next.js
    • アクセシビリティ対応
    データ
    • PostgreSQL
    インフラ
    • AWS
    • Google Cloud
    画像・音声
    • Google Document AI
    連携
    • Google カレンダー API
    • メール配信(Amazon SES・SendGrid)
    モバイル
    • カメラ・バーコード読み取り
    決済・認証
    • 権限と承認の設計
    運用
    • Vitest・Jest
    • Playwright(画面のテスト)
    • 操作ログ・監査ログ
  • BtoB受発注
    画面
    • TypeScript
    • Next.js
    • アクセシビリティ対応
    サーバー
    • PDF帳票の生成
    • CSV・Excelの取り込みと出力
    データ
    • PostgreSQL
    インフラ
    • Google Cloud
    • Cloud Run
    画像・音声
    • OCR(文字の読み取り)
    連携
    • 定期実行
    • freee API
    • マネーフォワード クラウド API
    • メール配信(Amazon SES・SendGrid)
    決済・認証
    • 権限と承認の設計
    運用
    • Vitest・Jest
    • Playwright(画面のテスト)

技術と制作例の対応表を見る

ご要望と現在のご利用環境に合わせて技術を選定します。ご希望の技術がございましたらご相談ください。

料金

料金の目安

概算見積もりシミュレーターと同じ計算で、選んだ規模の最低料金(税込)を表示しています。正式な金額は要件を確認してお見積もりします。

  • サービス紹介ページ100,000円〜(税込)紹介ページ・問い合わせ導線・スマホ対応
  • 企業・ブランドサイト154,000円〜(税込)主要ページ・問い合わせ導線・スマホ対応
  • 今のサイトを改善100,000円〜(税込)合意した範囲の画面・導線の改善
  • ECサイト・ネットショップ300,000円〜(税込)商品登録・決済サービスの設定・配送設定・特定商取引法の表記・スマホ対応(Shopify・BASEでの開設を含む)
この分野で費用を試算する
ホームページ・企業サイト制作掲載する情報を整理し、問い合わせや応募につながる構成で制作します。スマートフォン表示にも対応します。最低料金154,000円〜(税込)
対象範囲
支給原稿・画像を使用する最大3ページの小規模サイト。
納期
内容と着手時期に応じて個別にご案内いたします。

この料金に含む内容

  • 構成と見せ方の整理
  • 最大3ページの制作・スマホ対応
  • 合意した環境への公開

別途費用

  • 更新機能・原稿制作・素材制作
  • 高度な3D・独自演出・多数のページ追加
ECサイト・ネットショップ構築Shopify・BASE などを使い、商品登録・決済・配送設定まで含めてネットショップを構築します。最低料金300,000円〜(税込)
対象範囲
既存テーマを使う小規模構築と商品10点までの初期登録。
納期
内容と着手時期に応じて個別にご案内いたします。

この料金に含む内容

  • 既存テーマによる基本構築
  • 商品10点までの初期登録
  • 合意した決済・配送・管理設定

別途費用

  • 独自機能・在庫連携・追加登録
  • サービス利用料・決済手数料等
WordPress構築・機能追加お知らせや実績を、担当者の方が管理画面から更新できるように構築します。最低料金100,000円〜(税込)
対象範囲
既存テーマを使う最大3ページの小規模構築。
納期
内容と着手時期に応じて個別にご案内いたします。

この料金に含む内容

  • 既存テーマでの構築
  • 必要な投稿・編集項目の整理
  • 基本操作と更新方法の案内

別途費用

  • 独自テーマ・大幅な機能追加
  • 有料テーマ・プラグイン・サーバー費

進め方

開発の進め方

  1. 01

    要件整理・ヒアリング

    今の業務と困りごと、目的を伺います。最初の打ち合わせはチャットもしくはオンラインで10~30分程度です。

  2. 02

    要件定義

    つくる範囲・費用・スケジュールを決め、お見積もりします。

  3. 03

    基本設計・詳細設計

    画面とデータの流れ、外部サービスとの連携を設計します。

  4. 04

    UIデザイン

    実際にご利用になる方の手順に合わせて画面を作成します。動作する画面でご確認いただきます。

  5. 05

    実装

    画面・サーバー側の処理・システムの動作環境を整えます。

  6. 06

    テスト

    機能ごとの動作と機能同士の連携を確認します。合意した内容どおりに利用できるかも確かめます。

  7. 07

    リリース・公開

    本番環境に公開し、動作を確認します。運用手順と引き継ぎ資料もお渡しします。

  8. 08

    運用・保守・改善

    公開後はご契約の範囲に応じて不具合対応や改善を行います。月額の保守プランもございます。

よくある質問

よくある質問

原稿や写真がまだありません

構成と原稿の案からご一緒します。写真は手配の方法もご相談ください。

公開後は自分で更新できますか

更新する内容に合わせて編集方法を設計し、操作手順をお渡しします。

ドメインやサーバーの準備は必要ですか

お持ちでなければ取得と設定から対応します。費用は実費で別途かかります。

Webサイト・ECについて相談する

内容がまだ固まっていない段階でもご相談いただけます。初回のご相談とお見積もりは無料です。調査や計画作成に費用が発生する場合は事前にご案内いたします。