
【改訂版|βテスト記録 vol.03 】初心者向けWebサイト制作|テスターのみなさんへの個別報告
※この記事は、2026年9月5日にβテスターのみなさんへ限定共有した記事を、掲載許可をいただいたうえで公開用に編集したものです。
当時の制作状況や考えていたことを残すため、現在とは異なる内容も制作過程の記録として掲載しています。
公開にあたり、掲載許可をいただいた内容のみを残し、公開に適さない個別のやり取りは削除しています。
初心者向けWebサイト制作のβテストにご協力いただき、ありがとうございます。
以下は、当時テスターのみなさんへお伝えした個別報告です。
今までは、全体的な構成を完成させる作業でした。
今後は、個々の対応になります。
テスターの皆さま全員に読んで頂きたいので、お願いいたします😊🙏
① sophieさんへ
sophieさんへ
これまで、初心者向けWebサイト制作のβテストにお付き合いいただき、本当にありがとうございます😊
最初にサイトについてお話を伺ったところから、少しずつ設計を重ね、Heroについても何度も一緒に確認していただきました。
そして先日、
「相棒がちゃんとHeroの風景の中にいてくれる」
と言っていただけたところまで来て、sophieさんのサイトの「玄関」がようやく確定しました🌼📷
ここから、制作は次の段階へ進みます。
🌼 いよいよ「完成させて、お渡しする」工程へ
これまでは、
「初心者でも自分のサイトを持てる仕組みにできるのか?」
を考えながら、設計や技術面の検証を重ねてきました。
ここからは実際に、
サイトを完成させる
↓
Web上で公開する
↓
スマートフォンやPCで確認する
↓
ご本人にも実際に使っていただく
↓
必要な修正をする
↓
完成したサイトをお渡しする
ところまで進めます。
そして今回、その「完成からお渡しまで」を最初に通してみるサイトとして、sophieさんのサイトから取り組ませていただくことにしました😊
📷 サイトは「作品の大玄関」に
sophieさんのサイトには、すべての作品を詰め込むのではなく、
写真作品や生成AI作品をいくつかご紹介し、そこからもっと作品を見たい方がnoteへ進める形を考えています。
サイトそのものを巨大な作品倉庫にするのではなく、
「ここからsophieさんの作品世界へ入れます」
と伝える大玄関です。
Heroにいる「相棒のカメラ」から写真作品へ。
そこから生成AIで広がる作品世界へ。
さらに作品の背景にある言葉やsophieさん自身へつながり、最後はもう一度タンポポへ🌼
そんな一本の道として、サイト全体を仕上げていく予定です。
🔧 難しい作業をお願いすることはありません
今回のβテストは、Web制作に詳しい方だけが使える仕組みを作ることが目的ではありません。
そのため、コードを書いたり、制作に使っている技術やサービスを覚えていただいたりすることを前提にはしていません。
必要なところはこちらで準備し、
ご本人にしか決められないことだけ、お聞きする。
そんな進め方にしたいと思っています。
これからお願いすることがあるとすれば、
「この作品をサイトに載せたい」
「この表現は自分らしい」
「ここはちょっと違うかも」
というような、sophieさんだからこそ分かる部分です😊
🌼 ここから、完成へ
長くお付き合いいただいているβテストですが、ようやく「作れるかどうか」を確かめるところから、
「完成したサイトとして、本当にお渡しできるか」
を確かめるところまで来ました。
実際にお渡しして使っていただくことで初めて見つかる「初心者にはここが分かりにくい」も、きっとあると思います。
それも含めて、今回のβテストで大切に拾っていきたいと思っています。
引き続き、少しだけお付き合いいただけたら嬉しいです😊
そしてまずは、sophieさんのサイト。
ちゃんと完成まで連れていきます🌼📷✨
② あんさんへ
あんさんへ。
初心者向けWebサイト制作のβテストに、長くお付き合いいただきありがとうございます😊
最初にお話を伺ったところから、サイト全体の世界観や構成を少しずつ整理し、Heroも確定しました。
あんさんのサイトは、「作って終わり」ではなく、その先も大切にしたいサイトです。
だからこそ、ここからはいよいよ、
完成させて、実際に使える状態にする工程
へ進んでいきます。
🌊 あんさんのサイトは「育てられるサイト」へ
あんさんとは、サイト完成後についてもお話してきました。
完成したものをただ受け取るだけではなく、
「ここを変えてみたい」
「自分で少し触ってみたい」
と思ったとき、その可能性まで閉じない形にしたいと考えています。
もちろん、最初から難しい操作を覚えていただくわけではありません😊
まずはきちんと完成したサイトをお渡しすること。
そのうえで、必要になったときに少しずつ次へ進める道も残しておく。
そんな形を目指します。
🔧 ここから行うこと
これから、
サイト全体を完成
↓
実際にWeb上へ公開
↓
スマートフォン・PCで確認
↓
あんさんご本人にも確認していただく
↓
必要な修正
↓
完成したサイトをお渡し
という工程を進めます。
制作途中で確認をお願いすることもありますが、技術的な作業を丸ごとお願いすることはありません。
あんさんにしか分からない、
「これは自分らしい」
「ここは違う」
という部分を中心に、一緒に確認していただけたらと思っています。
🌊 「作った後」まで確かめます
今回のβテストでは、サイトが表示されたら終了、とは考えていません。
完成したサイトを受け取った人が、
そのあと困らずに使えるのか。
そして、自分で育ててみたくなったときに、ちゃんと次へ進めるのか。
そこまで確かめて初めて、この初心者向けサイト制作の仕組みが完成すると思っています。
あんさんのサイトでは、その「完成後」の部分についても、一緒に確かめさせてください😊
まずは完成まで。
引き続き、よろしくお願いします🌊✨
③ まなつちゃんへ
まなつちゃんへ。
初心者向けWebサイト制作のβテストに参加してくれて、本当にありがとう😊
これまで一緒に確認してきたHeroも確定し、サイトで何を届けたいのかも少しずつ形になってきました。
ここから制作は、
「どんなサイトにする?」を考える段階から、「完成させて実際にお渡しする」段階
へ進みます。
🐯 AIを使わなくても使えるサイトに
今回のβテストで、まなつちゃんに参加してもらえたことには、とても大きな意味があると思っています。
この仕組みは、
AIを使える人だけがサイトを持てる
ものにはしたくありません。
制作する側ではAIやいろいろな技術を使っていますが、完成したサイトを使う人まで、それらを覚えなければならない仕組みにはしないつもりです。
まなつちゃんには、これまで通り、
「こうしたい」
「これは違う」
「こっちが好き」
を教えてもらえれば大丈夫です😊
📚 サイトは活動への「大玄関」
まなつちゃんのサイトでは、メンバーシップや有料記事、記事のご依頼など、いくつかの活動への入口があります。
それらを全部サイトの中へ移すのではなく、
初めて来た人が迷わず、それぞれの場所へ行ける大玄関
として整えていきます。
noteで育っていくものは、これまで通りnoteで。
サイトは、その全体を分かりやすく案内する場所。
この役割分担を大切にしたいと思っています。
🔧 ここから行うこと
これから、
サイト全体を完成
↓
Web上で公開
↓
スマートフォン・PCで確認
↓
まなつちゃんにも実際に見てもらう
↓
必要な修正
↓
完成したサイトをお渡し
まで進めます。
途中で必要な確認があれば、こちらから少しずつお聞きします。
一度に大量の準備をお願いすることはしません😊
🌱 完成した後も困らないように
今回確かめたいのは、
サイトを作れるか
だけではありません。
完成したあと、Web制作やAIに詳しくない人でも困らず使えるのか。
何か変更したくなったとき、どうすればいいのか分かるのか。
そこまで含めて確認したいと思っています。
だからこそ、まなつちゃんから見て、
「これ、分からないよ」
というところがあったら、それも大切なβテストの結果です。
遠慮なく教えてください😊
ここから、ちゃんと完成まで進めていきます。
引き続きよろしくお願いします🐯✨
④ あいさんへ
あいさんへ。
初心者向けWebサイト制作のβテストにお付き合いいただき、本当にありがとうございます😊
先日はHeroをご確認いただき、
「Iカウンセリングルーム」が看板として伝わり、その下に資格・理念・どんな場所なのかが自然につながっている
というお返事をいただけたことで、Heroを正式に確定することができました。
ありがとうございます🌿
ここからは、サイト全体を完成させ、実際にお渡しできる状態へ進めていきます。
🌿 Iカウンセリングルームの「大玄関」として
今回のサイトでは、情報をたくさん並べることよりも、
初めて訪れた方が、
「ここはどんな場所なんだろう」
「自分の悩みについて相談できるだろうか」
「どんな支援を受けられるんだろう」
と迷ったときに、必要な場所へ安心して進めることを大切にしています。
そのため、
Iカウンセリングルームについて
支援で大切にしていること
資格・経歴
相談できること
カウンセリングの方法
これまでの活動
お問い合わせ
などを、初めて訪れる方にも分かりやすい順番に整えていきます。
また、noteの記事やアプリなどについても、必要な方がそれぞれの入口へ進める形を考えています。
🔧 ここから行うこと
これから、
サイト全体の情報整理
↓
実装
↓
Web上での公開
↓
スマートフォン・PCで確認
↓
あいさんご本人にも確認していただく
↓
必要な修正
↓
完成したサイトをお渡し
という工程へ進みます。
専門的な内容については、こちらだけで判断せず、必要な箇所をその都度確認させてください。
一方で、Web制作の技術的な部分まで覚えていただく必要はありません😊
🌿 安心して入れる玄関を目指して
カウンセリングを探してサイトを訪れる方の中には、すでに何かに困っていたり、不安を抱えていたりする方もいると思います。
だからこそ、
「どこを押せばいいのか分からない」
「何を読めばいいのか分からない」
というサイトにはしたくありません。
情報量だけではなく、
迷わず歩けること
も含めて、完成まで確認していきたいと思っています。
Heroはこれで確定です。
ここから先は、確定したものを大切に動かさず、サイト全体を一つずつ完成へ進めていきます🌿
引き続き、よろしくお願いいたします😊
💠 テスターの皆さんへ
ここまで一緒に進んでくださって、本当にありがとうございます😊
皆さんにお願いしているサイトは、それぞれ目的も、届けたい相手も、使い方も違います。
だからこそ今回のβテストでは、ひとつのサイトを作るだけでは見つけられなかったことを、たくさん見つけることができました。
そして、いよいよここからは、
「作れるかどうか」を確かめる段階から、
「完成したものを、本当にお渡しして使っていただけるか」を確かめる段階へ。
順番に、一つずつ進めていきます。
完成までの早さも、確認をお願いするタイミングも、それぞれ違ってくると思います。
少しお待ちいただくこともあるかもしれませんが、誰かのサイトで見つかった「ここは分かりにくい」「こうした方が使いやすい」という気づきは、次の方のサイトにもきちんと生かしていきます。
そして完成したあとも、
「これ、どうしたらいい?」
「ここが分からない」
があれば、ぜひ教えてください。
それも、このβテストで見つけたい大切な答えのひとつです😊
皆さんそれぞれのサイトを、それぞれの形で、ちゃんと完成まで連れていきます。
もう少しだけ、お付き合いください🌱
引き続き、よろしくお願いいたします🙏✨