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


人柄も、専門性も、活動の広がりも。
一つひとつの事業に合わせて、伝わる形をつくります。

実際のサイトと、そこに込めた設計の理由から、
あなたの仕事に近い事例を見つけてください。

ストーリーHPプロジェクトの制作実績を紹介するビジュアル実際の公開サイトと、こだわりポイントを紹介しています。
01仕事らしさを見る

写真・色・言葉に、その人の仕事がどう表れているか。

02伝え方を知る

何を先に伝え、どこへ案内するか。設計の理由まで。

03公開後を想像する

記事・事例・お客様の声を、これからどう育てるか。

あなたの仕事に近い事例から

分野を選んだり、名前・業種で探したり。
「こだわりポイント」では、制作の背景と工夫を読めます。

未来クエストのお金とセルフチェックを入口にした改訂プレビューの実画面(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インタビューライター / ホームページ制作

えみワークス細谷恵美子

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

河内長野特集ストーリー大阪のトップページのスクリーンショット地域特集 / 情報を探せる拠点づくり

河内長野特集ストーリー大阪

まちの投稿を、日付や興味から探せる場所へ。催し名・時間・会場が分かるカレンダーと、個別の案内への直リンク。発信者の写真や、過去の活動も残す地域特集です。

結日(MUSUBI)南川慶子のトップページのスクリーンショットインタビュー・暮らし / ホームページ制作

結日(MUSUBI)南川慶子

自然光の本人写真と、生成り・深緑・結びの赤。幅広い活動を人柄でつなぎ、相談文コピーとWordPressブログで、相談と発信の入口を整えました。

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

道楽屋山藤あや

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

ウェルカムキャットしもまゆ(下川真由美)のトップページのスクリーンショットnote・発信支援 / リニューアル

ウェルカムキャットしもまゆ(下川真由美)

昔の会社案内から、今の支援が伝わるサイトへ。サービス・事例・お客様の声をサイト内で読み、noteの新着とマガジン別の記事を探せるようにしました。

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

Mau Loa HoalohaEmi Hawaii

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

楽読京都駅前スクールのトップページのスクリーンショット速読教室 / WordPressリニューアル

楽読京都駅前スクール

元の写真と色づかいを活かし、体験の流れを図解で紹介。過去79記事を引き継ぎ、ブログと受講生の声を整理し、教室を知る入口と更新の仕組みを整えました。

ひとりでできるKindle出版のトップページのスクリーンショット出版講座・コミュニティ / サイト改善

ひとりでできるKindle出版

「私にも書けそう」と思えるコピーと、実際の書籍・受講生の声。無料勉強会から学びや仲間につながる入口まで、参加する人の目線で整えました。

遊客スタイルのトップページのスクリーンショットコミュニティ / 人とイベントをつなぐ

遊客スタイル

メンバーの人柄を伝えるストーリー紹介と、全国のマルシェを探せる一覧・カレンダー。主催者の想い、写真や動画、過去のレポートまでつなぎ、会いに行くきっかけを育てるサイトです。

わたなべ接骨院巻き爪・外反母趾研究所のトップページのスクリーンショット接骨院・足のケア / リニューアル

わたなべ接骨院巻き爪・外反母趾研究所

身体と足・爪の悩みから選べる二つの相談窓口。院長の写真、直筆アンケート、漫画を活かし、人柄と相談の流れが伝わるサイトへ整えました。

メントレ/矢田裕基のトップページのスクリーンショット企業 / プロフィールストーリー

メントレ/矢田裕基

株式会社メントレプレナージャパンの事業内容を整理し、本人の自己紹介原稿をプロフィールストーリーへ編集。トップから経歴・実績・相談までつないだ企業サイトです。

イケラボのトップページのスクリーンショット企業 / 共創コミュニティ

イケラボ

AI・ストーリー・仕組み・人脈を軸に、仲間と新しいビジネスを企画し動かす共創プラットフォームの公式サイト。

実際のサイトを見る
AI店舗集客のトップページのスクリーンショット店舗の集客・発信支援

AI店舗集客

店舗経営者向けに、AIを活用した集客・発信・導線づくりを伝えるプロジェクトサイト。

実際のサイトを見る
Re:Connect Style(リコスタ)のトップページのスクリーンショット名刺・紹介の入口づくり

Re:Connect Style(リコスタ)

紙の名刺とデジタルカード、ミニホームページを組み合わせ、名刺交換を相談や紹介につなげる導線として設計したサイト。

実際のサイトを見る
ストーリー東京のトップページのスクリーンショット地域 / ストーリーポータル

ストーリー東京

東京で活動する経営者の想いやストーリーを届ける、地域密着型のビジネスポータルサイト。

実際のサイトを見る
着物スタイル研究所のトップページのスクリーンショット着物 / 専門サービス

着物スタイル研究所

骨格着付けを軸に、着物を通して一人ひとりの魅力を引き出す活動を紹介する専門サイト。

実際のサイトを見る
ブランディングLABO支部のトップページのスクリーンショット学び / コミュニティ

「〇〇と言えばあなた」を育てるための月例会・実践勉強会を案内するオンライン交流会サイト。

実際のサイトを見る
神戸・大阪の謎解き探検隊のトップページのスクリーンショット趣味 / イベントメディア

神戸・大阪の謎解き探検隊

関西の謎解き体験や人狼会の記録を、仲間が増える趣味メディアとして届けるサイト。

実際のサイトを見る
みらい相談室のトップページのスクリーンショットFP / 認知症・相続相談

みらい相談室

認知症による資産凍結、相続、家族のお金の不安を、AIを活用するFPが整理し専門家チームへつなぐ相談サイト。

実際のサイトを見る
HPで読ませる漫画導線のトップページのスクリーンショット漫画 / サービス紹介

HPで読ませる漫画導線

AIライター募集の内容を、縦読み漫画と横めくり漫画の2パターンで制作。ホームページ内で読ませながら、共感、理解、相談への流れを作った実績です。

Industry demos

実績ではなく、
「作れる形」を見たい方へ。

業種別の制作デモを公開しています。美容室、飲食店、不動産、建築など。見せ方の幅を、実物でご覧いただけます。

業種別デモサイトを見る

気になった制作事例をきっかけに

「自分の商売なら?」を、1on1で。

今のホームページや発信の悩みを、池田(いけちゃん)と一緒に整理しませんか。まだ依頼内容が決まっていなくても、お話しいただけます。

  • どのお客様に、何を伝えるページにするか
  • 発信から相談・予約へ、どうつなぐか
  • AI仕組みラボを、自分の商売でどう活かすか

Zoom・30分の1on1です。ご都合のよい日程をお選びください。

ホームページ制作 / 運営システム

伝わるデザインも、運営の仕組みも。

会社やお店の魅力を伝えるページから、登録フォーム、管理画面、更新マニュアルまで。必要な機能を一緒に整理し、公開後の使いやすさまで考えて制作します。

  • ホームページ
  • 店舗・会員登録
  • 商品管理
  • 管理画面
  • マニュアル

ホームページ制作費

11万円〜

税込・初期制作費

制作範囲・機能・規模に応じてお見積もりします。

制作内容と料金を見る →

公開後の管理・サポートは、別途月額プランが必要です。ホームページ管理+AI仕組みラボは通常月額16,500円(税込)、紹介割引で月額11,000円(税込)。月額プランは1年間継続で、Codexなど外部ツールの利用料は別途です。

記事制作・投稿も任せるAIライター運営代行は、月額33,000円〜(税込)。担当者によって料金・対応範囲が異なります。

公開後の運用プランを確認する →