Enefarm Arikamo

Apr 2016

エネファームって、アリカモ!
WEBサイト東邦ガス(株)

https://www.tohogas.co.jp/enefarm-arikamo/
https://www.tohogas.co.jp/enefarm-arikamo/sp/


MISSION

エネファームの認知度をマスコットキャラ「アリカモ」と共に上げていきたい。

SOLUTION

1画面の情報量を少なくすることで難しく感じないように構成。
また、アリカモや図を動かすことで文字をじっくり読ますではなく
パッと見ただけで伝わるようようデザインしました。


laptop_macトップページ|情報をひとつずつ丁寧に理解してもらうため、1画面ずつスクロールします。
laptop_macローディング画面|ひとつひとつのイメージが大きく、数も多いためローディング画面を設置。アリカモがお店に相談に行くという設定も伝えつつローディングさせることで時間を感じさせないよう留意。
laptop_macアリカモ紹介ページ|踊ったり動かす予定でしたが、残念ながら時間がなく断念しました。
laptop_macお姉さん / メニュー表示|右下のお姉さんはアリカモに違和感無いよう自作しました。その隣にある↓(つぎへ)にカーソルを合わせるとメニューが表示され、普段は小さく収納されます。
laptop_macコラムページ|イラストや図を動かすことで見ただけで伝わるようにしました。
laptop_macトップページ|凝った作りで実装が難しいため、レスポンシブ(同一ソース)ではありません。
  • 画像は納品時のものです。公開されたものと異なる場合がございます。

CREDIT

Client
東邦ガス 株式会社
Agency
株式会社 イー・エージェンシー
,
フルマンドー