制御基板移行促進LP
Web Design / Coding / Direction
| 担当範囲 | LP制作(構成・デザイン・実装) |
|---|---|
| 使用ツール | Photoshop / After Effects / HTML / CSS / JavaScript / VSCode |
Design Challenge & Solution
先に取り組んだ「製品ラインナップ全体の整理と可視化」による基盤構築から一歩踏み込み、既存の両替機を所有するユーザーへ向けた具体的なアップグレード施策として、この制御基板移行促進LPを制作しました。
旧来の基板(CBEZシリーズ)の部品ディスコンや故障リスクという課題に対し、最新基板へのスムーズな載せ替え(リプレイス)を提案。専門性の高い情報をロジカルに整理し、ターゲットが抱く「移行の必要性」と「導入メリット」を直感的に理解できる導線を設計しました。
また、サイトの顔となるファーストビューには、今回初めて独学で習得したAfter Effectsを活用しました。静止画では伝わりにくい基板の質感や先進性をモーショングラフィックスで表現することで、専門製品としての信頼感を視覚的に高める挑戦を行いました。
Key Points
製品を比較・選定する段階から、さらに踏み込んだ具体的な「リプレイス検討」を支援する構成を目指しました。自社製品の仕様を深く理解し、古い基板と新基板の互換性やアップデートの手順を、専門知識がない担当者でも把握できるよう論理的に図解しています。
制作過程では、社内の技術的な知見を整理し、ユーザーが抱くであろう「今の機体に適合するか」「作業手順はどうなるか」といった不安要素を先回りして解決するコンテンツ(解説図やFAQ)を構築しました。
ユーザーの検討プロセスをWebサイト上で完結、あるいはスムーズに次の相談へと繋げる「高精度な情報提供ツール」としてLPを機能させ、営業活動の効率化に貢献した点が成果です。
Production Process
- 基板リプレイスに関する市場ニーズの調査とロジカルな構成案作成
- After Effectsを用いた、製品の魅力を引き出すメインビジュアルの制作
- 専門的な図解や仕様表を整理した、視認性の高いレスポンシブデザイン
- 複雑な技術相談や見積もりを含む、一貫した顧客対応と実務運用
- 運用の実体験に基づく、情報の追加・更新によるページ精度の向上