エネクラウド株式会社 コーポレートサイト

Credit

Client
エネクラウド株式会社
Type of Business
法人の電気に関するコンサルティング事業
Role
  • Illustration
  • Web Design
  • Web Development

Overview

電気に、あたらしい評価基準を

法人の電気料金を削減することで、お客さまの電気に関する課題を解決するエネクラウド株式会社さま。電気料金や電気使用量の見直しを伴走しながらサポートする、2つのサービスを展開しています。

ビジュアルアイデンティティ構築の一環として、コーポレート・サービス全体で使用するイラスト素材の制作、コーポレートサイトのデザイン、実装をneccoでお手伝いしました。


Orange#EC6C00236/108/0
Yellow#F7B400247/180/0
White#F8F8F8248/248/248
Black#40404064/64/64
Gray#F1F5F7241/245/247

Client

エネクラウド株式会社

Team

Creative Direction

Fumito Abe

Direction / Project Management

Hitomi Natsui / Koyuki Nakagawa / Moeka Kunihara

Web Design

Seina Kon / Mari Nagano / Nao Ryujin / Koyuki Nakagawa / Yuka Adachi / Moeka Kunihara

Illustration

Seina Kon

Motion Design

Mari Nagano

Web Development

Ayumi Sato / Masahiro Katsuyama

Contact

お仕事のご依頼は、お問い合わせからご連絡ください。

Share

Creative Direction

イラストとウェブサイトの両軸で、
エネクラウドのビジョンを表すデザインを制作

法人の電気料金を削減することで、お客さまの電気に関する課題を解決するエネクラウド株式会社さま。

エネクラウドさまは「最適解を追求し、質の高いエネルギーに満ちた社会を創造する」をミッションに掲げ、電力調達・活用において格差のない社会の実現を目指しています。

エネクラウドさまのビジュアルアイデンティティ構築の一環で、neccoでは、コーポレート・サービス全体で使用するイラスト素材の制作、コーポレートサイトのデザイン、実装のお手伝いをさせていただきました。

伝えたい言葉をシンプルに抽象化しすぎず伝わる言葉に調整を重ねました。エネクラウドさまの事業を明るく、暖かく、優しく届けられるように制作しました。

制作したイラストやウェブサイトが、エネクラウドさまの事業を広め、サービスに対して愛着をもつ方が増えるようお手伝いができれば幸いです。

Web Design

目に見えない情報をイラストで可視化
柔らかさ・明るさを意識したデザイン

メインビジュアルは、エネクラウドさまが目指す「質の高いエネルギーに満ちた社会」を表現。エリアが分かれている街をお客さまと電力会社(ベンダー)に見立て、その間をエネクラウドがつないでいるイメージで作成しました。
双方に『あたらしい評価基準』を提供することで情報の非対称性が解消され、社会全体が豊かになっていく様子を表しています。

法人の電気料金を削減することで、お客さまの電気に関する課題を解決する事業内容を伝えるために、グラフやデータをイメージしたモチーフを採用。また、電気の評価基準をモチーフにした四角のオブジェクトをサイト全体に散りばめています。
イラストを多く使用することで、電気料金・サスティナビリティなど目に見えない情報についてもしっかりと伝わる構成を意識して作成しています。
企業としての信頼感・誠実さを意識しながらも、イラストやカラーで柔らかさや明るさを感じていただけるウェブサイトを目指しました。

illustration

エネクラウドさまの
あたたかく、丁寧で柔らかいイメージや事業を伝えるイラスト

ビジュアルアイデンティティ構築の一環として、コーポレート・サービス全体で使用する人物や建物のイラストを作成しました。


エネクラウドさまの丁寧なヒアリングの様子や柔らかく誠実な雰囲気が伝わるよう、カラーや表情の検証を細かくおこないました。また、発電所等の電力業界に関するイラストは複雑な業種でも意味がしっかりと伝わるよう、デフォルメと作り込みのバランスを特に意識しています。


ウェブサイトやパンフレット、営業資料など幅広い媒体で使用する機会があるため、単体使用だけではなくイラスト同士を組み合わせの使用もできるようなポーズやレイアウトで作成しています。

Development

Studioの機能を最大限に活用し、洗練されたデザインと運用の効率化を両立

サイトは、ノーコードツールのStudioを使用して実装を行いました。

トップページやサステナビリティページのメインビジュアルには、Lottieアニメーションを採用。エネクラウドさまが目指す、電力調達や活用において格差のない、持続可能な選択ができる社会を視覚的に表現しました。サイト全体のアニメーションは控えめにしつつも、ユーザー操作に応じた繊細なホバーインタラクションをアクセントとして加えることで、サイトの読みやすさや、操作しやすさを向上させています。

リニューアル前もStudioを利用していたため、既存のCMSデータをほぼそのまま活かしつつ、新しいデザインを適用できました。Studioが持つ機能を最大限に活用し、カスタムコードをほとんど使用せずにサイトを構築しました。また、CMSやコンポーネント機能を活用することで、サイト全体の一貫性を保ちながら、効率よく更新できる構造を実現しています。

Client Voice

共に綿密な情報設計を行ったことで考えが整理され、エネクラウドが思い描く未来をサイト全体のデザインで表現いただけました

コーポレートサイトのリニューアルとイラスト素材を制作するにあたり、根幹の部分から共に考えてつくっていきたいと思いneccoさまにご協力いただきました。

今までのコーポレートサイトは事業内容が伝わりにくく、弊社の雰囲気やステークホルダーに伝えたいコーポレートイメージとも乖離がありました。
neccoさまと共に綿密な情報設計を行ったことで考えが整理され、エネクラウドが思い描く未来をサイト全体のデザインで表現いただけたと思います。

ヒアリングや定例MTGを通して弊社のMVVやデザインフィロソフィーなどを深く理解し、的確にアウトプットしてくださりました。
また、運用のしやすさやサイトの表示速度までを見据えてデザインや実装方法をご提案いただき、その豊富な知見とノウハウも大変心強く感じております。

今回のプロジェクトは改めてエネクラウドの過去・現在・未来を見つめ直すきっかけにもなりました。
これからの大きな資産となるよう、大切に活用・運用してまいります。今後ともよろしくお願いいたします!

エネクラウド株式会社
デザイナー
関根若奈