企画と要件整理
ターゲット、検索意図、成果地点を整理し、制作物の目的を明確にします。
AI Assisted Marketing
企画、制作、分析、改善までを小さく回すポートフォリオ。
AIエージェントを活用しながら、Web制作、SEO記事設計、マーケティング分析、自動化に取り組んでいます。 このサイトでは、業種別のHP・LPサンプルを実際に制作し、自作のSite Analyzer（分析ツールのデモ）で改善の考え方も示しています。
目指している役割
単にページを作るだけではなく、誰に向けて、何を届け、どの数字を見て改善するのかまで考えられるマーケターを目指しています。 AIは作業の代行ではなく、調査、仮説出し、実装、レビューを速く回すための開発パートナーとして使っています。
Web制作と実装
Next.js、HTML/CSS、Markdownを使い、検証しやすい小さなWebサイトを作ります。
分析と改善
SEO、流入、導線、CTAを確認し、改善案と実施ログを残します。
制作物
業種別のHP・LPサンプル、分析ツールのデモ、アフィリエイトサイトを題材に、制作とマーケティング改善をつなげる練習をしています。
業種別 HP / LPサンプル
和菓子・飲食・美容室・建築・ダイビング・ピアノ教室の6業種で、HP（回遊型）とLP（1ゴール型）を制作。PC・スマホ両対応の実物を公開しています。
- HTML / CSS / JS（共通化済み）
- 6業種 × HP・LP = 12ページ
- 業種ごとに配色・世界観を設計
Site Analyzer
Webサイトの状態をマーケティング視点で整理する分析UIの試作。表示している数値は架空のサンプルデータで、実データ連携は次フェーズです。
- KPIカードと改善提案
- SEO / CTA / 内部リンク分析
- ※ 現在は架空データのデモ
Product Ranking Site
商品ランキング型サイト。カテゴリ、ランキング、保存機能、記事導線など、購入前ユーザー向けの導線設計を検証しています。
- Next.js / React
- カテゴリ別ページ設計
- 商品比較とランキングUI
業種別 制作サンプル
実際の制作イメージを伝えるための、業種別のHP・LPサンプルです（すべて架空の店舗）。 各サンプルはPC・スマホ両対応で、ホームページ（回遊型）とランディングページ（1ゴール集中型）をセットで用意しています。
季の音 ―kinone―
モダン和（白地×濃紺/抹茶）。季節の生菓子を主役にした、若年層にも届く和菓子店サイト。
- HP：季節のおすすめ・商品・物語・店舗
- LP：季節ギフトの注文（1ゴール）
炭火ダイニング 灯 -AKARI-
暗色×琥珀の大人ダイニング。炭火と日本酒の世界観で、コース予約につなげる構成。
- HP：お品書き・コース料金・店舗
- LP：記念日コースの予約（1ゴール）
hair salon muke
明るいベージュ×くすみピンク。料金・スタイリスト・スタイル集を備えたサロンサイト。
- HP：メニュー料金・スタイリスト・店舗
- LP：初回20%OFFクーポン（1ゴール）
SUMI 設計
モノトーン・ミニマル。素材と光を生かした内装デザインと設計施工。施工事例ギャラリー型。
- HP：事業内容・施工事例・進め方・会社情報
- LP：無料相談の申し込み（1ゴール）
BLUE DRIFT
海の青を生かした明るい開放感。体験ダイビング・ライセンス・ファンダイブを案内するショップサイト。
- HP：メニュー・選ばれる理由・海の写真・店舗
- LP：体験ダイビングの予約（1ゴール）
おとの森 ピアノ教室
コーラル×クリームの明るくやわらかなトーン。個人教室向けの、無料体験につなげる集客サイト。
- HP：教室紹介・コース料金・講師・教室の様子
- LP：無料体験レッスンの申込（1ゴール）
※ 業種は今後も順次追加していきます。
Site Analyzer（分析ツールのデモ）
自作の分析ツールのデモです。SEO、内部リンク、CTA、ページ速度などをマーケティング視点で整理し、「次に直す場所」を可視化します。 表示している数値はすべて架空のサンプルデータで、実データ連携（Analytics / Search Console）は次フェーズです。
どんな分析をするか
Webサイトを「作って終わり」にせず、数字を見て改善する流れを示すためのツールです。 記事数、検索意図、内部リンク、CTA、ページ速度といった観点でスコア化し、改善アクションに落とし込みます。
- 分析観点: SEO、内部リンク、CTA、記事構成、速度
- 出力: スコア＋改善アクションの一覧
- 用途: 制作物の改善方針を決める
- 次の実装: Search ConsoleとAnalyticsの実データ連携
※ 下のスコア・表は説明用の架空データです。
Site Analyzer（サンプル）
SEO / Content / CTA Review
総合スコア
71
公開記事
3
想定KW
10
改善案
4
| 項目 | 状態 | 改善アクション |
|---|---|---|
| 記事数 | 初期達成 | 3本目の記事を追加済み。次は週1本ペースでテーマを広げる。 |
| 内部リンク | 改善済み | 関連記事リンクを追加済み。次はカテゴリ別導線を作る。 |
| CTA導線 | 改善済み | 記事下CTAを追加済み。次は商品比較表のクリック導線を検証する。 |
| ページ速度 | 良好 | 画像追加時にサイズと表示速度を継続確認する。 |
今後の流れ
まずは仮説ベースの分析画面を作り、その後に計測ツールを入れて実データへ置き換えます。 最終的には、改善前後の変化をWantedly、note、ポートフォリオにまとめます。
ポートフォリオの母艦化
制作物一覧、分析プロジェクト、改善ログを見せられる構成にする。
業種別サンプルの拡充
業種を順次追加し、写真を本番想定の素材に差し替えて完成度を上げる。
Site Analyzerの実データ化
架空データから、AnalyticsやSearch Consoleの実データに置き換える。
改善ログの公開
実施した改善、狙い、確認する数字、学びを短く記録して公開する。