Home > 第25回 新時代のエネルギーを考えるシンポジウム

第25回 新時代のエネルギーを考えるシンポジウム

2020.11 / Art Direction, Graphic Design, Web Design & Cording

こちらはENEOS株式会社様等の主催で開催されたイベントです。

制作・進行の株式会社スウィングマン様と連携し、各種印刷物とWebサイトのアートディレクション/デザイン/設計/コーディング(実装)を担当いたしました。


メインビジュアル

25回目を迎え、初のオンライン配信となった今年のメインテーマは
「どうなる?モビリティ革命〜CASE・MaaSは未来をどう変えるのか〜」。

まずは方向性を探るため、メインビジュアルは数パターンをご提案。
イベントへの期待感を訴求するためキャッチーに、カジュアルにもなりすぎないトーンを探りました。

そして選んでいただいたものをブラッシュアップし、以下に決定。

「モビリティ」や「エネルギー」、さらには「通信」等を想起させるイラストで構成。
イラスト自体はややカジュアルなためレイアウトでバランスを取っています。

3つ折りDM/封筒

メインビジュアルを各種ツールに展開。
まずはA4サイズの3つ折りDMをデザインし、封入する封筒も制作しました。

両面ともなるべく読みやすく、文字サイズ等に配慮。
また、3つ折りということで写真や文章が折り目にぶつからないようレイアウトしています。
DMを封入する封筒は特色一色で印刷。
過去のイベント参加者や関係者に郵送されました。

Webサイト

さらにWebへと展開
デザインのトーンはそのままに、一貫したイメージで訴求します。

PC、タブレット、スマートフォン等に最適化する
レスポンシブデザインに対応

Webサイトはこちら
第25回 新時代のエネルギーを考えるシンポジウム
https://www.energysymposium.jp/2020/

細かいところでは以下にこだわって一から実装しています。

  • ある程度スクロールすると現れるお申込みボタン(メインビジュアルに被せないため/注意喚起)
  • 画面に固定し、追従するナビゲーション(使いやすさ)
  • パネリスト写真をクリックすると開くプロフィール詳細(レイアウトの都合もあるがユーザーにアクションを促すため)
  • スクロールすると次々出てくるHISTORYコンテンツ(飽きさせないため)
  • CSSアニメーションで揺れているドローンの「PAGE TOP」(遊び心)
  • すべての画像をRetinaディスプレイ対応&軽量化
設計とデザインはAdobe XD。「プロトタイプの共有」機能を使うことで、
早い段階にブラウザ上でクライアントチェックをしていただくことができました。

第25回 新時代のエネルギーを考えるシンポジウム
https://www.energysymposium.jp/2020/

さらに当日は申込み者だけが視聴できる動画を埋め込んだ『配信ページ』を別途用意。
反応を取るためアンケートフォームの設置も対応しました。

その他、Webに関しては以下も対応しています。

  • サーバー/ドメインの管理
  • Googleサーチコンソール、Googleアナリティクスを設置してアクセス解析
  • ドメインをhttp→httpsに移行してSSL化。www有り無し等を含めたリダイレクトも設定

期間中、Webサイトは1万アクセスを超え、盛況のうちに終えました。

主催:「新時代のエネルギーを考えるシンポジウム」実行委員会ENEOS株式会社、一般財団法人日本エネルギー経済研究所、公益財団法人地球環境産業技術研究機構、株式会社NHKエンタープライズ後援:経済産業省

Art Direction / Graphic Design / Web Design & Cording