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人のモンスターガールがいるそうです。
奇抜な内装や音楽・メニューだけでなく、奇抜なファッションをしたモンスターガールを見るために訪れても楽しそうですね!

 - 色で表現 ,

  関連記事

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

選ばれるポイントを綺麗にまとめたホテルのサイトがオシャレでカッコいい!

福岡県北九州市にあるホテル「ステーションホテル小倉」のホームページです。 青と黄 …

カットスタイルごとのギャラリーで好みの髪型をすぐ見つけられる美容院

渋谷にある美容院「Pure Soul」のホームページです。 トップページのスライ …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

「あしあと」の部分で過去に閲覧したページを掲載する

新潟県にある「山波農場」のホームページです。 大きな麦の写真や綺麗な風景の写真は …

最新のがん治療を使って、患者と一緒に治していく診療所

東京都港区にある診療所「アカサカフロイデクリニック」のホームページです。 シンプ …

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

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

パッケージデザインを活かした化粧品のサイトがおしゃれで可愛い!「資生堂 recipist」

20代前半の女性をターゲットにした、スキンケア商品「資生堂 recipist」の …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

ページの1番上にも、アクセスページに移動できるボタンを配置する

福井県越前町の観光情報を紹介する「えちぜん観光ナビ」のホームページです。 画面に …