モバイルサイトのWebデザイン15選

スポンサーリンク

mobile-site-desgin
携帯、モバイルサイトの
デザインってどうなってるのか
少し興味が沸いたのでモバイル
サイトのキャプチャを取って
アーカイブとしてまとめている
モバイルデザインアーカイブさん
から15のモバイルサイトで好きな
デザインを15個厳選しました。

個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。

FAT ONLINE SHOPPING

mobile-site-design01
余計な情報を入れず、一番伝えたい事は画像にしてTOP絵にしています。

FAT ONLINE SHOPPING

AEON Lake Town

mobile-site-design02
シンプルですが、画面の小さいモバイルサイトで情報を絞り込むのはかなりいいのでは。Flashで操作も軽快でした。

AEON Lake Town

MOS BURGER

mobile-site-design03
モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもかなり上手いと思います。

MOS BURGER

グリコ カフェオーレ モバイル

mobile-site-design04
可愛いです。キャラクターがあると色々と使えて便利ですよね。

グリコ カフェオーレ モバイル

Yicha

mobile-site-desgin15
かなりかっこいいですね。検索boxに集中できるように余計なリンクは殆どありません。素晴らしい。しかし、僕の携帯では上記のデザインを確認する事は出来ませんでした。

Yicha

日本中央競馬会 (JRA)

mobile-site-design05
情報量の多くなりがちな競馬の出馬表ですが、凄く見やすいです。

日本中央競馬会 (JRA)

日産cube

mobile-site-design06
cubeのサイト凄く可愛いですね。僕も一目ぼれでした。QRでいけるページから進むと上記のようなFlashコンテンツになります。動き滑らかでした。

日産cube

Krispy Kreme

mobile-site-design07
かなり見やすく、分かりやすいデザインです。色合いもこれなら疲れないですね。こちらもFlashコンテンツでノンストレス。

Krispy Kreme

MAJOLICA MAJORCA

mobile-site-design08
かっこいいです。高級感溢れるし、メニューも優れたデザインですね。キャンペーンサイトだったのか分かりませんが、今は確認できず。

MAJOLICA MAJORCA

RedBull

mobile-site-design09
これもいい感じですねー。メニューなんかPCサイトでもいけそう。僕の携帯は未対応機種でした。残念。

RedBull

SERENO

mobile-site-design10
雰囲気出ていますね。配色も素敵です。かなり見やすい印象でした。テキストコンテンツとしてはかなりレベルが高い気がします。

SERENO

DIESEL

mobile-site-design11
個人的にアパレルブランドとしても好きなDIESELですが、サイトデザインもかっこいい。ブランドサイトは参考になりますよね。現在はデザインも変わっていましたが、やはり良かった。Flashサイトです。

DIESEL

GODIVA

mobile-site-design12
チョコレートのブランド、GODIVAのモバイルサイト。大人っぽくてかっこいいです。現在はリニューアル中との事で、11月2日にデザインが新しくなるそうです。

GODIVA

SMILE NAVI

mobile-site-design13
ナチュラルな雰囲気が出てて見たくなっちゃいます。僕の好きなデザインです。ただ、僕の携帯の環境だと文字がボケてまったく読めませんでした。Flashサイトの怖い点かもしれません。

SMILE NAVI

明治ミルクチョコレート

mobile-site-design14
明治チョコレートのサイト。統一感とコンテンツへの誘導が秀逸です。Flashサイトです。デザインは綺麗なのですが、CMのコンテンツと着うたのコンテンツはリンク切れでした。。。

明治ミルクチョコレート

以上、モバイルサイトのWebデザイン15選でした。PCサイトと違ってFlashサイトのロード時間が殆ど気になりませんでしたよ。サイトによるかもしれませんが、SEOを意識する必要の無いサイトならFlashコンテンツの方が色々な面でいいのかも、と思いました。モバイルデザインアーカイブでは他にも大量のサイトデザインのキャプチャがありますので見ていて飽きません。ぜひ訪れてみてはいかがでしょうか。

モバイルデザインアーカイブ

URL :
TRB :

Comments & Trackbacks (17)

  1. これはいいまとめですね!
    携帯サイトには大いに興味があるので助かります!!

  2. 通りすがり

    モスバーガーを除いて全然いいと思いませんが。一通りアクセスしましたが、UIの肝である一貫性に欠けます。ユーザビリティの欠片もないですね。

    とりあえずトップページは凝りましたって感じ。

  3. シロ

    >なご

    ガイアwww

    ガイアが75にもっと輝けと言っている: これはいいまとめですね!
    携帯サイトには大いに興味があるので助かります!!

    お、おう!あ、ありがとうw

  4. シロ

    >通りすがりさん

    こにちは :-D

    冒頭に「個人的なギャラリーとなっていますが、共感して頂ければ幸いです」と書いているので、いいと思わないと仰られても困っちゃいますが、返信させて頂きます。

    通りすがり: モスバーガーを除いて全然いいと思いませんが。一通りアクセスしましたが、UIの肝である一貫性に欠けます。ユーザビリティの欠片もないですね。

    そうでしたかー :-? モスバーガーは凄くいいですよねー!
    次また同じような記事を書く機会がある際はお気に召されるよう頑張ります :)

  5. mrmt

    「通りすがり」さんは、単なる原則論の言いたがりさんではないのかな?
    十年ぐらい前までは「lynx主義者さん」もよく見かけました。

    UIの一貫性(何の一貫性を指しているのかな?)は重要だと思いますし、ユーザビリティも大事だと思いますが、ここであげられているのは (見た目という意味での) デザイン15選なので、別にこれでいいんじゃないかな。まさに「トップページは凝りました」の事例集なので。

    別に公共性が高いコンテンツではないので、ユーザビリティより見た目の美しさを重視するTPOがあってもよいし、仮にその結果「ユーザビリティが軽視されており怪しからん!」とGODIVAの携帯サイトを離脱するユーザがいても、別にそれはそれでいい。そこは誰も狙ってない。

    たとえばスポーツカーのフェラーリよりも、カローラバンや通勤電車のほうがUIやユーザビリティは優れているでしょう。かといって、フェラーリ美術館の前で山手線を見習えと批判しても話がずれている。そういうことでは。

    ちなみに日本中央競馬会(JRA)のサイトは実用性も良いデザインだと思いましたが、これもダメなのかしら。

  6. zero

    まとめありがとうございます。
    大人っぽいデザインのサイトがどれも素敵ですね。

    通りすがり: モスバーガーを除いて全然いいと思いませんが。一通りアクセスしましたが、UIの肝である一貫性に欠けます。ユーザビリティの欠片もないですね。とりあえずトップページは凝りましたって感じ。

    と言う、あなたのデザイン15選が見たいです。
    期待してます。

  7. シロ

    >mrmtさん

    始めまして。凄く参考になりました!素晴らしい観点で勉強になりました :-D 仰るとおりの趣旨の記事でしたが僕の言葉足らずでお手数お掛けして申し訳有りません。。

    mrmt: 日本中央競馬会(JRA)のサイトは実用性も良いデザイン

    同感です。これ、凄く良く出来てると思いました。が、取り方は人それぞれなんですね。。。

  8. シロ

    >zeroさん

    こにちは :-D

    zero: まとめありがとうございます。
    大人っぽいデザインのサイトがどれも素敵ですね。

    ちょっと偏ってましたね :oops: 好みがバレましたw

    zero: あなたのデザイン15選が見たいです。

    その発想なかった・・・確かに他の方のも見て見たいなぁ。

  9. とおりすがり

    これって、Yicha と JRAは某社がやっていたFlashデザインコンテストのやつだよね。

    ということは、実際には使われていないのではないかな??

  10. シロ

    >とおりすがりさん

    コメント有難う御座います :-D

    とおりすがり: これって、Yicha と JRAは某社がやっていたFlashデザインコンテストのやつだよね。

    ということは、実際には使われていないのではないかな??

    そうなんですか?初耳ではありますが、記事は使われているかどうかは関係有りません。「デザインの参考」が目的です。

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services