Rabbit Hole Solutions様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績

Rabbit Hole Solutions様

7つの活用シーン別ページと視認性を高める図解により、製品価値を効果的に魅せる情報設計へ刷新

クライアント Rabbit Hole Solutions様(東京都 港区)
制作プラン Meta定額制30プラン
カテゴリ コーポレートサイト コーポレートサイト・事務所
URL https://r-hs.jp/
制作チーム
  • ディレクション
    M.Ono

  • Webデザイン
    M.Ogawa

  • システム
    T.Taguchi

  • マーケティング
    M.Ono

  • ライター
    M.Takaoka

POINT

制作のポイント

お客様のご要望

  • 集客(新規)を増やしたい

音声解析・生成AI・クラウドといった技術を活用し、感情データを通じてお客様のビジネスに新たな価値をご提供している、Rabbit Hole Solutions様のコーポレートサイトをリニューアルいたしました。


 


今回のリニューアルの主要な目的として、「お問い合わせを増やしたい」というご要望をいただきました。そのため、トップページのファーストビュー直下には、お客様が訴求したい製品である「音声感情解析AI ALICe」コンテンツを設けております。


こちらのコンテンツでは、音声から151種類以上の感情要素を検出し、高精度で分析できるという製品の魅力をユーザーが視覚的に理解できるよう、作図を掲載しました。


中央の宝石のようなハート型の多面体は人の「心」を表していて、周囲には「集中」「期待」「自信」「喜び」「ストレス」「悲しみ」「怒り」など、さまざまな感情要素が配置されており、製品が感情の種類や強度、相互関係を細かく解析できることを表現しています。


そうすることで、言葉のみではイメージしづらいお客様の製品の強みを最大限に訴求し、「音声感情解析AI ALICe」ページへ誘導できる導線設計となっております。

ディレクション
M.Ono

今回のリニューアルの主要な目的として、「お問い合わせを増やしたい」というご要望をいただきました。そのため、「音声感情解析AI ALICe」ページの「ALICe提供形態」コンテンツでは、「ALICe Cloud」と「ALICe Module」のサービスごとの違いを一目で把握できるよう、比較表を掲載しています。ユーザーが自分のニーズに合った提供形態をスムーズに判断でき、各詳細ページへスムーズに遷移できる設計に仕上げました。

 

さらに、「ALICe Cloud」「ALICe Module」の各詳細ページでは、「できること」「活用事例」「導入ステップ」などユーザーが気になるコンテンツを配置しました。1ページで必要な情報を確認できる構成とすることで、安心感のあるお問い合わせを後押ししております。

Webデザイン
M.Ogawa

ハンバーガーメニューでは、主要なページにサムネイル画像を配置することで、スマートフォンの小さな画面でもユーザーが目的のページを視覚的に判断でき、迷わず必要な情報にたどり着けるよう工夫を施しました。

 

また、各ページでは、「資料請求 お問い合わせ」ボタンを画面下部に固定表示しました。そうすることで、ユーザーが「感情解析AIについて、会社での導入を検討したい」と感じたタイミングで、スムーズにお問い合わせできる導線設計となっております。

Webデザイン
M.Ogawa

デザイン面では、トップページのメインビジュアルにはお客様とパートナーシップを築いている「Emotion Logic社」の木をモチーフとしたロゴを大きく採用いたしました。木の葉っぱとなる部分を大小さまざまな円形で表現していて、一つひとつに動きをつけることでインパクトのあるデザインに仕上げております。

また、各活用シーン別ページの「課題解決に向けたALICeの具体的な活用方法」「活用事例」コンテンツでは、背景にお客様のコンセプトである「不思議の国のアリス」をイメージできるイラストや、ライトブルーを基調としたグラデーションを取り入れました。お客様ならではのサービスの世界観を視覚的に表現することで、ブランディングの強化に貢献しています。

エンジニア
T.Taguchi

システム面では、「感情解析コラム」ページをオリジナルのCMSで自社開発しました。
こちらのCMSでは、管理画面からお客様ご自身でコラム記事を簡単に登録できる設計となっております。
また、記事を増やしていくことで、ロングテールのキーワードからの流入も狙うことができ、ホームページ全体のSEO強化にも繋がっていく仕組みとなっております。

マーケティング
M.Ono

SEOからの流入強化を目的に、「音声感情解析(分析)とは」ページを新規作成しました。こちらのページでは、弊社のプロライターが、お客様からご要望のあった対策キーワードで上位表示されている競合サイトを調査し、検索ユーザーが求める情報やコンテンツ構成を分析したうえで、原稿を作成しています。
また、ページタイトルや見出し、ページ上部に対策キーワードを適切に配置することで、検索エンジンにページ内容が伝わるよう設計し、SEO 評価の向上につながる構成としました。

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

BEFORE AFTER

劇的ビフォーアフター

旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

BEFORE

リニューアル前のホームページは、情報が整理されておらず、「ALICeで何ができるのか」「どのような課題を解決できるのか」といったサービス内容が具体的に伝わりにくく、課題を感じている状況でした。

AFTER

リニューアル後は、現在のお客様ニーズに合わせてターゲットや情報設計を見直し、「人事・採用」「コールセンター」「パーソナリティ診断」など計7つの活用シーン別ページを新規作成しました。ユーザーが自身の利用シーンに合わせて「課題とALICeによる解決アプローチ」「活用方法」「事例」などを確認できるため、安心感のあるお問い合わせを後押しする構成となっております。

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧