WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

「KAWAII文化」独特の世界観を大切にしたデザイン

      2016/09/13

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

原宿にある「カワイイモンスターカフェ」のホームページです。

ファーストビューのインパクトがとてもすごいサイトです。くるくる回る極彩色の背景は、見ているだけで吸い込まれそうになります。「CONCEPT」や「MENU」などの丸いボタンがいろんな場所・大きさで配置され動きがあります。
メニューの部分にはクリームのような背景を使い、ページ全体がケーキに見えるように工夫されています。お店の見所である「ケーキ型メリーゴーランド」を連想させます!

サブページに移動すると、それぞれのページの色の円形がふわふわ上に上がっていくアニメーションを使っています。シュワシュワとした泡のようでちょっと幻想的です。
個性的な4つのゾーンを紹介しているページでは、独特のアングルから撮影した写真を背景にしています。ウサギやユニコーンの顔がアップで写っていたり、毒々しいキノコたちを下から撮影したりと、見ていてワクワクしてくる写真ばかりです。

お店のドリンクや料理も個性的なモンスターカフェの店内には、5人のモンスターガールがいるそうです。
奇抜な内装や音楽・メニューだけでなく、奇抜なファッションをしたモンスターガールを見るために訪れても楽しそうですね!

 - 色で表現 ,

  関連記事

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

お昼寝案内

  手書き風のゆるーっとしたサイトです。イラストを使用してわかりやすく …

水色と白の配色がとても綺麗で爽やかな印象の「海ほたる」

東京湾アクアライン上にあるパーキングエリア「海ほたるパーキングエリア」のホームペ …

サイト全体を白黒にして写真を際立たせて、さらにコンテンツを斜めに切り取って動きを演出したスイーツ屋さんがオシャレ!

パティスリー・サダハル・アオキ・パリ日本公式サイトです。 白と黒を基調とした、シ …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

アーティストのロゴマークをメニューボタンにした、オリジナリティあふれる感じ

1994年に結成された男性ヒップホップグループ「RIP SLYME」のニューアル …

【WEBサイトまとめ】もうすぐ春!ピンク色を効果的に使ったサイト5選!

まだまだ寒い日が続きますが、暦の上ではもう「春」ですね〜。 ということで、今回は …

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。 聖徳太子のペット「雪丸 …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

カテゴリーごとに分けたコンテンツが見やすい!

海外に向けて沖縄の新たな魅力を伝えるプロモーションサイト「Where to Go …