制作背景

EV導入を「検討できる情報」に変えるコーポレートサイトへ

eMotion Fleet株式会社様（以下、eMotion Fleet）は、物流企業や交通事業者、自治体、社用車を保有する企業に向けて、業務車両のEV導入・運用を支援する企業です。単にEVの導入を促すのではなく、コストや稼働率、CO₂削減効果などを可視化し、それぞれの企業が「今、自社でEVを導入すべきか」まで判断できる状態をつくることを特徴としています。

一方、EV導入には車両だけでなく、充電環境や運用方法、コストなど複数の要素が関わります。EVに詳しくない担当者にとっては、サービスの全体像や、自社にどのような支援が必要なのかを理解するまでのハードルが高くなりがちです。今回のリニューアルでは、会社やサービスを紹介するだけではなく、EV導入のメリットや支援内容を分かりやすく伝え、検討段階に応じて資料ダウンロードや事例、無料相談へ進めるサイトを目指しました。

抱えていた課題とその背景

専門性の高いサービスを、誰にでも分かる形でどう伝えるか

EV導入支援は、扱う情報が多く、内容も専門的になりやすいサービスです。サービスについて丁寧に説明しようとすると文章量が増え、結果として、初めてEV導入を検討する担当者には「難しそう」「自社に関係があるのか分からない」と感じられてしまう可能性があります。

また、コーポレートサイトとして企業の信頼性を伝えるだけでなく、サービスサイトとして問い合わせや資料ダウンロードといった次の行動につなげる役割も求められていました。さらに、制作当時は開発中のサービスや整理途中の情報も多く、決まった内容をそのままWebサイトに落とし込むのではなく、eMotion Fleetと一緒に「何を、どのような言葉で伝えるのか」から整理する必要がありました。

専門的な内容をシンプルに理解できることと、企業としての先進性・信頼感を伝えること。その両方を満たすサイトづくりが求められました。

提案内容

私たちが掲げた戦略

EVらしい先進性に、相談しやすい親しみやすさを加える

デザインの軸としたのは、EVが持つ近未来的なイメージと、問い合わせにつながる親しみやすさの両立です。テクノロジー企業らしい先進性を強く打ち出すだけでは、サービスに詳しくない担当者にとって、少し距離のある印象になってしまいます。

そこで、立体感のある表現やグラデーションを使い、EVやエネルギー領域の先進性を感じられる世界観をつくりながら、イラストや図解を随所に取り入れました。文章だけで説明するのではなく、「見れば大まかに理解でき、必要な部分を読めばさらに分かる」構成とすることで、サービスへの理解と次の行動につながるサイトを目指しています。

具体的な解決策

複雑なEV導入を、理解から相談へつなげる4つの工夫

・イラストと図解で、専門的なサービスを直感的に伝える

EV導入支援では、サービスの仕組みや導入までの流れなど、文章だけでは説明が長くなりやすい情報が多くあります。そこで、テキストをそのまま並べるのではなく、イラストやインフォグラフィックを活用し、情報を視覚的に理解できる形へ整理しました。まず全体像をビジュアルから把握し、その後に必要な説明を読む流れをつくることで、EVに詳しくない担当者でも内容を追いやすくしています。

また、文章量を減らすこと自体を目的にするのではなく、図解とテキストの役割を分けることで、専門的な情報を損なわずに伝えられる構成を意識しました。難しい内容を簡略化するのではなく、理解しやすい順番へ組み替えることを重視しています。

・立体感とグラデーションで、EVの近未来感を表現

サイト全体では、立体感のあるグラフィックやグラデーションを取り入れ、EVやモビリティ、エネルギー分野が持つ先進的な印象を表現しました。一方で、先進性だけを前面に出すと、無機質でサービスの内容が伝わりにくくなることがあります。

そこで、情報を見せる部分ではシンプルなレイアウトをベースにし、要所で立体的なビジュアルを使うことで、企業としての先進性と、サービスを読み解きやすい落ち着きを両立しています。コーポレートサイトとして企業の姿勢を伝えながら、「これからの業務車両」を想起できる世界観をつくりました。

・検討段階に合わせて、次の行動へ進みやすい導線を設計

今回のリニューアルでは、単に企業情報を掲載するだけでなく、サービスへの問い合わせにつなげることも重要な目的でした。

そのため、ユーザーがどのページで、どのような情報を確認した後に次の行動を起こすのかを一つひとつ整理しました。まだ情報収集の段階にいるユーザーには資料や事例を、具体的な導入を検討しているユーザーには無料相談や問い合わせを提示するなど、それぞれの検討状況に合わせて次の選択肢へ進める構成としています。CTAをただ多く設置するのではなく、ユーザーが「もう少し知りたい」と感じるタイミングに合わせて導線を配置することを意識しました。

・外部翻訳ツールに頼らず、多言語でも軽快に閲覧できる設計へ

海外からの閲覧にも対応するため、英語表示にも対応しました。その際、外部の翻訳サービスを読み込む方法ではなく、サイト内で英語コンテンツを用意する構成を採用しています。

外部ツールへの依存を抑えることで、翻訳機能による読み込み負荷を避けながら、日本語・英語どちらでもスムーズに閲覧できる環境を整えました。多言語対応という機能を追加するだけではなく、表示速度や閲覧体験まで含めて設計した点も、今回のサイトの特徴です。

こだわりポイント

まだ形になっていないサービスを、クライアントと一緒に言葉にする

今回の制作で大きなポイントとなったのは、デザインそのものだけではなく、eMotion Fleetが今後実現したいことを整理し、サイト上で伝わる形へ落とし込んでいくプロセスでした。制作時点では、開発中のサービスや、これから内容を固めていく領域もありました。そのため、すでに完成している情報を受け取ってデザインするだけでは、企業が目指す方向性を十分に表現できません。

「このサービスは誰に、どのような価値を届けるものなのか」「今伝えるべきことと、今後拡張していく内容をどう分けるのか」といった部分を、eMotion Fleetとのやり取りを重ねながら整理しました。言葉の認識をそろえたうえで、文章・図解・デザインへ落とし込むことで、サービスの現在地だけではなく、これから目指していく姿も想像しやすいサイトへとつなげています。Webサイトをつくる過程そのものを、サービスや事業の魅力を改めて整理する機会として活用しました。

成果と展望

公開後の反響とこれから

伝えたい強みが整理され、サービスを理解しやすいサイトへ

リニューアルによって、専門的で説明量の多かったEV導入支援の内容を、イラストや図解を交えながら段階的に理解できる構成へ整理しました。会社情報、ソリューションの特徴、導入を検討するための情報、問い合わせまでの流れを一つのサイト内でつなぐことで、企業の信頼性を伝えるコーポレートサイトとしてだけでなく、サービスへの関心を具体的なアクションへつなげる役割も持たせています。

また、サイト公開後には、ご担当者様から「サイトが見やすくなり、ソリューションの強みをより訴求できるようになった」との評価をいただきました。eMotion Fleetが提供するのは、単にEVを導入するためのサービスではありません。企業ごとのコストや運用状況を踏まえ、EV化を判断し、実際の運用につなげていくための支援です。今回のリニューアルでは、その特徴を専門知識の有無にかかわらず理解できる形に整え、「自社の場合はどうなるのか」と次の検討へ進むための入り口をつくりました。