本文へ移動

Webディレクター／デザイナー／フロントエンドエンジニア。デザインチーム リーダー

川添 初貴 Hatutaka Kawazoe

デザインから実装・公開・計測改善まで一貫して担い、チームの制作も支えるWeb制作者です。

Web制作歴9年以上。現在は5名のデザインチームと10名以上の外注を率い、広告用記事LP・HP・LPの制作と改善を担当しています。

  • 9年以上

    個人

    Web制作の経験（2017年5月〜）

  • 4.7秒→1.1秒

    個人

    自社コーポレートサイトの全ページ再コーディングと高速化で、TOPの表示速度を短縮

  • 110%

    チーム

    リーダーとして率いた12ヶ月の制作目標達成率（592本／539本、12ヶ月中11ヶ月達成）

制作実績Works

すべて見る
自社コーポレートサイトのゲーム開発ページ（PC表示） 自社コーポレートサイトのTOP（スマホ表示）
主要ページのデザインは社内デザイナー。ヘッダー・メニュー・フッター、404・サンクスページ、スマホ表示のデザインと、実装・公開・高速化を担当

実装と公開・高速化2023

自社コーポレートサイト リニューアル

TOP表示速度4.7秒→1.1秒（個人）。リニューアル後の採用問い合わせ約4倍、滞在率約5倍（チームでのリニューアルの成果）

詳しく見る
記事LPの検証の流れ。見た目の作り込みを下げた別バージョンとのABテストでは明確な差が出なかったが、FVエリアの離脱率は別バージョンの方が低かった。アクセスの97%がWindows、購入層は50代以上の男性という分析から、きれいなデザインより見慣れたデザインの方が読み進められると仮説を立て、PCのニュースサイト風レイアウトを制作。稼働2週間時点（2024年11月）で、改善前と比べCTR約1.3倍、FVエリアの離脱率は約半分（52%減）。

計測に基づく改善2024

記事LPのPC表示最適化（ABテストからの仮説検証）

稼働2週間時点（2024年11月）で、改善前と比べCTR約1.3倍、FVエリアの離脱率は約半分（52%減）になった。2026年にはニュースサイト風・情報サイト風の「記事らしく見せない」デザインを提案・検証し、チームの主流になった。

詳しく見る
記事LP・LP制作の工程の前後。記事のHTML化は1本約14時間から、ウィジェットのテンプレート化で14時間→10時間（約30%減）。記事内ウィジェットのコーディングは、Figmaのデータからのコーディングの一部自動化で、ゼロから作るより20〜30%減。画像の保存・リネームの手作業は自動化で約90%減（HTML化全体で15〜20%減）。自分1人に集中していたLPのコーディングは、生成AIを使ったLP制作の進め方を共有し、メンバー1名が診断型LPをデザインからコーディングまで一貫して担当。

運用・仕組み化＋チーム2026

記事LP・LP制作の型化と自動化（メンバーが一貫して担当できる体制へ）

記事HTML化14時間→10時間（約30%減、2026年3月）。Figmaのデータから記事内ウィジェットのコーディングを一部自動化し、ゼロから作るより20〜30%減（4月）。画像の保存・リネームの手作業を約90%減、HTML化全体で15〜20%減（6月）。8〜9月にはメンバー1名が生成AIを使い、診断型LPをデザインからコーディングまで一貫して担当した。

詳しく見る

すべて見る

強み

  1. 横断して完結できる

    デザイン（Figma）、HTML/CSS/JS、WordPress・記事LP用CMS、ドメイン・サーバー・SSL・メール、GTM/GA4、決済連携まで、依頼から公開・計測までを一人で運べます。

  2. 数値で改善する

    ABテスト、ヒートマップ、GA4のイベント設計で仮説を検証し、CTR約1.3倍、FV離脱率52%減、CPA約1/3への低下（広告運用担当との共同成果）などの結果を出してきました。

  3. 仕組みにして、チームで回せる形にする

    コーディングレギュレーション、テンプレート、スプレッドシートの自動化、生成AIへの指示書と検収の分業で制作工数を20〜50%削減。リーダーとして品質の最終判断・外注管理・新卒育成も担い、12ヶ月の制作目標達成率110%を実現しました。

自作ツールTools

すべて見る

業務で困ったことを、小さなツールにして解決してきました。生成AIには仕様と検収を自分で書き、実装を任せています。

  • 画像圧縮IMAGE COMPRESSOR

    ブラウザ内だけで画像をWebP等へ圧縮・一括ZIP保存。サーバーへ送らないため機密画像も扱える。React・Vite。

    tools.kawazoe0104.com（新しいタブで開きます）

  • 動画圧縮VIDEO COMPRESSOR

    ffmpeg.wasmでブラウザ内だけで動画を圧縮。複数ファイル対応。React・Vite。

    tools.kawazoe0104.com（新しいタブで開きます）

  • vw計算機Simple Ver.

    px・remの値を、基準の画面幅に対するvwへ変換するコーディング補助ツール。

    /tools/vw/

  • 事例紹介（本体は非公開）

    AIモニター（5つのAIサービスの利用残量をMacのメニューバーで見るSwiftアプリ）、勤怠らくらく（勤怠打刻・チャット報告・Notion記録を1ボタンで行うChrome拡張 MV3）

    詳しく見る

スキル

2026年10月時点

フロントエンド

HTML/CSS
9年以上
JavaScript（Vanilla・jQuery）
7年以上
Node.js・Vue
1年以上（前職）

バックエンド・CMS

PHP・WordPress
9年以上（テーマ・プラグイン選定・決済連携）
記事LP用CMS・LP作成ツール
3年以上（Squad Beyond、Dejam、UTAGE）

デザイン

Figma
2年以上。主要ツール、コード生成の起点
Photoshop・Illustrator
7年以上
Adobe XD
6年以上（Figmaへ移行済み）
InDesign・Premiere Pro・After Effects・Canva
3年／2年／1年／4年以上

計測・改善

Google Analytics（GA4）・GTM・Search Console・ヒートマップ
9年以上（GA4は2024年〜）

公開環境

ドメイン・DNS・Xserver・SSL・メール設定・Cloudflare
実務で運用

生成AI

ChatGPT・Gemini・Claude・Codex・Adobe Firefly
指示書と検収の分業で実装・記事制作に活用（2025年〜）

業務ツール

Googleスプレッドシート・GAS、Excel VBA、Notion
自動化・集計の実績多数

経歴

運転士の頃から、目の前の業務を仕組みで楽にすることを続けてきました。

  1. 2025年9月〜

    Webマーケティング会社

    デザインチーム リーダー（5名＋外注10名以上）

  2. 2023年7月〜2025年8月

    Webマーケティング会社

    デザインチーム サブリーダー

  3. 2018年11月〜2023年7月

    教育サービス会社

    コーダー（コーディングリーダー）／デザイナー

  4. 2017年4月〜2018年10月

    システム開発会社

    コーダー（大手SIerのサイト制作、システムテスト）

  5. 2010年4月〜2017年1月

    バス会社2社

    路線バス運転。勤務表・給与計算のExcel業務をVBAで自動化し工数70%削減、新入社員研修

連絡先

お仕事のご相談・ご連絡はメールでお願いいたします。