Webデザイン関連(
RSS)のトピックです。SEOとWebデザインを共有する、という観点で情報を配信します。
モバイルサイトのWebデザイン15選

携帯、モバイルサイトの
デザインってどうなってるのか
少し興味が沸いたのでモバイル
サイトのキャプチャを取って
アーカイブとしてまとめている
モバイルデザインアーカイブさん
から15のモバイルサイトで好きな
デザインを15個厳選しました。
個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。
FAT ONLINE SHOPPING

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

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

モスバーガーのモバイルサイト、凄くいいですね。メニューも見やすいし、色使いもかなり上手いと思います。
グリコ カフェオーレ モバイル

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

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

情報量の多くなりがちな競馬の出馬表ですが、凄く見やすいです。
日産cube

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

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

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

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

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

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

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

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

明治チョコレートのサイト。統一感とコンテンツへの誘導が秀逸です。Flashサイトです。デザインは綺麗なのですが、CMのコンテンツと着うたのコンテンツはリンク切れでした。。。
以上、モバイルサイトのWebデザイン15選でした。PCサイトと違ってFlashサイトのロード時間が殆ど気になりませんでしたよ。サイトによるかもしれませんが、SEOを意識する必要の無いサイトならFlashコンテンツの方が色々な面でいいのかも、と思いました。モバイルデザインアーカイブでは他にも大量のサイトデザインのキャプチャがありますので見ていて飽きません。ぜひ訪れてみてはいかがでしょうか。
【モバイルサイトのWebデザイン15選】へのコメント 17
- Tweets that mention モバイルサイトのWebデザイン15選 - かちびと.net -- Topsy.com
- モバイルサイトのWebデザイン15選 – かちびと.net « とっても! ちゅどん(雑記帳)
- モバイルサイトのWebデザイン15選 – かちびと.net » Web Design
- links for 2009-09-29 « 個人的な雑記
- » モバイルサイトのWebデザイン15選 – かちびと.net My_Room-bookmarks
- モバイルサイトのWebデザイン15選 – かちびと.net | My Web Development Bookmarks
- 携帯サイトをはじめて作る時にぜひ読んでおきたい11の記事 | 携帯サイトをつくろう。
トラックバック
お気軽にコメントして下さい
*は必須です
サイト内検索
- 日本語を完璧に使いこなすタイ人デベロッパー・タムタム氏のTwitterサービス3つ
- シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ
- WordPressユーザーにお勧め。管理メニューを表示するブックマークレット・WP Toolbar
- 無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy
- アメリカで宗教団体に属している人の所得の差が分かる(かもしれない)1枚の図
- 4分間の歌と共にひたすらピタゴラ装置が動き続ける「OK Go」のPVが楽しい
- 要連絡、漢字無しなど、条件付だけど商用利用可能なフリーの日本語フォントいくつか
- 「Photoshopでこの人を正面に向かせてください。」と言ってしまう気持ちが分かるくらい凄い加工技術
- [cssメニュー]マウスオーバーで滑らかに別要素をドロップダウンさせるjQuery・Fluid Navigation
- (3月3日)今日の「簡単海外記事」
Follow me
Bookmark
RSS講読
RSSフィード
ブックマーク
Twitter
Web Tips on Twitter
まとめ記事 on Twitter




これはいいまとめですね!
携帯サイトには大いに興味があるので助かります!!
引用
09-09-29 » 12:57 PM »
モスバーガーを除いて全然いいと思いませんが。一通りアクセスしましたが、UIの肝である一貫性に欠けます。ユーザビリティの欠片もないですね。
とりあえずトップページは凝りましたって感じ。
引用
09-09-29 » 3:54 PM »
>なご
ガイアwww
お、おう!あ、ありがとうw
引用
09-09-29 » 8:03 PM »
>通りすがりさん
こにちは
冒頭に「個人的なギャラリーとなっていますが、共感して頂ければ幸いです」と書いているので、いいと思わないと仰られても困っちゃいますが、返信させて頂きます。
そうでしたかー
モスバーガーは凄くいいですよねー!
次また同じような記事を書く機会がある際はお気に召されるよう頑張ります
引用
09-09-29 » 8:07 PM »
「通りすがり」さんは、単なる原則論の言いたがりさんではないのかな?
十年ぐらい前までは「lynx主義者さん」もよく見かけました。
UIの一貫性(何の一貫性を指しているのかな?)は重要だと思いますし、ユーザビリティも大事だと思いますが、ここであげられているのは (見た目という意味での) デザイン15選なので、別にこれでいいんじゃないかな。まさに「トップページは凝りました」の事例集なので。
別に公共性が高いコンテンツではないので、ユーザビリティより見た目の美しさを重視するTPOがあってもよいし、仮にその結果「ユーザビリティが軽視されており怪しからん!」とGODIVAの携帯サイトを離脱するユーザがいても、別にそれはそれでいい。そこは誰も狙ってない。
たとえばスポーツカーのフェラーリよりも、カローラバンや通勤電車のほうがUIやユーザビリティは優れているでしょう。かといって、フェラーリ美術館の前で山手線を見習えと批判しても話がずれている。そういうことでは。
ちなみに日本中央競馬会(JRA)のサイトは実用性も良いデザインだと思いましたが、これもダメなのかしら。
引用
09-09-30 » 1:47 AM »
まとめありがとうございます。
大人っぽいデザインのサイトがどれも素敵ですね。
と言う、あなたのデザイン15選が見たいです。
期待してます。
引用
09-10-01 » 1:44 AM »
>mrmtさん
始めまして。凄く参考になりました!素晴らしい観点で勉強になりました
仰るとおりの趣旨の記事でしたが僕の言葉足らずでお手数お掛けして申し訳有りません。。
同感です。これ、凄く良く出来てると思いました。が、取り方は人それぞれなんですね。。。
引用
09-10-02 » 4:28 PM »
>zeroさん
こにちは
ちょっと偏ってましたね
好みがバレましたw
その発想なかった・・・確かに他の方のも見て見たいなぁ。
引用
09-10-02 » 4:30 PM »
これって、Yicha と JRAは某社がやっていたFlashデザインコンテストのやつだよね。
ということは、実際には使われていないのではないかな??
引用
09-12-01 » 5:41 PM »
>とおりすがりさん
コメント有難う御座います
そうなんですか?初耳ではありますが、記事は使われているかどうかは関係有りません。「デザインの参考」が目的です。
引用
09-12-07 » 1:08 PM »