プロジェクト概要
近年注目を集めるCBD（カンナビジオール）関連商品を紹介する、新規アフィリエイトメディアの制作プロジェクトです。サイトのコンセプト企画から、ユーザーの不安を払拭するためのコンテンツ・情報設計、クリーンで親しみやすいビジュアルデザイン、HTML/CSSによるフロントエンド実装までを単独で担当しました。初心者にはハードルが高い商材において、正しい知識と安心感を提供し、自然な形で商品の購買（コンバージョン）へと繋げるメディアを構築しています。
基本情報
サイト名: Dr.CBD
サイト種別: アフィリエイトメディア / 情報ポータルサイト
商材ジャンル: CBDオイル・関連ヘルスケア商品
※現在はサイトが閉鎖となっております
担当領域
Webディレクター / Webデザイナー / フロントエンドエンジニア
（サイト企画 / インフォメーションアーキテクチャ・情報設計 / 全体UI・ビジュアルデザイン / HTML・CSSコーディング）
プロジェクトの目的と課題
-
心理的ハードルと不安の払拭: 「違法ではないか」「安全なのか」といったCBD特有のネガティブなイメージや疑問を、デザインとコンテンツの力でクリーンな印象へと変えること。
-
教育から購買へのスムーズな導線: 初心者に対して「CBDとは何か」を正しく教育し、納得感を持たせた上で、違和感なくおすすめ商品の紹介（アフィリエイトリンク）へ誘導すること。
-
信頼性を担保するトーン＆マナー: ヘルスケア商材としての説得力と、女性や若年層も手に取りやすい親しみやすさを両立させること。
施策とこだわったポイント
1. ユーザーの不安を先回りして解決するコンテンツ企画・情報設計
単に商品を並べるのではなく、「安全性」や「効果」といったユーザーが最も知りたい情報を独立したコンテンツとしてしっかり企画・配置しました。特に安全性ページでは、WHOの報告基準や日本の法律（THCフリー）に関する図解を交えることで、サイトに対する信頼度を根本から引き上げる論理的な情報設計を行っています。
2. 「安心感」と「清潔感」を体現するクリーンなビジュアルデザイン
ヘルスケア商材としての信頼感と、植物由来のナチュラルなイメージを伝えるため、白を基調に彩度を抑えた深いグリーンをメインカラーに設定しました。また、実写の写真だけでなく、親しみやすいトーンのイラストを各所に配置することで、CBDに対する警戒心を和らげ、誰でも読み進めやすいクリーンなUIを実現しています。
3. 比較検討を容易にするUIとスムーズな実装
ユーザーが基礎知識を得た後にスムーズに商品を選べるよう、おすすめ商品をカード型やスライダーを用いたUIでコーディングし、スッキリと一覧化しました。各アイテムの特徴（価格、濃度など）を視覚的に比較しやすく整え、黒く引き締まったCTA（購入）ボタンでユーザーのアクションを迷わず促すレイアウトを実装しています。
成果・評価
商材の壁を「デザインと企画」で乗り越えるメディア構築力
心理的ハードルの高いニッチな商材に対して、ユーザー心理を深く読み解いた企画と、それを視覚的に解決するデザイン・コーディングを一人で完遂しました。単に美しいサイトを作るだけでなく、「どうすればユーザーに安心してもらい、購入してもらえるか」というマーケティング思考に基づいたメディア構築能力を証明する実績です。
