■担当範囲 ディレクション / Webデザイン / フロントエンドエンジニア ■使用ツール・言語 WordPress / JavaScript / CSS / Adobe XD 作品説明 遺品整理・家財整理業界に特化した、案件・顧客一元管理システム「オニカン！」のサービス紹介ランディングページ（LP）を新規構築いたしました。 【Direction & Design (Adobe XD)】 「現場と経営の見える化」をテーマに、多忙な経営者や現場スタッフが直感的にメリットを理解できるデザインを設計しました。 Adobe XDを用いて、従来の「アナログ管理（紙・エクセル）」と「システム導入後」の比較を図解化。 案件管理、スケジュール共有、売上集計といった複雑な機能を、シンプルなアイコンとUI画面のモックアップで見せることで、「これなら簡単に使える」という安心感と導入効果（業務効率化）を強く印象付ける構成にしています。 【Development (WordPress / CSS / JavaScript)】 BtoB向けのサービスであるため、信頼性と情報の探しやすさを重視したコーディングを行いました。 「導入事例（お客様の声）」や「よくある質問」など、検討段階のユーザーが気にする情報をWordPressで管理し、クライアント様側でスムーズに更新できる運用フローを構築。 また、資料請求や問い合わせへの動線を常に意識させつつ、スクロールに合わせて機能紹介がリズムよく表示されるアニメーションを実装し、最後まで離脱させないページ体験を提供しています。