【プロジェクト概要】
不用品回収・買取サービスのWebサイトを制作。24時間受付・LINE相談などの導線を強化し、信頼獲得とCV（お問い合わせ）の最大化を狙いました。
不用品回収・買取サービスのWebサイトを制作。24時間受付・LINE相談などの導線を強化し、信頼獲得とCV（お問い合わせ）の最大化を狙いました。
【担当範囲】
要件定義 / 情報設計 / デザイン / コーディング（HTML/CSS/JS） / バックエンド（PHP）/ 画像編集 / 記事ライティング
要件定義 / 情報設計 / デザイン / コーディング（HTML/CSS/JS） / バックエンド（PHP）/ 画像編集 / 記事ライティング
【制作のポイント】
・ファーストビューで「何をしてくれるか」を3秒で理解 → 主要CTAを並列配置
・料金表・対応品目・対応エリアを“見やすいカードUI”で整理
・口コミ（お客様の声）とFAQを同一ページに集約して不安を解消
・スマホ最適化（390px想定）＋軽量化、ラージタップターゲット
・ファーストビューで「何をしてくれるか」を3秒で理解 → 主要CTAを並列配置
・料金表・対応品目・対応エリアを“見やすいカードUI”で整理
・口コミ（お客様の声）とFAQを同一ページに集約して不安を解消
・スマホ最適化（390px想定）＋軽量化、ラージタップターゲット
【使用ツール】
Figma / Photoshop / Illustrator / VS Code / GA4
Figma / Photoshop / Illustrator / VS Code / GA4
使用言語：HTML5 / CSS3（Flexbox・Grid・CSS変数） / JavaScript（ES6+）/ バックエンド：PHP 8（フォームバリデーション／メール送信／二重送信防止／スパム対策［CSRF・ハニーポット・reCAPTCHA対応可］）
主なライブラリ：Swiper（スライダー）, Font Awesome（アイコン）
計測：Google Analytics 4（gtag.js）
SEO/構造化：メタタグ最適化, JSON-LD（構造化データ）
その他：レスポンシブ対応, 画像の遅延読み込み・圧縮最適化, アクセシビリティ配慮（セマンティックHTML・alt・キーボード操作）
主なライブラリ：Swiper（スライダー）, Font Awesome（アイコン）
計測：Google Analytics 4（gtag.js）
SEO/構造化：メタタグ最適化, JSON-LD（構造化データ）
その他：レスポンシブ対応, 画像の遅延読み込み・圧縮最適化, アクセシビリティ配慮（セマンティックHTML・alt・キーボード操作）
