Rabbit Hole Solutions様
7つの活用シーン別ページと視認性を高める図解により、製品価値を効果的に魅せる情報設計へ刷新
東京都 港区
- 制作プランMeta定額制30プラン
- カテゴリーコーポレートサイト（PC・タブレット）
 | |
|---|---|
| Web制作のポイント |
音声解析・生成AI・クラウドといった技術を活用し、感情データを通じてお客様のビジネスに新たな価値をご提供している、Rabbit Hole Solutions様のコーポレートサイトをリニューアルいたしました。
今回のリニューアルの主要な目的として、「お問い合わせを増やしたい」というご要望をいただきました。そのため、トップページのファーストビュー直下には、お客様が訴求したい製品である「音声感情解析AI ALICe」コンテンツを設けております。 こちらのコンテンツでは、音声から151種類以上の感情要素を検出し、高精度で分析できるという製品の魅力をユーザーが視覚的に理解できるよう、作図を掲載しました。 中央の宝石のようなハート型の多面体は人の「心」を表していて、周囲には「集中」「期待」「自信」「喜び」「ストレス」「悲しみ」「怒り」など、さまざまな感情要素が配置されており、製品が感情の種類や強度、相互関係を細かく解析できることを表現しています。 そうすることで、言葉のみではイメージしづらいお客様の製品の強みを最大限に訴求し、「音声感情解析AI ALICe」ページへ誘導できる導線設計となっております。 |
 | |
|---|---|
| 設計・デザインのポイント |
ハンバーガーメニューでは、主要なページにサムネイル画像を配置することで、スマートフォンの小さな画面でもユーザーが目的のページを視覚的に判断でき、迷わず必要な情報にたどり着けるよう工夫を施しました。
また、各ページでは、「資料請求 お問い合わせ」ボタンを画面下部に固定表示しました。そうすることで、ユーザーが「感情解析AIについて、会社での導入を検討したい」と感じたタイミングで、スムーズにお問い合わせできる導線設計となっております。 デザイン面では、トップページのメインビジュアルにはお客様とパートナーシップを築いている「Emotion Logic社」の木をモチーフとしたロゴを大きく採用いたしました。木の葉っぱとなる部分を大小さまざまな円形で表現していて、一つひとつに動きをつけることでインパクトのあるデザインに仕上げております。 また、各活用シーン別ページの「課題解決に向けたALICeの具体的な活用方法」「活用事例」コンテンツでは、背景にお客様のコンセプトである「不思議の国のアリス」をイメージできるイラストや、ライトブルーを基調としたグラデーションを取り入れました。お客様ならではのサービスの世界観を視覚的に表現することで、ブランディングの強化に貢献しています。 |
 | |
|---|---|
| Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング（レスポンシブサイト）、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |
