ECサイト(ネットショップ)
SELECSONIC.com
- URL:http://www.selecsonic.com/selecsonic/top/
- 企業名:サンエー・インターナショナル
「NATURAL BEAUTY BASIC」などで知られるアパレル大手、サンエー・インターナショナルが運営するファッション通販サイト。スマートフォンサイトでは雑誌掲載商品や新商品の紹介のほか、会員登録や実際の購入手続きもできる。jQuery Mobileのリストビュー、ヘッダー/フッター、ページ遷移効果、フォームなどを利用。大幅なカスタマイズで、独自のサイトデザインに仕上げている。
MiseDas(ミセダス)
- URL:http://www.misedas.net/
- 企業名:日本テレシステム
販促用POPや什器など、店舗用品の通販サイト「MiseDas」のスマートフォン版。 リストビュー、ボタンなど、jQuery MobileのUIをふんだんに利用しつつも、白と緑を基調としたオリジナルの配色でシンプルなデザインにまとめている。
E-カレンダー.com
- URL:http://www.e-cale.com/
- 企業名:E-カレンダー
カレンダー専門の通販サイト「E-カレンダー.com」のスマートフォン版。リストビュー、フォーム、ページ遷移効果、フッターの固定配置など、jQuery Mobileの主要な機能を使って制作されている。
商品紹介/キャンペーンサイト
Adobe HTML5 特設サイト
- URL:http://adobe-html5.jp/sp/
- 企業名:アドビ システムズ
Webオーサリングソフト「Dreamweaver CS5.5」のプロモーション特設サイト。新機能であるjQuery Mobile連携機能のデモを兼ねた、シンプルなサイトになっている。
CAPCOM FIGURE BUILDER
- URL:http://m-cfb.com/
- 企業名:カプコン
カプコンが製作するフィギュアシリーズのカタログサイト。jQuery Mobileのナビゲーションバー、開閉パネルなどを利用。黒を基調とした大幅なデザインカスタマイズで独自の世界観を演出している。
AIROU FROM THE MONSTER HUNTER
- URL:http://m-airou.com/
- 企業名:カプコン
カプコンのゲーム「モンスターハンター」シリーズに登場するキャラクター「アイルー」の情報サイト。関連商品、イベント情報の紹介など。jQuery Mobileの開閉パネル、リストビューなどを利用。イラストを使ってかわいらしくまとめている。
太鼓の達人学園(太鼓の達人×AKB48キャンペーンサイト)
- URL:http://www.taiko-akb48.com/
- 企業名:バンダイナムコゲームス
アーケードゲーム「太鼓の達人」のキャンペーンサイト。ゲームのプレイ結果を登録するとAKB48のメンバーからコメントがもらえる。2012年4月9日までの期間限定。スマートフォン版はjQuery Mobileのヘッダー/フッター、ナビゲーションバーなどの主要なUIを利用して制作されている。
小売・店舗サービス
Lutella
- URL:http://www.lutella.net/sp/
- 企業名:Lutella
丸善&ジュンク堂書店
- URL:http://www.junkudo.jp/
- 企業名:HON
大型書店「ジュンク堂」と「丸善」の通販サイト「丸善&ジュンク堂書店」。スマートフォンサイトでは商品の検索、店頭在庫の確認ができる(購入手続きはPCサイトのみ)。ヘッダー/フッター、リストビュー、ボタンなど、jQuery Mobileの標準UIのみで制作されている。
ムエタイ・キックボクシングジム パーフェクト超人工房
- URL:http://www.muay-thai-pck.com/smp/
- 企業名:パーフェクト超人工房
宮城、福島で展開するキックボクシングジムグループのスマートフォンサイト。黒と赤が基調のインパクトのあるデザイン。jQuery Mobileのリストビュー、開閉パネル、フォーム、ページ遷移効果などを利用。
■Amazon.co.jpで購入
jQuery Mobile スマートフォンサイト デザイン入門 (WEB PROFESSIONAL)西畑一馬、鍋坂理恵(著)アスキー・メディアワークス