AIチャットボットのランディングページを制作

オンプレミス型で構築できる独自のAIチャットボットサービス

お客様のオンプレ環境で構築できる独自のAIチャットボット「Mesoblue AI」の魅力を訴求するランディングページを制作しました。オンプレ対応だけでなく、クラウド環境での利用ができる点に加え、AIに学習させるデータ作成サポートやAIを活用した回答精度の向上支援など、充実したカスタマーサクセスの内容も訴求。また、同社のR&D部門（先端技術研究室）から生まれた独自技術である背景も伝えることで、プロダクトの品質を強調したシナリオ設計を行っています。デザインでは、フラットデザインとグラデーションの質感を融合し、先進性と信頼感の両方を兼ね備えたデザインを目指しました。

• サービスロゴの地中海ブルーを基調としながら、爽やかなブルー・ゴーロアーズを組み合わせたカラーリングで、信頼感とサービスの先進性を表現
• デバイスフォントを主体としたデザインでありながらも、シンプルな印象にならないように動きのあるデザインに
• 背景や見出しにグラデーションを取り入れ、品質を感じさせる配色設計
• 洗練された印象に仕上げるために、やわらかいドロップシャドウを使用
• 直感的に情報が伝わるように、グラフィックアイコンを活用
• コンバージョンボタンには、ブルーに映えるレッドを選定
• 入力ボックスの縦幅をおさえたユーザビリティ重視のデザインでEFOを指向

• テキスト箇所はSEOを考慮し、デバイスフォントを中心としたコーディング
• CVボタンのリンクをページ下部の入力フォームへ遷移するように、スムーススクロールを実装
• 入力フォームをLP内に設置することで、問い合わせ完了までのページ遷移数を削減
• ユーザーが入力フォームで正しい情報を入力できるように、バリデーションを実装
• 画像サイズの調整による高画質ディスプレイへの対応