【デザインニュース】vol.28　カブトムシの世界を堪能！インタラクション豊かなサイト｜『ビートルランド・米原』

■クリエイティブ部メンバー

• 長津：カドベヤCOO／弊社WEBディレクターの長(おさ)的存在
• 須田：UIデザイナー／ゲーム・ドラムに日々没頭
• 古川：PdM／クリエイティブ部マネージャー
• 飯野：PdM／カドベヤのお兄ちゃん、ゲーム・アニメ・SEOがすき

🔳　今週のピックアップ【ビートルランド・米原】

UIデザイナーの須田によるデザインコーナーvol.28。

今週の須田的ベストデザインは「ビートルランド・米原｜公式サイト」です。

引用元：https://www.beetleland-maibara.com/

須田(UID)：

今回ご紹介するのは、カブトムシやクワガタとふれ合える施設「ビートルランド」の公式サイトです。

面白いと思ったのが、サイトにマウスカーソルを合わせるとカブトムシが目で追いかけてくるんです(笑)

長津(COO)：

それ懐かしいっていうか、ちょっと気持ち悪いな(笑)。

でもおもしろいね。

須田(UID)：

あと、ボタンにマウスオーバーすると矢印がウインクするような動きになったり細かい遊び心が効いていていいなと。

長津(COO)：

ついついクリックしたくなる仕掛けだよな。

子ども向けサイトって感じがする。

須田(UID)：

特にこのサイトは、小学生の男の子をメインターゲットにしている感じがします。

ただ、女の子や親御さんにも楽しんでもらえるように絵本に似たデザインや観光情報の掲載をする工夫もされてますね。

引用元：https://www.beetleland-maibara.com/zukan/#shindan

長津(COO)：

周辺情報とか観光スポットまで載せてくれてるの？

須田(UID)：

はい。例えば、近隣の宿泊施設やアクティビティ、グランピング情報が一緒に紹介されてますね。

地域おこし的な視点からも親切な設計だな～って思いました。

長津(COO)：

カブトムシを見た後にフォレストアドベンチャーで遊んで、夜はグランピングとかいいよな。

親としても満足度高そう。

引用元：https://www.beetleland-maibara.com/access/#plan

須田(UID)：

もう一つ特徴的なのが、「カブトムシを探そう」という仕掛けです。

隠れたカブトムシを見つけることでコレクションが増えていくんですよ。

長津(COO)：

子どもたちが絶対ハマるやつじゃん！

大人でもコンプリートしたくなりそう。

須田(UID)：

実際、隠れているカブトムシを探していくプロセスが楽しくて、親子で一緒に遊べるデザインになってます。全部集めると特別なアニメーションもでてくるみたい。

長津(COO)：

伝説のカブトムシとか出てくるのかな？(笑)

須田(UID)：

あと、全体的にSPA（シングルページアプリケーション）で構成されていて、ページ遷移がとてもシームレスですね。

長津(COO)：

そういうの最近減った印象あったけど、使いどころによっては活きてくるよね。

カジュアルに遊ぶサイトなら相性いいかも。

須田(UID)：

個人的に一番いいなと思ったのは、ターゲットである子ども達や親御さんに向けたUX設計がされているところですね！

特に、「遊び心」と「地域貢献」のバランスが絶妙で、参考になる点が多かったです。

長津(COO)：

普通のサイトにこういうインタラクションを取り入れたらおもしろそうだよね。

どんどん新しいアイデアで進化させていきたいよね。

じゃあ、今日はここまで！アディオス！

〆