Story HPストーリーHPプロジェクトAI仕組みラボのホームページ制作

ホームページ制作 × AI仕組みラボ

あなたの仕事が伝わる、ホームページを。

初回ミーティングから公開まで、
公開後は周りの声や反応を聞きながら修正。
AI仕組みラボで、記事・SNS・改善の実践へ。

ホームページ制作
11万円〜税込・初期費用
公開までの目安
2〜3日初回打合せから

別途、ホームページ管理+AI仕組みラボの月額プランが必要です。紹介割引は月額11,000円(税込・1年間継続)。Codex・OpenAIなどの利用料は別です。

制作期間は規模・素材・確認状況により変わります。ご相談時に、制作範囲・費用・スケジュールを確認します。

話美人アカデミー徳田真由美のトップページのスクリーンショット話美人アカデミー
実際に公開された制作実績です。
各事例の制作範囲・費用・期間は異なります。
制作実績をもっと見る →

早く公開して、声を聞きながら育てる

ホームページを早く用意し、お客様や仲間に見てもらう。そこで聞けた意見や反応を、次の修正や発信に活かしていきます。

  1. 01 初回ミーティング

    仕事と、届けたい人を。

    サービス、強み、見せたい実績を聞き、誰へ何を伝えるホームページかを整理します。

  2. 02 目安2〜3日で公開

    見てもらえる形へ。

    AIを活用して制作。内容・表示・リンクを確認し、初回ミーティングから公開まで進めます。

  3. 03 公開後に修正・発信

    周りの声を、次の一手に。

    意見や反応を聞き、細かな修正を重ねます。ラボの実践会とAIで、記事・SNS・分析も進めます。

2〜3日は制作期間の目安です。規模・素材・確認状況に応じて日程を相談します。各制作実績の納期や費用を一律に示すものではありません。

CUSTOMER STORIES

お客様の声

ホームページに込めた想い、日々の発信で感じたこと。実際に使っている方の言葉を、動画と記事でご紹介します。

01 どんな仕事なのか

AI仕組みラボで「次に何をするか」を考え、実践する。
その事業の拠点となるホームページ制作を、Story HPが担います。

一緒に考え、実践する場

AI仕組みラボ

事業の今を整理し、集客や発信の進め方を考える。実践会で相談しながら、一つずつ進めます。

AI仕組みラボを知る →
ホームページを形にする

Story HP

取材で強みと仕事の中身を言葉にする。お客様や求職者に伝わる構成・デザインで制作します。

制作できるものを見る →

すべての制作に共通する、3つのこだわり

SNSの投稿、LINEの紹介、検索から開いた、その小さな画面。
そこで仕事の価値が伝わり、次の一歩を選べるホームページをつくります。

スマホファースト

スマホで見る方が多いことを前提に、文字の読みやすさ、図や写真の見せ方、指で押すボタン、情報の順番を考えます。

知りたいことを読み進め、そのまま相談・予約・申込みへ進めることを大切にします。

SNSとつなぐ

SNSは興味を持ってもらう入口。ホームページは、サービスや実績を詳しく確かめてもらう場所です。

投稿やLINEで紹介するページを選び、訪れた人を次の行動へ案内します。記事や事例をSNSへ展開する運用も一緒に考えます。

AI検索にも伝わる設計

誰に何を提供する事業かを、見出し、サービス説明、よくある質問、実績から読み取れるように整理します。

ページのタイトル・説明文と、運営者やページの情報を機械に伝える構造化データも確認。人にも検索エンジンにも内容が伝わる土台を整えます。

02 どういう制作ができるのか

会社・お店の紹介、採用、サービスの申込み。
伝えたい相手に合わせて、文章とデザインを整えます。

サービスを紹介するランディングページの制作デモ
商品・講座・サービス

LP・漫画・図解

一つのサービスを分かりやすく紹介。写真、漫画、図解も使えます。

LPの制作デモ →

上の画像は制作デモです。制作範囲・機能は、事業の目的に合わせてご相談いただけます。

公開された制作実績を見る →

制作実績


未来クエストのお金とセルフチェックを入口にした改訂プレビューの実画面(2026年11月5日)
学び・セルフチェック / 改訂プレビュー

未来クエスト

お金を学ぶ入口に、16問のセルフチェックを追加。4つの視点で今の行動を振り返り、結果からブログと今日の一歩へ進めます。青・白・金の世界観とPC・スマホ別の画像を揃えた改訂プレビューです。

アレーズルームyの実際のトップページ。白い余白と緑、明朝体の見出しで自分に合う片付けを案内する画面
整理収納 / ホームページリニューアル

アレーズルームy加納ゆきこ/札幌・全国オンライン

エニアグラム9タイプの具体例と図解から、自分に合う片付け方へ。白・緑・明朝体と既存写真を生かし、サロン専用LP、悩み別の案内、69記事のブログをつなぎました。記事のURLを保ち、WordPressとCodexで育てられる構成です。

交流会プロの公開トップページ。深い紺の背景に「出会いを、相談につなぐ。」の言葉、能友良さんの写真と漫画の表紙
コンセプト・発信支援 / ホームページ制作

交流会プロOffice N Support × イケラボ

交流会の出会いから、仕事を知り相談する流れへ。深い紺と本人の表情、漫画・図解で人柄と専門性を伝え、支援内容を案内。本人が書いた言葉とURLを生かす記事デザイン、ブログ一覧、ホームの新着まで、公開後に発信を育てる形にしました。

わたしLIFEの実際のトップページ。寄り添いより子さんの写真と、たった一人で悩む人をゼロにというメッセージ
対話・ノート / ホームページ制作

わたしLIFE寄り添いより子/中村より子

本人の想いを入口に、仕事・子育て・人生の3つの相談先へ。白・水色・ピンクと本人写真、番号とイラストで人柄と活動を伝えます。原点となる著書、お客様の声の個別ページ、ブログもつなぎました。

フォルトゥーナ名古屋の公開トップページ。自然な光と花、女性が集まるメインビジュアルと「好きなことから、人とつながる。」の言葉
地域の教室・交流 / ホームページ制作

フォルトゥーナ名古屋名古屋市守山区・笹ヶ根

名古屋市守山区・笹ヶ根の一軒家を、まず気軽に参加できる場所へ。写真とナチュラルな色で雰囲気を伝え、実際のお部屋、日程を引き継ぐ申込フォーム、管理者通知へ。得意なことで教室を開く相談から、Codexで予定を更新する運用までつなぎました。

セルフ・ダイアログ®の公開トップページ。温かな白と深い赤紫、カードとノートのある場面
オンライン講座 / ホームページリニューアル

セルフ・ダイアログ®

家庭・仕事・学びの身近な場面から、講座の考え方へ。温かな白と深い赤紫、4コマ漫画、感情の流れを示す図解で内容を伝え、講師ごとの紹介と日程相談をつなぐホームページに整えました。

結び葉マルシェの公開トップページ。葉の緑と生成りに主催者の写真と対話の場面を配置
共創コミュニティ / ホームページ制作

結び葉マルシェ

応援する想いを、店舗支援の具体的な実践へ。葉の緑と生成り、人の顔が見えるビジュアルで場の雰囲気を伝え、二人の役割、支援の進め方、参加条件を整理。参加後の行動まで想像できる構成にしました。

窓悩み.comの公開トップページ。青い空と緑の背景、担当者の写真、電話とメールの案内
既存サイト改善 / レスポンシブ対応

窓悩み.comヨネダ商店/窓ガラス・サッシ専門店

青い空と緑の背景、担当者の写真、既存の記事を引き継ぎました。179ページを対象に、画面幅に合わせて表示を調整。スマホで読んで相談先へ進めるよう、今のデザインを活かした改善です。

ブルー・フラワーの公開トップページ。ティファニーブルーと花、暮らしと食卓のメインビジュアル
片づけ・麹料理教室 / ホームページリニューアル

ブルー・フラワー菅原康子

片づけサポート・講座・麹料理教室を、「暮らしに余白を、食卓に楽しみを」の世界観へ。ティファニーブルーと花、PC・スマホ別のメイン画像で雰囲気を伝え、サービスごとの案内とブログをつなぎました。以前の57記事もURLを保って引き継いでいます。

木下ブンセイ出版印刷の公開トップ。しろくまくんと、本・名刺・Tシャツを通してつながる人たち
印刷・出版 / 企業ホームページ

木下ブンセイ出版印刷兵庫県明石市/印刷・製本/カブス出版

しろくまくんと「元気の種」を中心に、印刷・グッズ・紙とデジタル・出版をつなぐサイトへ。明るいオレンジと波形の区切り、4色のサービスカード、本文18pxの読みやすさを組み合わせ、仕事とその背景を伝えました。

山本和美さんの公開トップページ。本人写真、落ち着いたグリーン、白い文章の面と丸みのある形で構成している
AIライティング・PC支援 / ホームページ制作

山本和美わかばITコンサルティング

音楽や教員、PC支援の歩みを残し、今のAIライティングへつながる構成に。落ち着いたグリーンと丸みのある形を生かし、60代の方にも読みやすい文字・配色へ調整しました。旧ブログ79記事と画像405点も新サイトへ引き継いでいます。

井原ちよの公開トップページ。花とノート、明朝体のメッセージ、水色の相談ボタン
AIインタビューライター / ホームページ制作

Chiyo Ihara井原ちよ/ストーリー大阪 運営

想いを聴く仕事と、その原点にある歩みを一つの場所へ。花と白い余白、明朝体、全12ページの漫画で人柄を伝え、ストーリー大阪の取材・ホームページ・AI活用の相談先を整理。PC3列・スマホ2列のブログからも、仕事の案内へつなぎました。

命のおまもりの公開トップページ。春の木と人の輪、仲間を探す入口
地域・コミュニティ / メンバーポータル制作

命のおまもり地域の人と活動をつなぐメンバーポータル

子どもを想う人と地域の活動をつなぐ場所へ。春の色と丸み、人を主役にした地域検索、イベントとレポートの連動を設計。記事なしのプロフィール登録と在籍名簿、Codex・管理画面からの更新まで、公開後に育てる仕組みを整えました。

コウノトリ企画の公開トップページ。淡いピンクの吹き出し、大きな見出し、コウノトリと親子のイラスト
教育・健康支援 / 企業サイトのリニューアル

コウノトリ企画合同会社コウノトリ企画/堂福はる

教育・健康支援とWeb・広報支援を、ふたつの入口へ。コウノトリのキャラクターと淡いパステルカラー、本文18pxの読みやすさを合わせ、講演実績・ブログ・書籍・読者の声から相談へ進める企業サイトに整えました。

唐橋まちづくりの会のトップページの実際のスクリーンショット(2026年10月21日)
まちづくり / 参加型の地域サイト

唐橋まちづくりの会

白い余白とまちの線画に、人や活動の物語を。お店・イベントを短いフォームから届け、会で確かめて掲載。ログイン限定マニュアルと取材ガイドまで、みんなで育てる地域サイトを制作しました。

AKEBONO BOOKSのトップページのスクリーンショット。一冊から始まった私の新しい挑戦という見出しと、あきやましずえさんのイラスト
Kindle出版・対話 / ホームページ制作

AKEBONO BOOKSあきやましずえ

ご自身の初出版から、誰かの本づくりへ。仕事の想いを伝えたい方と、60歳からのこれからを考える方へ案内しました。白い余白とミモザ、やわらかなイラスト、挑戦の記録で、人柄と活動の出発点を伝えています。

愛モール「ひととなり」の現在のトップページ(2026年10月29日撮影)
ポータルサイト・運営システム

愛モール「ひととなり」

制作費11万円(税込)。店舗登録、商品・カート、担当別の管理画面と権限、操作マニュアルまで搭載。取材の事前フォームとCodexによる制作・更新支援をつなぎ、運営を続ける仕組みごと設計しました。

話美人アカデミー徳田真由美のトップページのスクリーンショット
話し方講座 / 教室のホームページ

話美人アカデミー徳田真由美

写真が主役の余白と、ブラウン・ゴールドの上品なデザイン。徳田さんの写真をもとに、文字も一緒に生成したトップ画像とスマホ専用の構図を制作しました。受講生の声は文章から動画へ進める形に整え、講座・ラジオ・ブログをつないでいます。

Bikky船曳寿華のトップページのスクリーンショット
AIインタビューライター / ホームページ制作

Bikky船曳寿華

白い余白と明るい青に、Bikkyさんらしい写真とイラスト。ご自身のAIへの挑戦を伝えながら、依頼できるサービスと、これから育てるブログへつながるホームページを制作しました。

マーケティングオフィスKMP高木佑介のトップページのスクリーンショット
マーケティング・AI支援 / リニューアル

マーケティングオフィスKMP高木佑介

マーケティング×AIを主軸に、4つの相談領域と選ぶ理由を整理。本人の歩みとPC・スマホ別の図解、AI本への入口をつなぎ、過去のブログを活かして事例を積み重ねられるサイトへ整えました。

えみワークス細谷恵美子のトップページのスクリーンショット
AIインタビューライター / ホームページ制作

えみワークス細谷恵美子

インタビューから自己紹介ページをつくる仕事を、最初に伝える構成へ。白い余白と淡いグリーン・ピンク、本人の写真と漫画で人柄を伝え、実績とお客様の声を探せる一覧・詳細、スマホ専用の図解まで整えました。

道楽屋山藤あやのトップページのスクリーンショット
訪問ケア・鑑定・AI支援 / ホームページ制作

道楽屋山藤あや

参考のターコイズを、淡い背景と深い色のボタンへ。縦長の施術写真、4つの独立したサービスページ、24ページの漫画で、山藤あやさんの仕事と人柄を伝えます。ブログやお客様の声を、これから足していけるWordPressサイトです。

Mau LoaHoalohaEmi Hawaiiのトップページのスクリーンショット
ハワイ・コミュニティ / リニューアル

Mau Loa HoalohaEmi Hawaii

ハワイらしい雰囲気と過去の記事を活かし、歌・Podcast・YouTubeと仲間の活動へつながる入口を整理。メイン画像の見せ方とスマホメニューも整えました。

公開したら、集客の実践へ

SNSで知ってもらい、ホームページで仕事や実績を確かめてもらう。お客様の声を記事に残し、次の発信にも使う。AI仕組みラボで、その流れを自分の商売に取り入れます。

  1. 01 伝える材料を集める

    写真と、短い話から。

    今日の仕事、お客様の感想、よくある質問。伝えたいことをAIと整理します。

  2. 02 記事・SNSへ

    発信の準備をAIに。

    ブログ、お客様の声、事例、SNSの下書きを作成。本人が事実と掲載内容を確認して届けます。

  3. 03 ホームページへ

    詳しく知り、相談へ。

    投稿から、その内容に合う記事やサービスページへ。料金・実績・相談先を確認できるようにします。

  4. 04 数字を見て改善

    次に直す所を決める。

    AnalyticsとSearch Consoleで読まれ方を確認。AIの改善案から選び、承認した内容を反映します。

ホームページ管理プランには、AI仕組みラボの参加が含まれます。イケラボスキルを使い、発信や更新を自分で続ける方法を、仲間と相談しながら試せます。

アクセス解析には計測設定とデータが必要です。制作・投稿・専属分析の代行は別契約。ツール接続と公開前の本人確認を行います。

料金と関わり方

ホームページ制作は初期費用11万円〜(税込)

AI仕組みラボ・Ikelabo Skillsと連動した、継続運用がセットです。

制作内容と料金の詳細 →
ホームページ管理+AI仕組みラボ
通常 月額16,500円(税込・税別15,000円)

紹介割引:月額11,000円(税込)

ホームページ管理と、AI仕組みラボの実践会・相談環境がセット。Ikelabo Skillsを使い、自分で発信・更新を続けます。

AIライター運営代行
月額33,000円〜(税込)

担当ライターによって料金が異なります。ホームページ管理+AI仕組みラボに加え、記事制作・投稿も代行します。

月額プランは1年間の継続が条件です。制作のみの依頼はお受けしていません。Codex・OpenAI・広告など外部サービスの利用料は別途。対応範囲は契約前に確認します。

2つの運用プランを詳しく見る →

まずは、今の事業の話から

「集客の発信が続かない」「採用ページを整えたい」。
今のホームページや困りごとを見ながら、必要な制作と続け方を整理します。

詳しい診断・制作が必要な場合は、内容と費用をご案内してから進めます。