企画と要件整理
ターゲット、検索意図、成果地点を整理し、制作物の目的を明確にします。
AI Assisted Marketing
企画、制作、分析、改善までを小さく回すポートフォリオ。
AIエージェントを活用しながら、Web制作、SEO記事設計、マーケティング分析、自動化に取り組んでいます。 このサイトでは、Wellness Blogを制作し、Site Analyzerで課題を可視化して改善する流れを記録します。
目指している役割
単にページを作るだけではなく、誰に向けて、何を届け、どの数字を見て改善するのかまで考えられるマーケターを目指しています。 AIは作業の代行ではなく、調査、仮説出し、実装、レビューを速く回すための開発パートナーとして使っています。
Web制作と実装
Next.js、HTML/CSS、Markdownを使い、検証しやすい小さなWebサイトを作ります。
分析と改善
SEO、流入、導線、CTAを確認し、改善案と実施ログを残します。
制作物
現在は、SEOメディア、分析ダッシュボード、アフィリエイトサイトを題材に、制作とマーケティング改善をつなげる練習をしています。
Wellness Blog
睡眠、疲労対策、セルフケアをテーマにしたSEOブログ。記事追加、内部リンク、記事下CTAを実装し、改善ログ化できる状態にしました。
- Next.js / TypeScript / Markdown
- SEO記事3本と悩み別導線
- 関連記事リンクとCTAを追加
Site Analyzer
Webサイトの状態をマーケティング視点で整理する分析UI。Wellness Blogの課題を可視化する用途で改善中です。
- 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ゴール）
※ 業種は今後も順次追加していきます。
Wellness Blog 改善プロジェクト
自分で作ったWellness Blogを、自分で作ったSite Analyzerで分析するプロジェクトです。 Phase 1では仮説データを使い、どの指標を見て、どんな改善につなげるかを設計しています。
制作から改善までの流れ
Wellness Blogは、SEO流入を狙ったウェルネス系メディアとして制作しています。 Site Analyzerでは、記事数、検索意図、内部リンク、CTA、ページ速度を見て、次に直す場所を明確にします。
- 対象読者: 睡眠や疲労対策グッズを探している人
- 目的: 検索流入から記事閲覧、商品比較への導線を作る
- 分析観点: SEO、内部リンク、CTA、記事構成、速度
- 次の実装: Search ConsoleとAnalyticsの導入
Site Analyzer: Wellness Blog
SEO / Content / CTA Review
総合スコア
71
公開記事
3
想定KW
10
改善案
4
| 項目 | 状態 | 改善アクション |
|---|---|---|
| 記事数 | 初期達成 | 3本目の記事を追加済み。次は週1本ペースでテーマを広げる。 |
| 内部リンク | 改善済み | 関連記事リンクを追加済み。次はカテゴリ別導線を作る。 |
| CTA導線 | 改善済み | 記事下CTAを追加済み。次は商品比較表のクリック導線を検証する。 |
| ページ速度 | 良好 | 画像追加時にサイズと表示速度を継続確認する。 |
今後の流れ
まずは仮説ベースの分析画面を作り、その後に計測ツールを入れて実データへ置き換えます。 最終的には、改善前後の変化をWantedly、note、ポートフォリオにまとめます。
ポートフォリオの母艦化
制作物一覧、分析プロジェクト、改善ログを見せられる構成にする。
Wellness Blogの整備
記事を増やし、タイトル、説明文、内部リンク、商品導線を整理する。
Site Analyzerのデータ更新
仮説データから、AnalyticsやSearch Consoleの実データに置き換える。
改善ログの公開
実施した改善、狙い、確認する数字、学びを短く記録して公開する。