無料相談はこちらから
AIでECサイトの制作やページ更新が楽になる 「セマンティックHTML」をChatGPTで作る方法【セミナーレポート】
フューチャーショップ主催「AI×EC」セミナー（全4回）の最終回。ChatGPTを使ってECサイトのHTMLをセマンティック化し、ページの制作や更新といった運用業務の負担を軽くする方法をお伝えしました。
セミナー
大伴 純平
Webサイト・ECサイト制作 / 運用保守
Web create.
つくって終わりではなく、
育てていけるWebサイトへ。
WebサイトやECサイトは、公開した瞬間がゴールではありません。
デザインファミリーでは、制作前の整理から、設計・デザイン・構築・公開後の運用保守まで、お客様の状況に合わせて丁寧に支援します。
見た目だけでなく、
使われ続けることを考えてつくります。
デザインがきれいなことは、とても大切です。
でも、それだけで成果につながるとは限りません。
ユーザーが迷わず情報にたどり着けること。会社や商品の魅力がきちんと伝わること。
検索から見つけてもらいやすいこと。公開後も更新しやすいこと。
運用しながら改善を続けていけること。
私たちは、そうしたことも含めて、長く使えるWebサイトを考えます。
-
伝えることを整理する
お客様の事業やサービスの強み、
ユーザーに伝えるべき情報を整理します。 -
使いやすく設計する
ユーザーが迷わず行動できるように、
導線やページ構成を考えます。 -
公開後も
育てやすくする更新性や保守性にも配慮し、
公開後も改善しやすい形を目指します。
目的に合わせて、
必要なサイト制作に対応します。
コーポレートサイト、採用サイト、
サービスサイト、ECサイトなど、
お客様の目的や運用体制に合わせて、
必要な形をご提案します。
-
コーポレート
サイト制作会社の信頼感や事業内容を伝え、問い合わせや採用にもつながるサイトを制作します。
-
サービス
サイト制作サービスの特徴や強みを整理し、検討中のお客様に伝わりやすい構成を考えます。
-
採用サイト制作
会社の雰囲気や働く人の魅力が伝わる採用サイトを制作します。
-
ECサイト制作
商品情報、カテゴリ構成、購入導線、運用体制を考えながらECサイトを制作します。
-
LP制作
広告やキャンペーンに合わせて、問い合わせ・購入につながるページを制作します。
-
WordPress
構築更新しやすさや管理しやすさを考え、運用に合わせたCMSを構築します。
Webサイト制作で
できること
Webサイト制作では、見た目のデザインだけでなく、情報設計、導線設計、SEO、更新のしやすさまで含めて考えます。
お客様の事業やユーザーに合わせて、必要なページやコンテンツを整理しながら、
伝わりやすく、使いやすいサイトを目指します。
-
ヒアリング・課題整理
事業内容、現在のサイトの状況、今後の目的を確認し、制作前に必要なことを整理します。
-
情報設計
事業内容、現在のサイトの状況、今後の目的を確認し、制作前に必要なことを整理します。
-
デザイン制作
ブランドや目的に合わせて、見やすく、伝わりやすいデザインを制作します。
-
コーディング
スマートフォンでも見やすく、更新や改修がしやすい形で実装します。
-
WordPress
構築お知らせ、実績、ブログ、サービスページなど、更新しやすい管理画面を設計します。
-
SEOを
意識した設計検索されるキーワードやページ構造を考え、公開後に育てやすい土台を整えます。
ECサイト制作でできること
ECサイトでは、デザインの印象だけでなく、
商品を見つけやすいこと、比較しやすいこと、購入しやすいことが大切です。
商品数、カテゴリ構成、季節ごとの運用、キャンペーン、レビュー、リピート施策など、
ECならではの運用も見据えながら、サイトを設計します。
-
商品・
カテゴリ設計商品を探しやすく、選びやすくするために、カテゴリ構成や導線を整理します。
-
商品ページ
改善商品の魅力や特徴が伝わるように、情報の見せ方やページ構成を考えます。
-
購入導線設計
カート追加から購入完了までの流れを意識し、迷わず購入しやすい導線を整えます。
-
ECデザイン
制作ブランドの世界観と使いやすさの両方を大切にしながら、デザインを制作します。
-
ECシステム
構築利用するカートやシステムの仕様に合わせて、運用しやすい形で構築します。
-
公開後の
改善運用アクセス状況や売上の動きを見ながら、商品導線やページ改善を継続的に支援します。
公開後も、安心して育てていけるように。
運用保守管理
WebサイトやECサイトは、公開してからが本当のスタートです。
情報を更新したり、ページを追加したり、アクセス状況を見ながら改善したり、 システムやセキュリティを維持したり。
公開後にも、必要なことはたくさんあります。
デザインファミリーでは、日々の更新対応から保守管理、改善提案まで、お客様の状況に合わせて継続的に支援します。
-
サイト更新
お知らせの掲載、ページ修正、画像の差し替え、バナー設置など、
日常的な更新作業に対応します。 -
ページ追加・改善
サービスページやLP、キャンペーンページなど、
必要に応じてページの追加や改善を行います。 -
WordPress
保守バックアップ、アップデート、セキュリティ確認など、
安心して運用できるよう保守対応を行います。 -
EC運用
サポート商品ページ、カテゴリ、キャンペーン、バナー設置など、ECサイトの日々の運用を支援します。
-
定例・相談
対応必要に応じて定例ミーティングやご相談の機会を設け、
継続的に改善を進めていきます。 -
公開後の
改善運用アクセス状況や売上の動きを見ながら、商品導線やページ改善を継続的に支援します。
制作の流れ
はじめてWebサイトを制作する方にも安心して進めていただけるよう、
状況を確認しながら、ひとつずつ丁寧に進めていきます。
-
お問い合わせ・ご相談
現在のお悩みや、制作を検討されている背景をお聞かせください。
-
ヒアリング
事業内容、サイトの目的、ターゲット、現在の課題を確認します。
-
課題整理・ご提案
必要なページ構成、支援範囲、進め方、概算費用を整理してご提案します。
-
設計・原稿整理
サイト構成や導線、掲載内容を整理し、必要に応じて原稿作成も支援します。
-
デザイン制作
目的やブランドに合わせて、見やすく伝わりやすいデザインを制作します。
-
構築・実装
HTML/CSS、WordPress、ECシステムなど、必要な環境に合わせて構築します。
-
確認・公開
表示確認や動作確認を行い、公開に向けて準備を進めます。
-
運用保守・改善
公開後も更新や改善を続けながら、サイトを育てていきます。
私たちが担当します
事業のこと、伝えたいことを
一緒に整理しながら制作します。
Webサイトは、見た目を整えるだけでなく、
お客様の事業やサービスの魅力がきちんと伝わることが大切だと考えています。
私たちは、デザイン・コーディング・WordPress構築・ECサイト制作・進行管理まで、それぞれの担当が連携しながら、
公開後も使いやすいサイトづくりを進めます。
「何を載せればいいかわからない」
「今のサイトのどこを変えるべきか迷っている」
そのような段階からでも大丈夫です。
まずはお話を伺いながら、
必要なことを一緒に整理していきます。
大伴 純平（おおとも じゅんぺい）
ウェブデザイン技能士
AI×Web、Webパフォーマンス最適化セミナーに登壇
土山 夏紀（どやま なつき）
Webディレクター
一般社団法人全日本SEO協会 SEO検定1級お客様の課題を整理し、制作進行・品質管理まで担当
東山紗己（ひがしやま さき）
Webデザイナー / コーダー
デザインをもとに、使いやすく更新しやすいサイトを構築
丹生谷 義隆（にゅうのや よしたか）
Webディレクター
WACA認定ウェブ解析士
心理学／全米NLP協会認定プラクティショナー数字と感覚の両面から、企画・ディレクションを担当
Web制作セミナー実績
Web制作料金について
| ディレクション費用 | ヒアリング、構成整理、ワイヤーフレーム作成、スケジュール管理、制作進行、確認対応など | 制作費の 15〜20％程度 |
|---|
※小規模な修正や部分的な制作の場合は、内容に応じてディレクション費用を調整いたします。
「まずは必要な範囲だけ相談したい」という場合も、お気軽にご相談ください。
Webサイト制作
コーポレートサイト、サービスサイト、採用サイトなど、目的に合わせたWebサイト制作を行います。
サイトの規模や必要な機能、原稿・写真の有無によって費用は変わりますが、まずは目安としてご確認ください。
| 小規模サイト制作 | 会社案内やサービス紹介など、基本的な情報を整理した小規模サイト制作 | 80万円〜 |
|---|---|---|
| コーポレートサイト制作 | 会社紹介、サービス紹介、実績、お知らせ、お問い合わせなどを含む 標準的なWebサイト制作 | 150万円〜 |
| 採用サイト制作 | 採用TOP、スタッフ紹介、インタビュー、募集要項、採用フォームなどを含む採用サイト制作 | 120万円〜 |
| サービスサイト制作 | 特定の商品・サービスの魅力や導入メリットを伝えるWebサイト制作 | 120万円〜 |
| サイトリニューアル | 既存サイトの課題整理、構成見直し、デザイン・構築、公開対応まで行うリニューアル | 150万円〜 |
| WordPress構築あり | お知らせ、ブログ、実績などを更新できるWordPress構築を含む制作 | 150万円〜 |
| ランディングページ制作 | 商品・サービス・キャンペーンなどを1ページで訴求するLP制作 | 50万円〜 |
※ページ数、機能、原稿作成、写真撮影、WordPress構築の有無によって費用は変動します。
ECサイト制作
ECサイトの新規制作、リニューアル、商品ページ改善、特集ページ制作などを行います。
商品を並べるだけではなく、購入までの導線や運用しやすさも考えながら設計します。
Futureshopのコマースクリエイターを利用したECサイト制作・改修にも対応しています。
コマースクリエイターは、通常のWebサイト制作とは異なり、システム仕様や管理画面上の制約を踏まえた設計・実装が必要です。
| ECサイト簡易改修 | TOPや商品ページ、バナー、導線など一部を改善する対応 | 30万円〜 |
|---|---|---|
| コマース クリエイター 構築ライト | 〜5ページ程度。基本テンプレートを中心に、必要な範囲を絞って構築するプラン。マーケの基本設計とSEO設計を含みます | 80万円〜 |
| コマース クリエイター 構築スタンダード | 〜10ページ程度。主要ページをしっかり制作し、集客や売上まで見据えた本格構築。マーケ設計を作り込み、SEO設計を含みます | 180万円〜 |
| コマース クリエイター 構築フルカスタム | ページ数の制限なし。独自の運用方法や細かなご要望に合わせて設計し、戦略から伴走します。SEO設計を含みます | 別途ご相談 |
| コマース クリエイター 運用サポート | バナー作成、商品登録、ページ修正、ページ作成などを都度対応。契約期間の縛りはなく1ヶ月から。他社が制作したサイトにも対応します | 10万円〜／月 |
※Futureshop・コマースクリエイターのご契約費用、サーバー費用、月額利用料などは含まれません。
※商品登録、既存データ移行、外部システム連携、独自機能の有無によって費用は変動します。
※他カートからの移行にも対応可能です。
※運用サポートは対応内容によっては別途お見積もりとなります。
その他カート・ECサービス
Shopify、makeshop、楽天市場、Yahoo!ショッピングなどの
ECサイト制作・改修もご相談いただけます。
よくあるご質問
サイトからの集客を伸ばしたい／今のサイトがどのように機能しているのか現状を把握したい／戦略的にWebサイトを活用できるようアドバイスが欲しい／流入数は増えたが反応がいまいち上がってこない／サイト解析の専門家に相談したい／企業内でWebサイトを見れる人材を育てたい
サイト公開までの平均期間はどのくらいかかりますか？
ご契約から2か月～約3か月半で公開可能です。お客様のご要望内容やシステムのカスタマイズによって、開発期間にばらつきはありますが、多くのお客様は2ヶ月半で公開しています。
サイト構築の費用は平均的にどのくらいかかりますか？
Futureshopのコマースクリエイターを使ったECサイト構築の場合、180万円前後が平均的なご予算です。開発期間と同じく、ご要望の内容やカスタマイズの範囲によって費用にはばらつきがあります。ページ数を絞った最小構成であれば80万円から、ページ数が多い場合や独自の運用方法・機能が必要な場合は別途お見積もりとなります。
Webサイトの新規制作とリニューアル、どちらも対応していますか？
はい、どちらも対応しています。
コーポレートサイト、サービスサイト、採用サイト、ECサイトなど、目的に応じたWebサイト制作をご相談いただけます。リニューアルの場合は、現在のサイトの課題や活かせる部分を整理したうえで、本当に作り直すべきかどうかも含めて検討します。デザインだけ、コーディングだけの依頼もできますか？
内容によって対応可能です。
デザインのみ、コーディングのみ、WordPress構築のみなど、部分的なご相談も承っています。
ただし、成果や運用面に関わる部分もあるため、必要に応じて全体の目的や仕様を確認させていただく場合があります。ECサイトの制作も対応していますか？
はい、対応しています。
ECサイトの構築やリニューアル、商品ページ改善、導線改善などをご相談いただけます。対応可能なカートシステムや構築方法は案件内容によって異なりますので、まずは現在の状況やご希望をお聞かせください。WordPressでの制作は可能ですか？
はい、WordPressでの制作に対応しています。
更新しやすさや運用しやすさを考慮しながら、お客様の体制に合わせた設計を行います。既存WordPressサイトの改修や保守運用についてもご相談可能です。原稿や写真がまだ揃っていなくても相談できますか？
はい、ご相談いただけます。
サイト制作に必要な原稿や写真が揃っていない場合でも、
構成整理や原稿作成のサポートから対応可能です。
どの情報が必要か、どの順番で準備すれば良いかも一緒に整理いたします。