YouTubeチャンネル登録者10万人を超える世界史教育クリエイター・土井昭 様のホームページリニューアルを、要件定義・ディレクション・デザイン・実装・公開対応まで弊社で一貫して担当させていただきました。
目次
プロジェクト概要 (Overview)
YouTubeチャンネル登録者10万人超を誇る世界史教育クリエイター・土井昭様のウェブサイトをフルリニューアルいたしました。既存サイトのデザインを全面刷新し、著書・メディア出演・オンライン授業への導線を再設計いたしました。情報発信の拠点として機能するブランドサイトとして生まれ変わりました。
クライアントの課題・背景 (Challenges & Background)
既存サイトは情報が古く、集英社オンライン・雑誌『WiLL』など複数のメディア出演実績が増えているにもかかわらず、それを掲載できる構造になっておりませんでした。また、お問い合わせ経路が不明瞭で、講演・メディア依頼の窓口として機能しておらず、機会損失が生じておりました。ブランドカラー（えんじ色 #9b042c）は維持しつつ、現代的なデザインへの刷新が求められておりました。
提案内容・アプローチ (Our Solutions)
サイト全体のデザインをゼロから設計し直しました。主な提案は以下の通りです。
- メディア出演セクションの新設：著書紹介とYouTubeの間に設置いたしました。集英社オンライン・雑誌『WiLL』・扶桑社PRなどの実績を一覧化しております。更新はArclareが月次代行することで、クライアントの運用負担をゼロにいたしました。
- CTA設計の最適化：お問い合わせを主役、オンライン授業登録をセカンダリとしてサイト内に固定CTAとして設置いたしました。流入目標に合わせた優先度設計を実施いたしました。
- News機能の実装：WordPressを活用し、カテゴリ分類付きのNews投稿機能を追加いたしました。クライアント自身がブラウザから更新できる環境を整備いたしました。
デザイン・実装のポイント (Key Features)
- ブランドカラー #9b042c（えんじ）をベースに、slate-900との組み合わせで知性・信頼感を表現いたしました
- フォントはNoto Sans JP（本文）とNoto Serif JP（見出し）を使い分け、アカデミックな雰囲気を演出いたしました
- ヒーローセクションにはスライドショーと土井様本人の写真を採用し、人物への信頼感を前面に出しました
- モバイルファーストで設計（ブレークポイント md: 768px）し、iOS Safari・Android Chrome双方で動作確認を行いました
- WordPressテーマにSWELLを採用し、将来的なコンテンツ追加・運用に対応いたしました
担当領域・制作情報 (Project Scope)
| クライアント | 土井昭様（世界史解体新書） |
|---|---|
| 担当領域 | 要件定義 / WFデザイン / UI/UXデザイン / WordPress実装 / QA / 公開対応 |
| 使用技術 | WordPress（SWELL）/ Figma / HTML / CSS / JavaScript |
| 制作期間 | 2026年3月〜2026年5月（約7週間） |
| 制作体制 | 弊社にて要件定義および全体のディレクション・監督を行い、実際のコーディング作業は所属するArclareの新人コーダーが担当する体制で進行し、徹底した品質管理を行いました。 |
